1 / 9

Design Principles: The Dos and Don’ts of Web Design

Design Principles: The Dos and Don’ts of Web Design. Getting Started. Look at what others have done in order to give you ideas for your own page What do you like and not like about existing WebPages. Activity. 1) View 3 of the following websites on the next slide

faye
Download Presentation

Design Principles: The Dos and Don’ts of Web 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. Design Principles:The Dos and Don’ts of Web Design

  2. Getting Started • Look at what others have done in order to give you ideas for your own page • What do you like and not like about existing WebPages

  3. Activity 1) View 3 of the following websites on the next slide 2) Write down at least 3 positive attributes of the website to share with the class 3) Write down at least 3 negative attributes of the website to share with the class

  4. Sample Websites a) http://www.englishseven.com/ b) http://greemore.wvc.net c) http://www.geocities.com/lomgifted/ d) http://myschoolonline.com/site/0,1876,22637-133230-25-2811,00.html e) http://pchilds.expage.com/ f) http://staband.com/ g)http://schoolnotes.com/N7S2T3/sylvain.html h)http://www.lakelandschools.org/It/Paula/mrsm.htm i) http://schoolnotes.com/33498/mrsfreeman.html j)http://www.cambrian.k12.ca.us/price/libsj/index/coverpage.html k)http://teachers.henrico.k12.va.us/highlandsprings/strusky_m/ l) http://teacherweb.com/LA/ZacharyHighSchool/CoachPeltier/

  5. Homepage Guidelines • Make the site’s purpose clear • Plan a layout of the page with the end user in mind • Use a template to be consistent with elements on all pages • Make sure all links work • Give email link back to you

  6. Homepage Guidelines (cont.) • Balance text and graphics and use ample white space • Keep homepage short to eliminate scrolling • Link all pages back to the homepage

  7. Web Design Mistakes • Scrolling marquees & numerous animations …this is distracting to the user • Complex URLs …lends itself to typos • Long, scrolling pages …all critical content and navigation options should be at the top

  8. Mistakes (cont.) • Non-standard link colors …be consistent, standard colors are blue and purple • Overly, long download times …limit animations and sounds…users lose interest after 10 seconds • Useless graphics …don’t over-decorate

  9. Credits • Jobe, Hazel. “Creating a Web Page.” Hazel’sHomepage. 1999. http://www.marshall-es.marshall.k12.tn.us/jobe/webpage.html (16 Apr. 2003) • Nielsen, Jakob. “Top Ten Mistakes in Web Design." Alertbox. 1999. http://www.useit.com/alertbox/ 9605.html (16 Apr. 2003). • Nielsen, Jakob. “Top Ten Guidelines for Homepage Userbility.”Alertbox. 2002. http://www.useit.com/alertbox/20020512.html (16 Apr. 2003) • http://www.qesnrecit/qc.ca/cc/homepage/teacher.htm

More Related