0% 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.

Uploaded by

Scott Bell
Copyright
© © All Rights Reserved
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% 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.

Uploaded by

Scott Bell
Copyright
© © All Rights Reserved
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

Dont assume that your users know where


to go

DONT USE FRAMES!


Getting Started
Select a design tool/program

Determine page layout

Re-read assignment sheet and rubrics

Consider how best to represent you


Examples
The worst: www.webpagesthatsuck.com

Similar to this assignment:


http://iml.jou.ufl.edu/Homepages/

You might also like