THE MENTAL MODEL     OF TIMELINES         #WIAD –WORLD IA DAY 2012    #IA2012GENT – FEBRUARI 11, 2012     WOUTER WALGRAEVE...
HI!I AM WOUTER   WALGRAEVE       AND I WORK AT   NASCOM
I LOVESCIENCE FICTION
CLASSIC EXAMPLES OFTHE BOOTSTRAP PARADOX THE BUTTERFLY EFFECT          …
SF IS OFTEN ABOUTMESSING UP TIME
THE MENTAL MODEL     OF TIMELINES          ABOUT THE TITLE
so, this presentation talks about        TIME
past   now   future
Every now become a past,every future becomes a now.
structuresequence order  sort
5 ways to un-LATCH  content
Location – Alphabet – Time – Category - Hierarchy
… and deals withMENTAL MODELS
discovering the patterns of thoughts
THE MENTAL MODEL     OF TIMELINES          HISTORY OF ‘TIME’
NOTION OF TIME
THE SEQUENCE OFDAY & NIGHT
CAPTURED BY ASUNDIAL
the sundial became a clock
clockwisecounterclockwiseanticlockwise
COINCIDENCE?
a vertical sundial goes counterclockwise      (in the northern hemisphere)
JUST LIKETHE MUNSTER ASTRONOMICAL CLOCK
THE MENTAL MODEL     OF TIMELINES          TIME AS A SPIRAL
THE FUTURE TRAVELSCLOCKWISE
THE MENTAL MODEL     OF TIMELINES      FROM SPIRAL TO TIMELINE
THE SEQUENCE OFDAY & NIGHT
MAPPED ON OUR MENTAL MODEL OF THE EARTH
HALFWAY QUIZwhich way does the earth rotate?
BONUS QUESTIONand is that CW or CCW?
past   now   future
past   now   future
first                                     last       next next next next next   next
first       lastbeginning   end
earlier   now   later
before   item      afterolder           more recent
before       item         after older items           more recent itemsprevious page             next page
first       last
first       last
first     eldestlast   most recent
first     eldestlast   most recent
first     eldestlast   most recent
first       lasteldest   most recent
first          last  eldest      most recent   last          lastmost recent   most recent
eldestmost recent
most recent  eldestmost recent  eldest
most recent  eldest
C A P                R E                           6   before           item         after                    ID E 5 older...
when you click left      when you click rightmore recent items          older items older items             more recent it...
after         item     beforemore recent items          older items previous page              next page
most recent  eldest
most recent  eldest
most recent              eldest
most recent  eldest
most recent              eldest
WRAP UP
IT’S OK TO GO:       clockwiseleft, right, up, down
IT’S OK TO GO:    from to top/left tobottom/right & vice versa
YOU’LL GET INTO TROUBLE WHEN YOU GOfrom to bottom/left totop/right & vice versa
YOU’LL GET INTO TROUBLE WHEN YOU GOcounterclockwise
AND YET…. visit PLURK.com, see how it challenges your mental model of the horizontal timeline, use it for one week…and be ...
TIME’S UP…twitter me: @wouterwalgraeve
WHUFFIES TO      www.flickr.com/photos/hellmy    www.flickr.com/photos/the_diner   www.flickr.com/photos/max_zoomer www.flickr...
NASCOMINFO@NASCOM.BE@NASCOM ON TWITTER
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
The mental model of timelines
Upcoming SlideShare
Loading in...5
×

The mental model of timelines

5,158

Published on

About the mental model of timelines. How to apply the mental model of time and timelines when designing interfaces.

Presentation for the World Information Architecture Day 2012, Ghent, Belgium.

Published in: Design, Entertainment & Humor

