Transcription
Web Page DesignECE 3940Megan O’Byrne10 September 09
Designing Your PageStep 1: Design for a Computer Medium A computer screen is not a printed page Readability changes depending on color, layout,and format Different browsers, screens and displays canchange how a page looksFrom Principles of Web DesignBy Joel Sklar
How We Read TextFollowing normal reading habits, the userseye moves from left to right
How We View ScreensLooking at a screen, the users eye scans ina more clockwise pattern
How Will Your Users Read/View? Ifa page uses a lot of text, the user willread in a more traditional, left to rightmanner. Ifa page has more graphical elements,the user is more likely to take in the wholepage.
Accepted Relative Areas ofImportance
Questions to Ask Yourself Whatis the purpose of my website? Whois my main audience? My secondary audience? Whatinformation do I want to present?
Designing Your SiteStep 2: Plan your sites hierarchy How are your pages linked together? How many links exactly? Where does the user go next?
A Structure That is More WideThan Deep
A Structure That is More DeepThan Wide
Designing Your ContentStep 3: The “do’s” of good web design Name Keep Usefiles consistently and logicallya consistent look and feelcolors that are high in contrast Designfor low bandwidth
Designing Your ContentMore do’s Useactive white space Design Usefor interactionhypertext linking effectively Designfor accessibility
Designing Your ContentStep 4: Things to avoid, aka, the “don’ts” Don’toveruse media Don’tmake users scroll too much Don’tflood pages with content Don’tchoose colors or images that makethe page hard to read
Designing Your Content Don’tforget to title everything: images andpages Don’tassume that your users know whereto go DON’T USE FRAMES!
Getting Started Selecta design tool/program Determine Re-readpage layoutassignment sheet and rubrics Consider howbest to represent “you”
Examples Theworst: www.webpagesthatsuck.com Similarto this assignment:http://iml.jou.ufl.edu/Homepages/
Web Page Design ECE 3940 Megan O’Byrne 10 September 09. Designing Your Page Step 1: Design for a Computer Medium
