Professional - DePaul University
Download
Report
Transcript Professional - DePaul University
DePaul University
SNL 262
Web Page Design
Design Information
Instructor: David A. Lash
AdvWeb-1/11
Towards a better design
Rule 1 - Look Professional
–
–
–
Make sure site is available
Make sure links work
Anticipate traffic level to site
AdvWeb-2/11
Professional ?
130K
http://www.montcopa.org/da/dabio.htm
AdvWeb-3/11
Too Large
Professional?
Do You need that design element
–
–
–
–
Animated graphics
Moving/Blinking text
Music
Mystery Meat Navigation
AdvWeb-4/11
Know your Audience
Design to the target audience
AdvWeb-5/11
Ease of Use
Make a easyto-use initial
page.
AdvWeb-6/11
Some Navigation Issues
Can a user tell where they are within a site?
Can user tell what are navigation options from
current page?
Can user find what they are looking for?
Can the user tell what else is at the site?
Can the user tell who’s site they are looking at?
AdvWeb-7/11
Top 10 Design Flaws
http://www.useit.com/alertbox/9605.html
By Jakob Nielsen, SunSoft Distinguished
Engineer
1. Frame use:
Can be confusing
2. Too Much Technology
3. Scrolling Text, Marquees, and Constantly Running
Animation's
4. Complex URLs
5. Orphan Pages Should be clear on Each page how it fits
AdvWeb-8/11
Top 10 Design Flaws
http://www.useit.com/alertbox/9605.html
By Jakob Nielsen, SunSoft Distinguished
Engineer
6. Long Scrolling Pages
7. Lack of Navigation Support
8. Non-Standard Link Colors
9. Outdated Information
10. Overly Long Download Times
AdvWeb-9/11
Writing for the Web
Keep it short
Use Bullets and sub bullets
Say what is most important up-front.
Link to relativist references (for more
information)
Long narratives are for articles only.
AdvWeb-10/11
Testing Your Site
Some things to consider before making your
site “production”.
1. Spell Check Each Page Separately
2. Validate All HTML Code
3. Make sure to test pages somewhere
besides your desktop.
4. Try Different browsers and different browser
versions
5. Try different access speeds.
6. Test EACH link .
7. Each form/application needs special care
- What happens is skip a field, send bad
data or skip form entirely.
AdvWeb-11/11