The mental model of timelines

  1. 1. THE MENTAL MODEL OF TIMELINES #WIAD –WORLD IA DAY 2012 #IA2012GENT – FEBRUARI 11, 2012 WOUTER WALGRAEVE - NASCOM
  2. 2. HI!I AM WOUTER WALGRAEVE AND I WORK AT NASCOM
  3. 3. I LOVESCIENCE FICTION
  4. 4. CLASSIC EXAMPLES OFTHE BOOTSTRAP PARADOX THE BUTTERFLY EFFECT …
  5. 5. SF IS OFTEN ABOUTMESSING UP TIME
  6. 6. THE MENTAL MODEL OF TIMELINES ABOUT THE TITLE
  7. 7. so, this presentation talks about TIME
  8. 8. past now future
  9. 9. Every now become a past,every future becomes a now.
  10. 10. structuresequence order sort
  11. 11. 5 ways to un-LATCH content
  12. 12. Location – Alphabet – Time – Category - Hierarchy
  13. 13. … and deals withMENTAL MODELS
  14. 14. discovering the patterns of thoughts
  15. 15. THE MENTAL MODEL OF TIMELINES HISTORY OF ‘TIME’
  16. 16. NOTION OF TIME
  17. 17. THE SEQUENCE OFDAY & NIGHT
  18. 18. CAPTURED BY ASUNDIAL
  19. 19. the sundial became a clock
  20. 20. clockwisecounterclockwiseanticlockwise
  21. 21. COINCIDENCE?
  22. 22. a vertical sundial goes counterclockwise (in the northern hemisphere)
  23. 23. JUST LIKETHE MUNSTER ASTRONOMICAL CLOCK
  24. 24. THE MENTAL MODEL OF TIMELINES TIME AS A SPIRAL
  25. 25. THE FUTURE TRAVELSCLOCKWISE
  26. 26. THE MENTAL MODEL OF TIMELINES FROM SPIRAL TO TIMELINE
  27. 27. THE SEQUENCE OFDAY & NIGHT
  28. 28. MAPPED ON OUR MENTAL MODEL OF THE EARTH
  29. 29. HALFWAY QUIZwhich way does the earth rotate?
  30. 30. BONUS QUESTIONand is that CW or CCW?
  31. 31. past now future
  32. 32. past now future
  33. 33. first last next next next next next next
  34. 34. first lastbeginning end
  35. 35. earlier now later
  36. 36. before item afterolder more recent
  37. 37. before item after older items more recent itemsprevious page next page
  38. 38. first last
  39. 39. first last
  40. 40. first eldestlast most recent
  41. 41. first eldestlast most recent
  42. 42. first eldestlast most recent
  43. 43. first lasteldest most recent
  44. 44. first last eldest most recent last lastmost recent most recent
  45. 45. eldestmost recent
  46. 46. most recent eldestmost recent eldest
  47. 47. most recent eldest
  48. 48. C A P R E 6 before item after ID E 5 older itemsprevious page S L more recent items next page
  49. 49. when you click left when you click rightmore recent items older items older items more recent itemsprevious page next page
  50. 50. after item beforemore recent items older items previous page next page
  51. 51. most recent eldest
  52. 52. most recent eldest
  53. 53. most recent eldest
  54. 54. most recent eldest
  55. 55. most recent eldest
  56. 56. WRAP UP
  57. 57. IT’S OK TO GO: clockwiseleft, right, up, down
  58. 58. IT’S OK TO GO: from to top/left tobottom/right & vice versa
  59. 59. YOU’LL GET INTO TROUBLE WHEN YOU GOfrom to bottom/left totop/right & vice versa
  60. 60. YOU’LL GET INTO TROUBLE WHEN YOU GOcounterclockwise
  61. 61. AND YET…. visit PLURK.com, see how it challenges your mental model of the horizontal timeline, use it for one week…and be convinced their interface makes perfectly sense.
  62. 62. TIME’S UP…twitter me: @wouterwalgraeve
  63. 63. WHUFFIES TO www.flickr.com/photos/hellmy www.flickr.com/photos/the_diner www.flickr.com/photos/max_zoomer www.flickr.com/photos/rodrigodomingos www.flickr.com/photos/7456216@N08www.flickr.com/photos/sacred_destinations www.flickr.com/photos/the_diner www.flickr.com/photos/telstar
  64. 64. NASCOMINFO@NASCOM.BE@NASCOM ON TWITTER

×