240 likes | 398 Views
Web Navigation. Eugene Tiller & Phillip Green AMS Center for Advanced Technologies. Lay the Groundwork. Identify the goals of the Web site Identify the target user population. Web User Interfaces. Users, Goals & Tasks. All Users Want. Easy, quick navigation Fast page downloads
E N D
Web Navigation Eugene Tiller & Phillip GreenAMS Center for Advanced Technologies
Lay the Groundwork • Identify the goals of the Web site • Identify the target user population
Web User Interfaces • Users, Goals & Tasks
All Users Want • Easy, quick navigation • Fast page downloads • Satisfaction
The User Experience • Information complexity
Corner Stones of Web Navigation • 1. Site structure • 2. Page navigation • 3. Links and information
Site Structure • Break a large site into mini-sites (CNET) News.com Builder.com Shareware.com
Site Structure • Fewer vertical levels are better • Two or three levels are best • A one page Web site is ideal • “Shallow pond”
Site Structure • Storyboards help us think clearly • Storyboards help us convey our concepts clearly to others
Page Navigation • Casual visitors won’t memorize your navigation • Visitors are looking for the right information hooks
Page Navigation • Visitors don’t read, they scan for a path to their goals. • Books • Fiction • Science Fiction • Arthur C. Clark • 2001 A Space Odyssey
Page Navigation • More scrolling is better than more pages
Page Navigation • Use “within-a-page” anchors
Page Navigation • Use the Ferris wheel metaphor 5 1 4 2 3
Questions for Every Page • Who owns this page?” • Where am I? • How did I get here? • How do I get back?
Links & Information • Push content (data) to the top of a Web site
Links & Information • Push pivotal content to the top of each page
Links & Information • Edit and edit again • Find a good writer and editor
Links & Information • Follow page size guidelines • The 10 second principle
Links & Information • Cell coloring “chunks” information
Links & Information • Content links vs. category links
Links & Information • Use 7-12 words in a content link
Links & Information • Information can be defined in many ways • Use redundant links