NAVIGATION
NAVIGATION

Most difficult

Most important

Make / Break
Most difficult

NO...
   • Sense   of scale

   • Sense   of direction

   • Sense   of location
Dis
   orie difficult
    Most
       nte
           d
NO... Confused
         • Sense   of scale


    trat ed of direction
         • Sense
s        • Sense   of location
Most difficult

NO...             Conf used
    Dis of scale
    Sense
     •
         orie
                 nte
    Sense of direction
     •
                       d
           at   ed
    Sense of location
     •
        tr
 F ru s
NAVIGATION

Where am I?

Where have I been?

Where can I go?
NAVIGATION
Where am I?
               Site
     What...   Page
               Section


Where have I been?

Where can I go?
NAVIGATION
Where am I?
               Site
     What...   Page
               Section


Where have I been?

Where can I go?
NAVIGATION

HOW
Where am I?



   ?
               Site
     What...   Page
               Section


Where have I been?

Where can I go?
Navigation - HOW?
    Site ID on all pages        Link name = Page title

    Page title                  Indicate site section

        on page

        on browser tab:

1. favicon + Site name          Breadcrumb trail:
                                Home > Cookies > Chocolate
2. favicon + Site name + Page
   title

3. favicon + Page title
Also consider... (not discussed in class)
          Navbar                   vs.       Tag cloud

  Top-down organization                  Bottom-up organization
  (taxonomy)                             (folksonomy)

  Pre-determined                         Categories emerge
  categories (card-                      organically from
  sorting; designer; info                repeated tag use
  architecture is planned
  ahead)
Are tag clouds the future of                                  Web 2.0
navigation?                                                  navigation?

Which one has better usability?

Should you provide alternative ways of
organizing and accessing information?

More Related Content

KEY
navigation
PDF
Blockposter 054429
PPTX
Будь активным!
PPT
Occupational Health and Safety
KEY
usability testingplanning
ODP
Vocabulary "Learning & Careers"
PPT
Mary Beth And John Tinker Case Presentation
PDF
19 excise discussion
navigation
Blockposter 054429
Будь активным!
Occupational Health and Safety
usability testingplanning
Vocabulary "Learning & Careers"
Mary Beth And John Tinker Case Presentation
19 excise discussion

Viewers also liked (20)

PPTX
personas task analysis
PPSX
Module 6
PPTX
Scientists Encode First Women Genome
PDF
Managing onlineidentity
PPT
Reporting
PPT
Procurement
PPT
Photography Slide Show
PDF
Social Business Advantage
PPTX
Slides tech621
PPTX
User research
KEY
causos da linha de frente - #rsonrails 2011
PPTX
15 metaphor typography
PPT
Healthy Body Life
PDF
Mcf Academy Book Low Rez
PPTX
06 perception memory
PPT
03 usability def designprocess
PPTX
Ms in cgt very short
PPTX
Personas scenarios
PPTX
11 info architecture
PPT
Scientists Encode First Women Genome
personas task analysis
Module 6
Scientists Encode First Women Genome
Managing onlineidentity
Reporting
Procurement
Photography Slide Show
Social Business Advantage
Slides tech621
User research
causos da linha de frente - #rsonrails 2011
15 metaphor typography
Healthy Body Life
Mcf Academy Book Low Rez
06 perception memory
03 usability def designprocess
Ms in cgt very short
Personas scenarios
11 info architecture
Scientists Encode First Women Genome
Ad

More from Dr. V Vorvoreanu (20)

