Tweet
Tweet

Slide 1

Slide 1 text

Wayfinding  on  the  Web:   Design  Principles  from   Exploring  the  Great  Outdoors   Tara  Bazler  ·∙  Chris  Basham

Slide 2

Slide 2 text

WAYFINDING   BEHAVIORS

Slide 3

Slide 3 text

Locate   Get  to  the  end.  

Slide 4

Slide 4 text

“NavigaOng  around  a  web  site  or   applicaOon  is  like  commuOng.  You   have  to  do  it  to  get  where  you  need   to  go,  but  it's  dull,  it’s  someOmes   infuriaOng,  and  the  Ome  and  energy   you  spend  on  it  just  seems  wasted.” —  Jennifer  Tidwell,  Designing  Interfaces

Slide 5

Slide 5 text

Explore   Enjoy  the  journey.  

Slide 6

Slide 6 text

Meander   Aimless  wandering.  

Slide 7

Slide 7 text

NAVIGATING  THE   PHYSICAL  WORLD

Slide 8

Slide 8 text

Signposts

Slide 9

Slide 9 text

Maps

Slide 10

Slide 10 text

Trails

Slide 11

Slide 11 text

Landmarks

Slide 12

Slide 12 text

Stars

Slide 13

Slide 13 text

NAVIGATING  THE   DIGITAL  WORLD

Slide 14

Slide 14 text

Links   Magical  portals.  

Slide 15

Slide 15 text

Links   Magical  portals.  Stargates.  

Slide 16

Slide 16 text

Search   The  omniscient  librarian.  

Slide 17

Slide 17 text

Sitemaps   The  mall  directory.  

Slide 18

Slide 18 text

Breadcrumbs   The  marked  trail.  

Slide 19

Slide 19 text

Terminology   Page  Btles,  headings,  logos.  

Slide 20

Slide 20 text

WAYFINDING   QUESTIONS

Slide 21

Slide 21 text

Where  am  I?   3   K E Y   Q U E S T I O N S

Slide 22

Slide 22 text

Where  am  I?   Where  can  I  go?   3   K E Y   Q U E S T I O N S

Slide 23

Slide 23 text

Where  am  I?   Where  can  I  go?   How  do  I  return? 3   K E Y   Q U E S T I O N S

Slide 24

Slide 24 text

PRINCIPLES

Slide 25

Slide 25 text

Understand  users’  goals  &   behaviors.

Slide 26

Slide 26 text

Provide  clear  paths  for  users   to  aaain  their  goals.

Slide 27

Slide 27 text

Choose  wording  wisely.

Slide 28

Slide 28 text

Simplify  the  process.

Slide 29

Slide 29 text

Create  a  logical  structure   through  content  organizaOon,   landmarks,  &  convenOons.

Slide 30

Slide 30 text

“We  must  move  beyond  the  page   metaphor,  think  of  informaOon  as   an  environment,  consider  how   people  interact  with  that   environment,  and  apply  design   principles  that  opOmize   wayfinding.” —  Tyler  Tate,  InformaBon  Wayfinding

Slide 31

Slide 31 text

Tara  Bazler         @taranoba   Chris  Basham     @chrisbasham   I N D I A N A   U N I V E R S I T Y   ·∙   U I T S 
 
 M I DW E S T   U X 
 O C TO B E R   2 0 1 4