SlideShare une entreprise Scribd logo
1  sur  11
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...             Confused
    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
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?

Contenu connexe

En vedette

Unic erasmus expert_exchange2016_09_14
Unic erasmus expert_exchange2016_09_14Unic erasmus expert_exchange2016_09_14
Unic erasmus expert_exchange2016_09_14Ebba Ossiannilsson
 
Банковский брендинг: анализ глобальных кейсов
Банковский брендинг: анализ глобальных кейсовБанковский брендинг: анализ глобальных кейсов
Банковский брендинг: анализ глобальных кейсовArtem Zhiganov
 
РИФ 2016, Ошибки зарубежных компаний при выходе на российский рынок
РИФ 2016, Ошибки зарубежных компаний при выходе на российский рынокРИФ 2016, Ошибки зарубежных компаний при выходе на российский рынок
РИФ 2016, Ошибки зарубежных компаний при выходе на российский рынокТарасов Константин
 
Ossiannilsson sverd icde_on_2015
Ossiannilsson sverd icde_on_2015Ossiannilsson sverd icde_on_2015
Ossiannilsson sverd icde_on_2015Ebba Ossiannilsson
 
Suffolk Teens
Suffolk TeensSuffolk Teens
Suffolk Teensrriis
 
Treatment worksheet 2
Treatment worksheet 2Treatment worksheet 2
Treatment worksheet 2NINANC
 
SCQAA SF Webinar on Agile and SCRUM
SCQAA SF Webinar on Agile and SCRUMSCQAA SF Webinar on Agile and SCRUM
SCQAA SF Webinar on Agile and SCRUMSujit Ghosh
 
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнесаРИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнесаТарасов Константин
 
Trabajo realizado para el curso convivencia escolar: prevención en intervenci...
Trabajo realizado para el curso convivencia escolar: prevención en intervenci...Trabajo realizado para el curso convivencia escolar: prevención en intervenci...
Trabajo realizado para el curso convivencia escolar: prevención en intervenci...Piluka Alburquerque
 
Shot types
Shot typesShot types
Shot typesNINANC
 
Charlie Sheen Image Restoration
Charlie Sheen Image RestorationCharlie Sheen Image Restoration
Charlie Sheen Image RestorationDr. V Vorvoreanu
 
РИФ 2016, Совместная работа и творчество сотрудников на корпоративном портале...
РИФ 2016, Совместная работа и творчество сотрудников на корпоративном портале...РИФ 2016, Совместная работа и творчество сотрудников на корпоративном портале...
РИФ 2016, Совместная работа и творчество сотрудников на корпоративном портале...Тарасов Константин
 
Nieuws Bestaat Niet
Nieuws Bestaat NietNieuws Bestaat Niet
Nieuws Bestaat NietRené Quist
 

En vedette (20)

Edenintro sverd 111021
Edenintro sverd 111021Edenintro sverd 111021
Edenintro sverd 111021
 
Unic erasmus expert_exchange2016_09_14
Unic erasmus expert_exchange2016_09_14Unic erasmus expert_exchange2016_09_14
Unic erasmus expert_exchange2016_09_14
 
James Wadsworth
James WadsworthJames Wadsworth
James Wadsworth
 
09 personas task analysis
09 personas task analysis09 personas task analysis
09 personas task analysis
 
Банковский брендинг: анализ глобальных кейсов
Банковский брендинг: анализ глобальных кейсовБанковский брендинг: анализ глобальных кейсов
Банковский брендинг: анализ глобальных кейсов
 
РИФ 2016, Ошибки зарубежных компаний при выходе на российский рынок
РИФ 2016, Ошибки зарубежных компаний при выходе на российский рынокРИФ 2016, Ошибки зарубежных компаний при выходе на российский рынок
РИФ 2016, Ошибки зарубежных компаний при выходе на российский рынок
 
Ossiannilsson sverd icde_on_2015
Ossiannilsson sverd icde_on_2015Ossiannilsson sverd icde_on_2015
Ossiannilsson sverd icde_on_2015
 
Suffolk Teens
Suffolk TeensSuffolk Teens
Suffolk Teens
 
Treatment worksheet 2
Treatment worksheet 2Treatment worksheet 2
Treatment worksheet 2
 
SCQAA SF Webinar on Agile and SCRUM
SCQAA SF Webinar on Agile and SCRUMSCQAA SF Webinar on Agile and SCRUM
SCQAA SF Webinar on Agile and SCRUM
 
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнесаРИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
 
Colours of the Wind
Colours of the WindColours of the Wind
Colours of the Wind
 
A2studio2
A2studio2A2studio2
A2studio2
 
Trabajo realizado para el curso convivencia escolar: prevención en intervenci...
Trabajo realizado para el curso convivencia escolar: prevención en intervenci...Trabajo realizado para el curso convivencia escolar: prevención en intervenci...
Trabajo realizado para el curso convivencia escolar: prevención en intervenci...
 
Shot types
Shot typesShot types
Shot types
 
writing for the web
writing for the webwriting for the web
writing for the web
 
Charlie Sheen Image Restoration
Charlie Sheen Image RestorationCharlie Sheen Image Restoration
Charlie Sheen Image Restoration
 
Session 15
Session 15Session 15
Session 15
 
РИФ 2016, Совместная работа и творчество сотрудников на корпоративном портале...
РИФ 2016, Совместная работа и творчество сотрудников на корпоративном портале...РИФ 2016, Совместная работа и творчество сотрудников на корпоративном портале...
РИФ 2016, Совместная работа и творчество сотрудников на корпоративном портале...
 
Nieuws Bestaat Niet
Nieuws Bestaat NietNieuws Bestaat Niet
Nieuws Bestaat Niet
 

Plus de Dr. V Vorvoreanu

DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDr. V Vorvoreanu
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordanceDr. V Vorvoreanu
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationDr. V Vorvoreanu
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX introDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocessDr. V Vorvoreanu
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesDr. V Vorvoreanu
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overviewDr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction designDr. V Vorvoreanu
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypesDr. V Vorvoreanu
 

Plus de Dr. V Vorvoreanu (20)

Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketches
 
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles cats
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordance
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
 
Controls
ControlsControls
Controls
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX intro
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Information architecture
Information architectureInformation architecture
Information architecture
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course review
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel ux
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction design
 
Purdue MS degree CGT
Purdue MS degree CGTPurdue MS degree CGT
Purdue MS degree CGT
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
 
11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014
 

Dernier

Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationKnoldus Inc.
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 

Dernier (20)

Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 

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... Confused 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. 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?

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n