Future Reading - IA Summit 2014

New Reading Spaces and Emerging Patterns for Information Architects

Presentation by Claudio Vandi and Grandin Donovan

Transcript

1. Future Reading New Reading Spaces and Emerging Patterns for Information Architects IA Summit 2014 San Diego, March 29 Claudio Vandi @vandicla Grandin Donovan @grandin
2. What we will talk about
3. • What is reading • The page is dead: how do I move, where am I • Beyond the codex : where can i go • Through the text • Text and Media: ratios and genres
4. • What is reading • The page is dead: how do I move, where am I • Beyond the codex : where can i go • Through the text • Text and Media: ratios and genres
5. What is reading ? #FutureReading
6. Reading as activity
7. Reading as activity
8. Reading as activity
9. Reading as activity
10. Reading as activity
11. Reading as activity Users read about 20% of the text on the average page. http://www.nngroup.com/articles/how-little-do-users-read/
13. Reading as sense and technique
14. Reading physiology Fixations: ~ 250 ms (silent) | 275 ms (reading aloud) Saccades: ~ 8 characters (silent) | 6 characters (aloud) ~ 20 ms
15. What you actually “read” IMAGE Reading Blur (dropbox)
16. Kinesthetics & kinetics Feel of space and time Spatial coding Page 1 Page 2 Page 3
17. Fast, focused, relies on spatial stability
18. Reading on screens #FutureReading
19. Digital Readability The Great Discontent
20. Digital Readability Safari Reader
21. Digital Readability Pocket Bookmarklet
22. Digital Readability Pocket Desktop App
23. But diversification is still the rule
24. Kindle updates
25. NYT IOS 7
26. Destination content
27. Wander content Yahoo tech
28. Complex ecosystems
29. publishing storing consuming sharing The Reading Stack
30. ...but back to books...
31. What we lose Real Objects
32. What we lose Thickness and Depth
33. Handedness To think about the future of reading means, first and foremost, to think about the relationship between reading and hands, the long history of how touch has shaped reading and, by extension, our sense of ourselves while we read.
34. What we lose Social signs
35. The problem • Find new models for spatial organization that are coherent with the content and generate good habits. • Reintroduce, replace or re-invent what the book did well. • Find meaningful ways of integrating media.
36. • What is reading • The page is dead: how do I move, where am I • Beyond the codex : where can i go • Through the text • Text and Media: ratios and genres
37. II. The Page is Dead, Long Live the...? #FutureReading
38. How do I move ?
39. center fold card, as on flipboard Pages, the standard card stack, pages are turned or pushed to the left. This is what we have on Kindle, Readmill, iBooks, etc scscrollable card, with or without snap-to-page. Common on Adobe DPS flippable card, as on Citia How do I move ? What’s the unit
40. Seamless scroll Snap to cards How do I move ? Layout control Page 1 Page 1 Page 2 Page 2 Page 3 Page 1 Page 1
41. How do I move Sections and breaks One dimension with or without item breaks Section A Section B
42. How do I move ? Continuous scroll Le Monde app
43. How do I move ? Endless scroll qz.com
44. Scroll Control How do I move ? Snappy scroll Inkling
45. How do I move Across aggregates Two dimensions: sections and articles breaks Section A Section B
46. Sections Articles How do I move Two dimensions NYT IOS 6
47. How do I move One dimension, no friction NYT IOS7
48. The page is dead but breaks and haptics are still important for understanding how content is organized. Touch-native affordances can bring back physicality to the digital book. Gestural navigation can reveal the spatial model of the text, and how its components are organized. How do I move Summary
49. Where am I? #FutureReading
50. Cardo body text Where am i ? The flat book problem
51. Page Location Where am i ? Absolute Position 10 / 240 740 / 3450 240
52. XI Space Where am i ? Relative Position
53. Inkling Also: Color App ... Position In the structure
54. 30 % Where am i ? Relative Progress Part of whole
55. text Progress How far I am ? I am at 10% of Crime and Punishment At around 40% it starts getting better, you’ll see ...
56. Story Where am i ? Relative Position . . . . . Event Event Event Event Event
57. Atavist Position In the history
58. Where am i ? Relative Progress Time 15 minutes left
59. Where am I ? Reading as a task Kindle
60. Where am I reading Context aware Blinkist
61. Where am I reading Force multipliers Spritz
62. Most solutions focus on explicit position and time, but a reliable solution for getting an intuitive feeling of place has yet to be found. Different content, and different use contexts, require different levels of precision. Where am i ? Summary
63. • What is reading • The page is dead: how do I move, where am I • Beyond the codex : where can i go • Through the text • Text and Media: ratios and genres
64. III. Beyond the Codex Spatial and organizational models “Where can I go?” #FutureReading
65. Where can I go Table of Contents II I III IV Classic model
66. Where can I go Structural depth I 2 3 4 5 Pages Chapters Simple structures
67. Where can I go Two dimensions Facebook paper
68. I 2 3 4 5 A B C D E Pages Chapters Sections I I I II I I V V Complex structures Where can I go Structural depth
69. Magic of the reality Ribbons 3 levels
70. User Control Editable TOC
71. Where can I go Content specific Top level Middle level Bottom level Zooming User Interface
72. Where can I go? ZUI Font Book (Glo Bible, Biblion)
73. Geolocalized texts Where can I go Content specific
74. Where can I go? Location aware pasoliniroma.com (Silenthistory, viaggioincalabria.it, ...
75. Where can I go? Summary Tables of content are still used as navigation tool for linear and unified texts. In aggregate texts, navigation tools should help the reader to visualize the document’s structural dimensions: pages, sections, chapters, volumes. Use content specific navigation (zoom, maps, ...) to leverage the experience when appropriate.
76. • What is reading • The page is dead: how do I move, where am I • Beyond the codex : where can i go • Through the text • Text and Media: ratios and genres
77. IV. Through the Text #FutureReading
78. 124 301 340 301 Text triggered search User input search Results Go to “page” Through Search
79. Through Concepts and characters Kindle X-Ray (Marvin, ...)
80. Cardo body text Would put this closer to HOW DO I MOVE Through Big Corpus Google N-gram
81. Cardo body text Would put this closer to HOW DO I MOVE Social So Readmill
82. A footnote resembles having to go downstairs to answer the door while in the midst of making love Noel Coward
83. Footnotes Kindle
84. Comments and Annotations
85. From comments to annotations Medium (also: qz.com)
86. Through the text Summary Go beyond the dictionary when designing ways of going through a text. Consider footnotes and comments as an information layer instead of a separate reading space.
87. • What is reading • The page is dead: how do I move, where am I • Beyond the codex : where can i go • Through the text • Text and Media: ratios and genres
88. V. Text and Media Ratios and Genres #FutureReading
89. Text and Media, Ratios and Genre
90. Full Text 1
91. Full Text 1.Traditional literary genres 2.“Academic” writing
92. Text-centric, media-supported 1 1
93. Text-centric, media-supported 1.Pedagogy 2.Non-fiction 3.Reference books
94. Media-centric, text-supported 1
95. Facsimiles Miniatures Flamandes
96. Digital Collections Hopper, RMN
97. Comics
98. Interactive narrative
99. Media-centric, text-supported 1.Chidren’s Books 2.Photobooks 3.Instructional/Activity Oriented 4.Digital Object Collections 5.Rare book facsimilies 6.Comics
100. Getting in and out
101. Placement Contextual Links click to show media targets displayed media deployed
102. Atavist
103. Activate thumbnail Detail view Media small Placement Inline Embeds
104. Placement Inline embeds
105. Text hidden below media Placement Inline Fullscreen
106. Placement Inline Fullscreen
107. Media integrated in content column Placement Inline auto-play Media launches when centered
108. Placement Inline autoplay
109. Getting in Tap Double Tap Push into frame / Scroll to auto-play Spread
110. X Getting out Tap on cross Tap outside Swipe out Pinch Push out
111. A silent, text only pursuit, or... Something that implies multiple formats of visual information, in addition to text ? What if tomorrow all “books” were multimedia and multimodal experiences? What if reading on the bus or in bed implied wearing headphones? So what is reading becoming?
112. VI. Conclusions #FutureReading
113. While you lose the depth and thickness of the codex, you gain three potential dimensions - use them and use gestural navigation to reveal the spatial model of the text. Physical haptics are lost, but new virtual affordances like stickiness, friction, physics and acceleration can provide “body”. When you think "where" the reader can go, think beyond pages, tables of contents and endnotes. To move around a book means to engage a space made of events, places, characters and ideas. Content-tailor navigation to give an identity to the space.
114. Remember that you have all the power of the hypertext, but in an environment in which people are willing to read. Design for the reader and his context: where and when will he read, with whom? What other tools will he need? Integrate media as appropriate, but seek balance between content and expectation. Consider "media gestures" as part of the book interaction grammar and plan accordingly.
115. Lots to do. Have fun. Be mindful.