book

Designing Web Navigation

Name: Designing Web Navigation
Author: James Kalbach
ISBN: 9780596553784

by James Kalbach

August 2007

Beginner

416 pages

12h 16m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Designing Web Navigation
SPECIAL OFFER: Upgrade this ebook with O’Reilly
Preface
SCOPE OF THIS BOOK
AUDIENCE FOR THIS BOOK
ORGANIZATION OF THIS BOOK
ACCESSIBILITY AND INTERNATIONALIZATIONACCESSIBILITYINTERNATIONALIZATION
ACKNOWLEDGMENTS
HOW TO CONTACT US
SAFARI® ENABLED
ABOUT THE AUTHOR
ABOUT THE TECHNICAL REVIEWERS

I. Foundations of Web Navigation
1. Introducing Web Navigation
1.1. CONSIDERING NAVIGATION1.1.1. DEFINING WEB NAVIGATION
1.2. THE NEED FOR NAVIGATION
1.2.1. NAVIGATION PROVIDES ACCESS TO INFORMATION1.2.1.1. BALANCED NAVIGATION1.2.2. NAVIGATION SHOWS LOCATION1.2.3. NAVIGATION SHOWS "ABOUTNESS" OF A SITE1.2.4. NAVIGATION REFLECTS BRAND1.2.5. NAVIGATION AFFECTS SITE CREDIBILITY1.2.6. THE BOTTOM LINE
1.3. WEB NAVIGATION DESIGN
1.3.1. DESIGN PHILOSOPHIES
1.4. SUMMARY
1.5. QUESTIONS
1.6. FURTHER READING
2. Understanding Navigation
2.1. INFORMATION SEEKING2.1.1. MODES OF INFORMATION SEEKING
2.2. SEEKING INFORMATION ONLINE
2.2.1. LOST IN HYPERSPACE
2.3. WEB BROWSING BEHAVIOR
2.3.1. NAVIGATING WEB SITES2.3.2. NAVIGATIONAL CHOICES2.3.2.1. SCANNING AND THE SCENT OF INFORMATION2.3.2.2. BANNER BLINDNESS2.3.2.3. SATISFICING
2.4. INFORMATION SHAPE
2.4.1. DOCUMENT GENRE2.4.1.1. STUDIES IN DOCUMENT GENRE2.4.2. DESIGNING FOR INFORMATION SHAPE
2.5. EXPERIENCING INFORMATION
2.5.1. DESIGNING FOR EMOTIONS2.5.1.1. QUALITIES OF EMOTIONS2.5.2. EMOTIONS IN INFORMATION SEEKING2.5.2.1. INFORMATION SEARCH PROCESS2.5.2.2. TAILORING THE ISP2.5.3. INFORMATION EXPERIENCE
2.6. SUMMARY
2.7. QUESTIONS
2.8. FURTHER READING
3. Mechanisms of Navigation
3.1. STEP NAVIGATION
3.2. PAGING NAVIGATION
3.2.1. REWIND AND FAST-FORWARD3.2.2. DIRECT ACCESS PAGING
3.3. BREADCRUMB TRAIL
3.3.1.3.3.1.1. LOCATION BREADCRUMB TRAILS3.3.1.2. PATH BREADCRUMB TRAILS3.3.1.3. ATTRIBUTE BREADCRUMB TRAILS
3.4. TREE NAVIGATION
3.5. SITE MAPS
3.6. DIRECTORIES
3.7. TAG CLOUDS
3.8. A–Z INDEXES
3.9. NAVIGATION BARS AND TABS
3.9.1. TABS
3.10. VERTICAL MENU
3.11. DYNAMIC MENUS
3.12. DROP-DOWN MENUS
3.13. VISUALIZING NAVIGATION
3.13.1. STAR TREES3.13.2. VISUAL THESAURI3.13.3. VISUAL CLUSTERS
3.14. BROWSER MECHANISMS
3.15. SUMMARY
3.16. QUESTIONS
3.17. FURTHER READING
4. Types of Navigation
4.1. CATEGORIES OF NAVIGATION4.1.1. STRUCTURAL NAVIGATION4.1.1.1. MAIN NAVIGATION4.1.1.2. LOCAL NAVIGATION4.1.2. ASSOCIATIVE NAVIGATION4.1.2.1. CONTEXTUAL NAVIGATION4.1.2.2. ADAPTIVE NAVIGATION4.1.2.3. QUICK LINKS4.1.2.4. FOOTER NAVIGATION4.1.3. UTILITY NAVIGATION4.1.3.1. EXTRA-SITE NAVIGATION4.1.3.2. TOOLBOXES4.1.3.3. LINKED LOGO4.1.3.4. LANGUAGE SELECTORS4.1.3.5. COUNTRY OR REGION SELECTORS4.1.4. INTERNAL PAGE NAVIGATION
4.2. PAGE TYPES
4.2.1. NAVIGATIONAL PAGES4.2.1.1. HOME PAGE4.2.1.2. LANDING PAGES4.2.1.3. GALLERY PAGES4.2.1.4. SEARCH RESULT PAGES4.2.2. CONTENT PAGES4.2.2.1. PRODUCT PAGES4.2.3. FUNCTIONAL PAGES4.2.3.1. Search Forms4.2.3.2. SUBMISSION FORMS4.2.3.3. WEB APPLICATIONS4.2.4. PAGE LENGTH
4.3. SUMMARY
4.4. QUESTIONS
4.5. FURTHER READING
5. Labeling Navigation
5.1. THE VOCABULARY PROBLEM
5.2. ASPECTS OF GOOD LABELS
5.2.1. SPEAK THE LANGUAGE OF THE USER5.2.1.1. AVOID COMPANY LINGO5.2.1.2. AVOID TECHNICAL TERMINOLOGY5.2.1.3. AVOID CLEVER LABELS5.2.1.4. AVOID ABBREVIATIONS5.2.1.5. USE APPROPRIATE TONE OF VOICE5.2.2. DESCRIPTIVE LABELS5.2.3. MUTUALLY EXCLUSIVE LABELS5.2.4. FOCUSED LABELS5.2.5. CONSISTENT LABELS5.2.6. LABEL LENGTH
5.3. LABELING SYSTEMS
5.3.1. BROWSER TITLES5.3.2. URLS5.3.3. PAGE TITLES5.3.4. CREATING A FLEXIBLE SCHEME5.3.4.1. REDUNDANT SCHEMES5.3.4.2. ADDRESSING REDUNDANCY
5.4. PERSUASIVE LABELS
5.5. TRANSLATING LABELS
5.6. SOURCES OF LABELS
5.7. SUMMARY
5.8. QUESTIONS
5.9. FURTHER READING
II. A Framework for Navigation Design
6. Evaluation
6.1. QUALITIES OF SUCCESSFUL NAVIGATION6.1.1. BALANCE6.1.2. EASE OF LEARNING6.1.3. CONSISTENCY AND INCONSISTENCY6.1.4. FEEDBACK6.1.5. EFFICIENCY6.1.6. CLEAR LABELS6.1.7. VISUAL CLARITY6.1.8. APPROPRIATENESS FOR TYPE OF SITE6.1.9. ALIGNING WITH USER NEEDS
6.2. EVALUATION METHODS
6.2.1. HEURISTIC EVALUATION6.2.1.1. SUGGESTED HEURISTICS6.2.2. CHECKLIST REVIEW6.2.3. NAVIGATION STRESS TEST6.2.4. USABILITY TESTING6.2.5. METRIC ANALYSIS
6.3. SUMMARY
6.4. QUESTIONS
6.5. FURTHER READING
7. Analysis
7.1. BUSINESS GOALS7.1.1. COMPETITORS7.1.2. SITE GOALS
7.2. UNDERSTANDING CONTENT
7.2.1. CONSIDERING THE DOMAIN
7.3. UNDERSTANDING TECHNOLOGY
7.3.1. PLATFORM7.3.2. BACK-END TECHNOLOGIES7.3.3. FRONT-END TECHNOLOGIES
7.4. USER INTELLIGENCE
7.4.1. REVIEWING SECONDARY LITERATURE7.4.2. ANALYZING EXISTING USER DATA
7.5. PERFORMING PRIMARY USER RESEARCH
7.5.1. PLANNING RESEARCH7.5.2. CONTEXTUAL INQUIRY7.5.2.1. ANALYSIS7.5.3. CARD SORTING7.5.3.1. ANALYSIS7.5.4. PARTICIPATORY DESIGN7.5.4.1. ANALYSIS7.5.5. RAPID PROTOTYPING7.5.5.1. ANALYSIS
7.6. CONSOLIDATING RESEARCH FINDINGS
7.6.1. RECORD DETAILED FINDINGS7.6.2. GROUP IMPLICATIONS7.6.3. MAKE RECOMMENDATIONS7.6.4. PERSONAS7.6.5. CREATING PERSONAS
7.7. SCENARIOS
7.7.1.7.7.1.1. TASK ANALYSIS
7.8. SUMMARY
7.9. QUESTIONS
7.10. FURTHER READING
8. Architecture
8.1. PERSUASIVE ARCHITECTURE
8.2. NAVIGATION CONCEPT
8.2.1. GENRE AS CONCEPT8.2.2. METAPHORS AS CONCEPT8.2.3. CONCEPT DIAGRAM8.2.4. CREATING A NAVIGATION CONCEPT
8.3. INFORMATION STRUCTURES
8.3.1. LINEAR STRUCTURES8.3.2. WEBS8.3.3. HIERARCHICAL STRUCTURES8.3.4. FACETS8.3.5. EMERGENT STRUCTURES
8.4. ORGANIZATIONAL SCHEMES
8.4.1. OBJECTIVE AND SUBJECTIVE SCHEMES8.4.2. MISCELLANEOUS SCHEMES
8.5. SITE MAPS
8.5.1. ELEMENTS OF A SITE MAP8.5.2. HIGH-LEVEL SITE MAP8.5.3. DETAILED SITE MAP8.5.3.1. CONSOLIDATE THE ARCHITECTURE8.5.3.2. ARRANGE PAGES ON THE SITE MAP8.5.3.3. ADD DETAILS8.5.3.4. PRESENT YOUR SITE MAP
8.6. SUMMARY
8.7. QUESTIONS
8.8. FURTHER READING
9. Layout
9.1. DETERMINING NAVIGATION PATHS9.1.1. START WITH THE END GOAL9.1.2. DETERMINE NAVIGATION NEEDS9.1.3. CHOOSE APPROPRIATE MECHANISMS9.1.4. REPEAT THE PROCESS
9.2. VISUAL LOGIC
9.2.1. STUDIES IN WEB PAGE LAYOUT9.2.2. GESTALT EFFECT9.2.2.1. ALIGNMENT9.2.3. BALANCE
9.3. PAGE TEMPLATES
9.3.1. NAVIGATION RULES9.3.2. VARYING NAVIGATION9.3.2.1. SHOWING PROGRESSION
9.4. WIREFRAMES
9.4.1. CREATING WIREFRAMES9.4.1.1. START WITH THE GOAL9.4.1.2. EXPLORE ALTERNATIVES9.4.1.3. PRESENT WIREFRAMES9.4.1.4. REFINE AND UPDATE
9.5. SUMMARY
9.6. QUESTIONS
9.7. FURTHER READING
10. Presentation
10.1. INFORMATION DESIGN10.1.1. TYPOGRAPHY AND TEXT DESIGN10.1.1.1. VISUAL HIERARCHY10.1.1.2. TEXT AS INTERFACE
10.2. INTERACTING WITH NAVIGATION
10.2.1. UNDERLINING LINKS10.2.2. TARGET SIZE10.2.3. ROLLOVERS
10.3. GRAPHIC DESIGN
10.3.1. COLOR10.3.2. ICONS10.3.2.1. CREATING ICONS10.3.2.2. TESTING ICONS
10.4. SPECIFYING NAVIGATION
10.4.1. SCREEN DESIGNS AND PROTOTYPES10.4.2. USER INTERFACE SPECIFICATIONS
10.5. SUMMARY
10.6. QUESTIONS
10.7. FURTHER READING
III. Navigation in Special Contexts
11. Navigation and Search
11.1. NAVIGATION PRIOR TO SEARCH11.1.1. SCOPING SEARCH11.1.2. WORD WHEEL11.1.3. CANNED SEARCHES
11.2. NAVIGATION AFTER SEARCH
11.2.1. TOPIC LINKS11.2.2. CLUSTERING AND GROUPING11.2.3. SUGGESTIONS11.2.3.1. BEST BETS11.2.4. NO RESULTS
11.3. FACETED BROWSE
11.3.1. FACETS11.3.2. THE FLAMENCO PROJECT11.3.2.1. START PAGE11.3.2.2. RESULTS11.3.2.3. ITEM PAGE11.3.3. EXAMPLES OF FACETED BROWSE11.3.3.1. NCSU LIBRARY CATALOG11.3.3.2. EPINIONS.COM
11.4. SUMMARY
11.5. QUESTIONS
11.6. FURTHER READING
12. Navigation and Social Tagging Systems
12.1. TAGGING12.1.1. TAGGING SYSTEMS12.1.2. SOCIAL CLASSIFICATION
12.2. NAVIGATING SOCIAL CLASSIFICATIONS
12.2.1. CREATING TAGS12.2.1.1. ENCOURAGING TAGGING12.2.1.2. ACCESSING TAGGING SERVICES12.2.1.3. TAG PROMPTING12.2.1.4. TAG FORM12.2.2. NAVIGATING YOUR OWN TAGS12.2.2.1. VIEWING TAGS12.2.2.2. COMBINING TAGS12.2.2.3. NAVIGATING RESOURCES12.2.3. NAVIGATING OTHER PEOPLE'S TAGS12.2.3.1. ADAPTIVE NAVIGATION12.2.3.2. NAVIGATING TAGS FOR A GIVEN RESOURCE12.2.3.3. LINKING TO OTHER PEOPLE12.2.3.4. SUBSCRIBING TO A TAG VIA RSS12.2.4. INTEGRATING APPROACHES: TOP-DOWN AND BOTTOM-UP
12.3. SUMMARY
12.4. QUESTIONS
12.5. FURTHER READING
13. Navigation and Rich Web Applicatios
13.1. RICH WEB APPLICATIONS
13.2. NAVIGATING RICH WEB APPLICATIONS
13.2.1. PAGE TRANSITIONS AND RELOADS13.2.2. BROWSER CONTROLS AND THE BACK BUTTON13.2.3. POP-UP WINDOWS AND EXTERNAL LINKS13.2.4. TYPES OF INTERACTION13.2.4.1. REAL-TIME FILTERING13.2.4.2. DRAG-AND-DROP CUSTOMIZATION13.2.4.3. PANNING AND ZOOMING13.2.5. PAGE SCROLLING13.2.6. CAPTURING AND RE-FINDING INFORMATION
13.3. DESIGNING RICH WEB APPLICATIONS
13.3.1. DESIGNING FOR INTERACTION13.3.2. INDUCTIVE USER INTERFACES
13.4. SUMMARY
13.5. QUESTIONS
13.6. FURTHER READING
I. References
Index
About the Author
Colophon
SPECIAL OFFER: Upgrade this ebook with O’Reilly

404

Not Found

Either this content does not exist or you do not have access to it. Try searching for something new.

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Designing Web Navigation

by James Kalbach

404

Not Found