PDF
Dia2 tues persona
PPTX
Dia2 sketches
PDF
DIA2 Design requirements presentation personas
PPTX
gestalt principles cats
PPTX
07 principles 1 affordance
PDF
HCDD for ASEE 2015 presentation
PPTX
PDF
Responsive design UX intro
PPTX
Attention info scent recognition vs recall
PPTX
03 bad usability kills
PDF
Information architecture
PPTX
UX Conceptual design - sketches, wireframes, mockups, prototypes
PPTX
Cgt 256 course review
PPTX
Cross channel ux
PPTX
UX user-centered design process overview
PDF
26 social interaction design
PDF
Purdue MS degree CGT
PPTX
Sketches wireframes mockups prototypes
PPTX
11 info architecture-2014
PPTX
Attention info scent recognition vs recall
Dia2 tues persona
Dia2 sketches
DIA2 Design requirements presentation personas
gestalt principles cats
07 principles 1 affordance
HCDD for ASEE 2015 presentation
Responsive design UX intro
Attention info scent recognition vs recall
03 bad usability kills
Information architecture
UX Conceptual design - sketches, wireframes, mockups, prototypes
Cgt 256 course review
Cross channel ux
UX user-centered design process overview
26 social interaction design
Purdue MS degree CGT
Sketches wireframes mockups prototypes
11 info architecture-2014
Attention info scent recognition vs recall
Ad

Recently uploaded (20)

PDF
1 - Historical Antecedents, Social Consideration.pdf
PPTX
Configure Apache Mutual Authentication
PPT
Geologic Time for studying geology for geologist
PDF
Convolutional neural network based encoder-decoder for efficient real-time ob...
PDF
The influence of sentiment analysis in enhancing early warning system model f...
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
A comparative study of natural language inference in Swahili using monolingua...
PPTX
Modernising the Digital Integration Hub
PDF
Consumable AI The What, Why & How for Small Teams.pdf
PDF
Taming the Chaos: How to Turn Unstructured Data into Decisions
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
PPTX
Chapter 5: Probability Theory and Statistics
PPT
What is a Computer? Input Devices /output devices
PDF
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
PPTX
Custom Battery Pack Design Considerations for Performance and Safety
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PPTX
Benefits of Physical activity for teenagers.pptx
1 - Historical Antecedents, Social Consideration.pdf
Configure Apache Mutual Authentication
Geologic Time for studying geology for geologist
Convolutional neural network based encoder-decoder for efficient real-time ob...
The influence of sentiment analysis in enhancing early warning system model f...
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
A comparative study of natural language inference in Swahili using monolingua...
Modernising the Digital Integration Hub
Consumable AI The What, Why & How for Small Teams.pdf
Taming the Chaos: How to Turn Unstructured Data into Decisions
Final SEM Unit 1 for mit wpu at pune .pptx
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
Chapter 5: Probability Theory and Statistics
What is a Computer? Input Devices /output devices
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
Custom Battery Pack Design Considerations for Performance and Safety
A contest of sentiment analysis: k-nearest neighbor versus neural network
sustainability-14-14877-v2.pddhzftheheeeee
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Benefits of Physical activity for teenagers.pptx

navigation

  • 3. Most difficult NO... • Sense of scale • Sense of direction • Sense of location
  • 4. Dis orie difficult Most nte d NO... Confused • Sense of scale trat ed of direction • Sense s • Sense of location
  • 5. Most difficult NO... Conf used Dis of scale Sense • orie nte Sense of direction • d at ed Sense of location • tr F ru s
  • 6. NAVIGATION Where am I? Where have I been? Where can I go?
  • 7. NAVIGATION Where am I? Site What... Page Section Where have I been? Where can I go?
  • 8. NAVIGATION Where am I? Site What... Page Section Where have I been? Where can I go?
  • 9. NAVIGATION HOW Where am I? ? Site What... Page Section Where have I been? Where can I go?
  • 10. Navigation - HOW? Site ID on all pages Link name = Page title Page title Indicate site section on page on browser tab: 1. favicon + Site name Breadcrumb trail: Home > Cookies > Chocolate 2. favicon + Site name + Page title 3. favicon + Page title
  • 11. Also consider... (not discussed in class) Navbar vs. Tag cloud Top-down organization Bottom-up organization (taxonomy) (folksonomy) Pre-determined Categories emerge categories (card- organically from sorting; designer; info repeated tag use architecture is planned ahead) Are tag clouds the future of Web 2.0 navigation? navigation? Which one has better usability? Should you provide alternative ways of organizing and accessing information?

Editor's Notes