The document provides guidance on designing web pages. It discusses:
1) Designing for the computer medium by considering readability based on color, layout and format across different browsers and displays.
2) How users read text from left to right but view screens in a clockwise pattern.
3) Asking questions about the purpose, audience and information to present when designing a website.
4) Planning the site hierarchy by linking pages together with the right number of links and flow.
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
0 ratings0% found this document useful (0 votes)
41 views16 pages
ECE3940 Lect WebDesign
The document provides guidance on designing web pages. It discusses:
1) Designing for the computer medium by considering readability based on color, layout and format across different browsers and displays.
2) How users read text from left to right but view screens in a clockwise pattern.
3) Asking questions about the purpose, audience and information to present when designing a website.
4) Planning the site hierarchy by linking pages together with the right number of links and flow.
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 16
Web Page Design
ECE 3940 Megan OByrne 10 September 09 Designing Your Page Step 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 can
change how a page looks
From Principles of Web Design
By Joel Sklar How We Read Text Following normal reading habits, the users eye moves from left to right How We View Screens Looking at a screen, the users eye scans in a more clockwise pattern How Will Your Users Read/View? Ifa page uses a lot of text, the user will read in a more traditional, left to right manner.
Ifa page has more graphical elements, the
user is more likely to take in the whole page. Accepted Relative Areas of Importance Questions to Ask Yourself
What is the purpose of my website?
Who is my main audience?
My secondary audience?
What information do I want to present?
Designing Your Site Step 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 Wide Than Deep A Structure That is More Deep Than Wide Designing Your Content Step 3: The dos of good web design
Name files consistently and logically
Keep a consistent look and feel
Use colors that are high in contrast
Design for low bandwidth
Designing Your Content More dos
Use active white space
Design for interaction
Use hypertext linking effectively
Design for accessibility
Designing Your Content Step 4: Things to avoid, aka, the donts
Dont overuse media
Dont make users scroll too much
Dont flood pages with content
Dontchoose colors or images that make
the page hard to read Designing Your Content Dont forget to title everything: images and pages