1 / 18

Effective Web Site Design

Effective Web Site Design. Written by Jimmy Ellis. Thesis. Designing Web sites to be attractive to your target audience, easy to use, and easy to look at will benefit your company by retaining customer base and lowering marketing expenses. Hypothesis.

leone
Download Presentation

Effective Web Site Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Effective Web Site Design Written by Jimmy Ellis

  2. Thesis • Designing Web sites to be attractive to your target audience, easy to use, and easy to look at will benefit your company by retaining customer base and lowering marketing expenses.

  3. Hypothesis • It is my contention to inform the audience of the necessary design steps and considerations to create an effective Web site to promote a product, service, or person.

  4. Methodology • Interviewed Jesse Wells on November 4, 2003 to ascertain the four most important design elements he considers when doing a Web site for the college. • Researched the Internet for theories on color, typography, layout and navigation. • Went through the steps of changing a default Web site created through Angelfire.com to an effective Web site to promote a service.

  5. Preview • Parts of a Web site • A basic Web site • Layout basics • Target your audience • Navigation (differentiate your links) • Use color to promote • Refinement to a finished project

  6. Parts of a Web site • Title: the name of the page/document • Body: the main portion of the document • Navigation: series of links that make it capable to explore the contents of a Web site

  7. a basic Web site • A list of links to individual pages • Body text • Default scrollbar colors • Left align

  8. Contrast • Choose colors for the text and links that will show up on the background you choose. • Make sure they don’t interfere with colorblind people’s perception of your site.

  9. Develop White Space • White space is the space between text and other elements on a page. • White space is used to emphasize what’s there or what’s not.

  10. Create margins • Margins are used to make text more visually appealing and easier to read. • Text without margins stresses the eyes.

  11. Language • Make sure that the language you use is going to be understandable to your target audience. • Try to avoid jargon. If unavoidable you may want to include a section with definitions.

  12. Typography • While it’s okay to identify different sections of text with a different color or a different font, effective Web sites will use one of the most common fonts that computers come loaded with.

  13. Putting it together • A clean looking, easy to read, easy to navigate, easy on the eyes Web site with high contrast, easy to understand language, and easily identifiable parts.

  14. Choosing Colors • Use the RGB (red,green,blue) color wheel or the 6x6x6 cubes to choose complimentary, split complimentary, triad and analogous color schemes. • ColorSchemer.com also has a great software program that identifies each of those color schemes based on one color you choose.

  15. Finished Projects

  16. Works Cited “Effective Typography in Web Design.” 1999. Fortress Web Design and Hosting. 30 Nov. 2003 <http://www.fortressdesign.com/typography.html> http://www.tcd.ie/Webdesign/layout.php http://www.tcd.ie/Webdesign/colour.php http://www.tcd.ie/Webdesign/frames.php http://www.tcd.ie/Webdesign/lang.php http://www.arnb.com/webdesign/chap7/chap7.htm http://www.arnb.com/webdesign/chap7/cwheel/cwheel.htm http://www.arnb.com/webdesign/chap7/cwheel/cube.htm

  17. Works Cited http://www.yorvic.york.ac.uk/~mgwt/KKwebcourse/colourscience/colourchoosing.html http://www.yorvic.york.ac.uk/~mgwt/KKwebcourse/colourscience/coloursignificance.html http://www.yorvic.york.ac.uk/~mgwt/KKwebcourse/colourscience/coloursignificance.html http://www.yorvic.york.ac.uk/~mgwt/KKwebcourse/colourscience/colourmodels.html http://www.colorschemer.com/ http://www.colorschemer.com/tutorial.html http://www.colorschemer.com/help1.html

More Related