The mental model of timelines

  • 4,879 views
Uploaded on

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

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
4,879
On Slideshare
0
From Embeds
0
Number of Embeds
11

Actions

Shares
Downloads
0
Comments
1
Likes
8

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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