Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Future Reading - IA Summit 2014 (with notes)

grandin
March 29, 2014

Future Reading - IA Summit 2014 (with notes)

New Reading Spaces and Emerging Patterns for Information Architects.

Presentation by Claudio Vandi and Grandin Donovan.

grandin

March 29, 2014
Tweet

More Decks by grandin

Other Decks in Design

Transcript

  1. The next question we ask is “WHERE CAN I GO”

    since we deal with DIGITAL content the ANSWER COULD BE ANYWHERE the World Wide Web is there for you ! However, we know that when reading, some GUIDANCE CAN BE USEFUL in an intentionally engaged space. LEARNING and MEMORIZING are IMPROVED when you CAN ORGANIZE INFORMATION IN LOGICAL CHUNKS. That’s what sections and chapters are about. Digital texts offer NEW WAYS OF MOVING THROUGH THE TEXT in LINEAR WAY or THROUGH different DIMENSIONS.
  2. Today we’re going to talk to you about WHAT IS

    CHANGING and what HAS BEEN changing in the SPACES where we read, particularly in TOUCH BASED applications for reading and enriched e-books. Along the way we'll have some RECOMMENDATIONS on what we think is useful, and what we consider could use IMPROVEMENT.
  3. We know that when it comes to web people read

    only 20 - 28% of the content...
  4. So this is why today we will concentrate on apps

    and devices that are DEDICATED to reading, because there is a difference of INTENTION between reading on the web and reading for ONESELF.
  5. What we have to remember about reading is that most

    of us consider it “NATURAL”, as BANAL a way of getting information as SEEING and HEARING. But reading, ISN’T quite NATURAL. It’s ACQUIRED. It’s a TECHNIQUE that rests upon the TECHNOLOGY of the ALPHABET and the WRITTEN WORD - “SEEING SPEECH”, as it wre. SOUNDS MAGIC, right? Reading is, in a very SPECIAL way, learning how to USE A TOOL. What’s the physiology of using this too?
  6. To MASTER this technique we developed an HIGHLY AUTOMATED behavior

    based on eye EYE MOVEMENTS PHYSIOLOGY VERY FAST FIXATIONS last around 250 ms and SACCADES around 20 MS they are the FASTEST movement the human body can do, if you ever made some EYE TRACKING you know we do A LOT Silent reading quicker than reading aloud: that’s why it’s not very useful to read its slides.
  7. It’s very FAST and is also VERY FOCUSED. What you

    actually read are no more than 7-9 characters, what falls in the center of the eye, the fovea. So that if I make THE REST OF TEXT DISAPPEAR YOU WOULDN’T NOTICE
  8. RELIES ON SPATIAL ORGANISATION not only on SEMANTICS When we

    read we don’t simply collect words’ meaning but we have a spatio-temporal representation of what we read. Have you ever found yourself LOOKING FOR something happened SOME 50 PAGES BEFORE, on the LOWER LEFT corner of the page? That’s called SPATIAL CODING YOUR EYES KNOW more or less WHERE they found some information It’s both a SPATIAL (top / bottom in the page) and TEMPORAL (read 10 minutes ago). That’s why “SCROLLING” feels uncomfortable for non expert users: words move around the page. Reading needs STABILITY.
  9. Reading physiology, extremely FAST, FOCUSED and needs SPATIAL STABILITY. When

    you read, you should be able to automate your action, you SHOULDN’T BE THINKING at HOW TO MOVE to the next page, HOW FAR you are in the text and WHERE CAN YOU write down your thoughts. That’s why the CODEX evolved to become a standard object with fixed line heights, pages for supporting NON EXPERT SILENT READING.
  10. Over the past few year, web layouts have become increasingly

    INSPIRED by Print and focused on EASE of reading.
  11. Reading MODES have GRADUATED from plugins like Readability and Evernote

    Clearly to INTEGRATED browser or site features
  12. Things SEEM to be getting BETTER, but it’s still a

    mess out there. Platforms, apps and distrubtion systems CONTINUE to change and EVOLVE. This is both good and bad,
  13. ...and on the other, we have to constantly RELEARN. Even

    your DIGITAL NEWSPAPER can be an INTIMATE object. Imagine if your PHYSICAL paper changed THE WAY IT FOLDS from one day to the next? There is an INHERENT RISK to innovation around HIGHLY ENGRAINED consumption HABITS.
  14. On the web we see CONTRADICTORY TRENDS emerging. Some, like

    snowfalling, are oriented on long, text-centric and media rich, labor- intensive DIGITAL STORIES. It is DESTINATION content.
  15. On the otherhand, the dark forces of AGGREGATION and CONTENT

    FARMING are creating vast WALLS of content where we WANDER, scrolling endlessly.
  16. It’s a JUNGLE out there, perhaps more so than it

    is with OTHER MEDIA like music and Film.
  17. MAKING SENSE of this diversity has led to more and

    more POTENTIAL SOLUTIONS. Between ourselves we’ve started talking about theTHE READING STACK. It’s composed of the PUBLISHING layer, where the content is made available. Content is then APPROPRIATED by any number of means and placed in the STORAGE layer, which keeps it AVAILABLE to be read on the CONSUMPTION layer, and eventually SHARED in any number of ways, on the social web or in emerging SOCIAL READING platforms. So that’s ONE SOLUTION, and while we insist that DIVERSITY is important to CULTURE, and we’re not looking for ONE SOLUTION, we do think there is a NEED to RATIONALIZE our RELATIONSHIP with text.
  18. But getting back to books. In the real world, books

    as a CONTAINER format aren’t “ENDANGERD” - at least we don’t think so. But there are things that we lose in moving from CODEX to TABLET.
  19. We DON’T WANT TO BE NOSTALGIC about losing the SMELL

    of paper and old GLUE, the CRACKLE of turning pages But WE WONT DENY that the PHYSICALITY of the books is important, and is certainly something that we’re losing. Real objects, real EDGES, real CLOSURE: You don't pick up "a" book. You pick up "THE" BOOK that you are reading. Even if its only for a certain amount of time... UNTIL YOU ARE DONE, of course, and you see that BACK COVERS as you put it down on the table beside you, sure that it is "DONE".
  20. We lose THICKNESS and DENSITY: The TRANSPARENT EVIDENCE of a

    BOOK LENGTH length. Clear, absolute. We don’t need to look at page numbers to know where we are, to retain a SENSE OF of “CLOSER TO THE FRONT ” or “closer to the back” when remembering a favorite passage or quote.
  21. MORE GENERALLY, what we lose is the sense of ourselves

    while we read the proximity created between our HANDS and the OBJECT WE MANIPULATE. Sounds nostalgic but it’s about NOT FORGETTING SPACE AND TIME of reading and the ROLE of the READING ARTIFACT.
  22. We also loose spines and shelfspace that make books as

    SOCIAL SIGNS. Not just to OTHERS, but to OURSELVES - for many readers, the home library represents and EXTENSION of themselves, their tastes, their knowledge, and their personal histories. Pulling out a book (THAT book!) you loved as a child, or a student, can be as EVOCATIVE as Proust’s Madeleine.
  23. Our jobs will be to find new models for spatial

    organization that communicate structure, that are coherent with the content they represent, and which match a users expectation regarding content. We need to find solutions that replace some of what we have lost in moving to flat digital books from thick paper ones, without relying only on that old model for inspiration. So even if the web is getting easier to read, and e-ink books are increasingly stable, the new generation of ebooks is something of the wild west. Remember, the codex took a long time to stabilize, and we’re just at the beginning.
  24. The standalone web page as we know is probably dead.

    Even if its death as such is not a problem, WE STILL NEED solutions for ESTABLISHING a rhythm and ORGANIZING CONTENT. WHAT is the unit, HOW do you move from UNIT to UNIT, across chapters or through the text ? HOW DO YOU VISUALIZE POSITION when the book thickness is no more an option ? The BOOK HAD SOLUTIONS for most of this questions as it evolved over centuries to fit our way of reading. HOW TO communicate the DIMENSIONS of a FLAT OBJECT ?
  25. You maybe remember the debate between “Card sharks” For FIXED

    layouts and longer UNIFIED TEXTS. “Holy scrollers” for AGGREGATES of shorter texts. After years of scrolling, CARDS seemed to come back with the rising of mobile reading of UNIFIED TEXTS To improve STABILITY and ADOPT BOOK conventions. On the other hand scroll is used in AGGREGATED TEXTS (like a website or a RSS reader) for moving inside an object (article) and sometime from article to article with infinite scrolling Today we see HYBRID SOLUTION of scrolling and Cards, especially in AGGREGATES of TEXTS
  26. A factor to take into account when choosing is the

    DEGREE OF CONTROL you want to have on the layout. You can have SMOOTH SCROLLING scrolling to facilitate SCANNING, or SNAPPY breakpoints between fixed layouts to ENCOURAGE EXTENSIVE READING.
  27. In AGGREGATED TEXTS s second factor to consider is the

    way you want to SPATIALIZE the text over DIMENSIONS that MATCHES SECTIONS OR ARTICLE BREAKS. and GUIDE the user in understanding the logical organization of the text. We FIND SOLUTIONS THAT MARKS BREAKS other that DON’T
  28. ENDLESS SCROLL with no breaks as here in LE MONDE

    where you move seamlessly without breaks from section to section
  29. THE SAME HERE ON THE WEB WITH QUARTZ Where you

    pass from an article to the other without breaks
  30. While Inkling where you scroll through a subchapter and when

    you reach the end you SNAP to the next one. This is something new. What we lose with the thickness of the book we get it back with the visual reproduction of an HAPTIC FEELINbreaks between chapters.
  31. A GOOD SOLUTION to COMMUNICATE moving from one Section to

    another Is using dimensions, for example HORIZONTAL for Moving inside one section and VERTICAL to move across sections.
  32. A Good practice to convey Spatial Model through navigation gestures

    is THE OLD NYT Vertical: Sections Horizontal: Articles Click - Overlay: images On both dimensions, friction is used as an affordance for moving through sections and through articles. Provide a simple way of building the mental model through gestures. Within sections a long swipe on the last page of an article moves to the next, so the horizontality of the “section” subnav is maintained at two levels.
  33. In the New version of New York Times, Everything “flows

    more smoothly” It’s perhaps BETTER on MOBILE AND TABLETS tablets that you keep with ONE HAND (move your thumb to scroll). BUT we LOSE FRICTION and SPATIAL NAVIGATION navigation is reduced: you can only move vertically
  34. When you start moving, it’s important to know WHERE YOU

    ARE. and WHAT is YOUR POSITION WITHIN THE OBJECT
  35. Paper books have both explicit ways of signaling position, like

    PAGE NUMBERING and RUNNING HEADS, and but the MOST EFFECTIVE are the IMPLICIT ONES like thickness, which lets the user “feel” the position within the whole. In a paper book we know not just "how long a book is", but WHERE WE ARE IN IT, by looking at it - the Z-axis of thickness we mentioned earlier. There is no relativising or thought necessary. We are either close to the beginning, or close to the end.
  36. Page number is what were habitutated to for ABSOLUTE POSITION.

    It’s generally within a certain range 100-1000, but it becomes unreliable in reflowable texts. LOCATION might be RELIABLE, but its INSCRUTABLE - no one know’s what it refers to. HOW BIG IS A LOCATION and HOW MANY LOCATION is a BIG BOOK ? So we see that, except for completely fixed layout formats, the page is no longer the ideal, and location, well - WHO HAS EVER REMEMBERED A LOCATION ?
  37. Another option is using RELATIVE POSITION in the scrollbar to

    give an idea of where you are in the text.
  38. We still haven’t found a really good solution for creating

    that “I am here” feeling., but we see a potential solution in Inkling, with added benefit a VARIABLE SIZED MINI SCROLLBARS to show where you are in each section.
  39. Another solution to replace the “where I am” thickness is

    to give and idea of progress, to show “how much I read and how much is left to read”
  40. We see here a typical example of why book lovers

    hates e-readers. The Kindle 10% is a COLD technical way to show where one is in a book. Reminds us of SOFTWARE LOADING more than reading. One commentator said “Dots reveal that Kindle was made with fiction books in mind”, because we only need to know how much is left to read how far are we to discovering the killer’s identity.
  41. Another way of showing relative position can be in the

    STORY, listing the events that makes up the story and highlighting HOW FAR YOU ARE
  42. For fiction and non fiction THE POSITION IN THE NARRATIVE

    can be more instructive, but it DOESN’T NEED TO BE ALWAYS VISIBLE. Here in Atavist it doesn’t have a persistent access point, but comes as contextual links as the action develops.
  43. As far as RELATIVE PROGRESS is concerned, HOW LONG IS

    LEFT TO READ has become a standard. An established HABIT ON VIDEOS transposed to TEXT. But reading time is, in a way “UNRELIABLE”: we don't know where they're cooking up this number. Is it for us or the other guys?
  44. IN KINDLE Seems to be made to REASSURE PEOPLE that

    the PAIN WONT LAST too long before they can move to something else. FOCUS on READING AS A TASK to ACCOMPLISH.
  45. From a WIDER PERSPECTIVE, READING TIME is one of the

    main subjects of MOBILE reading. Designers start from the OBSERVATION that PEOPLE SAY they don’t HAVE TIME TO READ and try to ADAPT : SHORTER CONTENT TO READING TIME Blinkist that breaks down a book in 5 MINUTES CHUNKS that can be consumed during commuting time and MAKES YOU READ ONLY WHAT MATTERS (in theory).
  46. Spritz on the other hand tries to make you READ

    MORE IN LESS TIME. Presentation mode particularly adapted to SMALL DISPLAYS LIKE WATCHES and GLASSES.
  47. The next question we ask is “WHERE CAN I GO”

    since we deal with DIGITAL content the ANSWER COULD BE ANYWHERE the World Wide Web is there for you ! However, we know that when reading, some GUIDANCE CAN BE USEFUL in an intentionally engaged space. LEARNING and MEMORIZING are IMPROVED when you CAN ORGANIZE INFORMATION IN LOGICAL CHUNKS. That’s what sections and chapters are about. Digital texts offer NEW WAYS OF MOVING THROUGH THE TEXT in LINEAR WAY or THROUGH different DIMENSIONS.
  48. There is a difference between UNIFIED text and text COLLECTIONS

    or AGGREGATES: in UNIFIED texts, knowing WHERE to go ISN’T PROBLEMATIC - you move forward, so “WHERE can I go” is EQUALS to “HOW do I move”; for AGGREGATE and or NON-LINEAR text, this demands more COMPLEX models of the SPACE A TOC of a novel has chapters, but the progress is linear. The TOC of a linear text is a standalone object: a page that gives you access to the other.
  49. A SOLUTION FOR KEEPING a LINEAR PROGRESS while giving the

    user the ability to CHOOSE HOW TO MOVE AROUND is to let readers can rearrange sections to match their tastes and priorities as One more step towards user control over content and layout
  50. Content Specific navigation Literal interpretation of “where” in some contents

    with strong geographical links: navigate on a map (Pasolini Roma, Silent History)
  51. DIGITAL TEXTS MULTIPLY the way you can access and understand

    them following to your interest or following paths designed by the AUTHOR or EDITOR
  52. THE most traditional way of going through a text is

    of course SEARCH This can be… User input: invoking the search tool Text triggered: clicking on a word for finding references
  53. Extending the power of search, some apps let you SEARCH

    FOR SPECIAL WORDS like concepts and characters. Like KINDLE X that show the book structure by showing instances of people, characters, ideas or other topics distributed on the “timeline” of the book. Though in this example we just have characters/
  54. On an even higher level that can apply to bigger

    corpus there is distant reading, which is remains a largely academic field but which permits machine-leveraged insights into a text or text corpus or of broad swathes of press and literature as with Google’s N-Gram, which relies on the massive google book scanning project to reveal changes in usage and vocabulary over time
  55. Social highlighting can provide another way of moving through the

    text that RELIES on SOCIAL PROOF of WHATS IMPORTANT.
  56. And we can’t forget forget the footnote. That can be

    annoying, as Noel Coward points out. But today is more integrated with the text
  57. First footnotes were like LINKS, you found yourself ping-ponging through

    pages. Today, footnotes are becoming MORE INTEGRATED to text. We find the same pattern than for search, MODAL WINDOWS that ENRICH what you read now, instead of sending you somewhere else for more.
  58. A SIMILAR pattern of brining additional content CLOSER TO WHERE

    READING HAPPEN is with comments that are replaced by annotations that address a SINGLE PARAGRAPH instead of the WHOLE TEXT.
  59. Here in medium (same in Quartz.com) THIS IS MORE SIMILAR

    to the original MARGINALIA than to blog comments
  60. One of the most common complaints about enriched ebooks and

    the evolving forms of multimedia storytelling we find on the web is “just add video to it”. There is, of course, no need to add rich media to a text...except for when there is. Or when the story, or the article, or the instructions or whatever would be well served by it. So the question becomes: WHEN IS MEDIA USEFUL? It’s a matter of CONTENT and CONTEXT, but we’ll get to that shortly. First, we'd like to observe that the RATIO between text and media lies across a SPECTRUM, from ALL TEXT to ALL MEDIA, with gradations between. So there’s the FORM, but what about the FUNCTION? The FUNCTION of a reading space is, in a way, it’s GENRE - the general NATURE of the content. So what content is frequently FROUND in, and dare I say BEST SERVED or EXPRESSED, using each of these ratios? Next we have content is text-centric but media supported. The information is principally text, but media plays a supplemental role - that is, the text might be able to stand without it, but including media helps the reader understand the subject matter in a profoundly better - or different - way. “Here be dragons”, though, because the fine line
  61. between relevance and irrelevance is often a subjective matter. Next

    we have media-centric but text supported, where the media is the primary content, and text is provided as a complement that explains, clarifies or possibly narrates it. Here we principally mean visual media but it could also be audiovisual or simply just audio. Finally we get to pure media that speaks for itself (or, as it may be, preserves its mystery) without the written word. So to recap: full text, primary text with supplemental media, primary media with complentary text, and full media. With this little framework in mind. Let’s have a look at what content it applies to. We could potentially add a fifth class, where text and media are equally important and you could have one without the other but you would lose more than you gain (e.g. textbooks). Opinion?
  62. To start with, you have full text, text which, ideally,

    speaks for itself. That's pretty straightforward. Full text can be everything anything, but we usually associate it with... traditional literary forms from poetry to short stories to genre fiction...academic texts such as history, philosophy and political science, and many breeds of long-form or narrative nonfiction.
  63. So pretty straightforward - no mystery there. This is the

    kind of content that is easiest to consume on a typical E-READER. Aside from poetry, it’s generally REFLOWABLE and doesn’t stand to gain enormously from rich-media interactions. We’ve seen how SEARCH is still evolving how we interact with TEXT AS A MEDIUM ITSELF.
  64. Text-centric, media supported: Here we find MANY types of content...

    Pedagogy like TEXTBOOKS, NON-FICTION in both long-form and everyday journalism and reportage. And of course, what would an encyclopedia or REFERENCE book be without a little bit of BACKUP media?
  65. So, generally speaking, they are oriented around LEARNING, REPORTING, and

    better UNDERSTANDING something that still is best using TEXT as the PRINCIPAL form of INFORMATION, but where SHOWING can really HELP with the TELLING.
  66. Next we have reading spaces where MEDIA is PRIMARY and

    text is COMPLEMENTARY. The more MEDIA becomes CENTRAL, the more the HETEROGNOUS the applications become. In media-centric reading spaces, you find a BROAD range from:
  67. So now that we’ve seen what sort of genres tend

    to heavily employ media for appropriate reasons, lets look at how you get in and out of that media. Here I’ll principally be looking at SUMMONING and DISMISSING VISUAL media, which naturally takes up SCREEN SPACE, but there’s AUDIO as well. The main ASSUMPTION is that media is DISRUPTIVE to reading.
  68. Contextual links with MODAL DETAIL - good for when you

    want to FAVOR the TEXT without losing UNDERLYING rich content.
  69. Atavist has a TWO STEP way of doing this, which

    is a bit FIDDLY, but demonstrates a strong DESIGN CONVICTION about how it’s users will want to STAY CLOSER to the text.
  70. Inline embeds - where the media is on the page

    as a PERSISTENT COROLLARY to the text content
  71. The easiest way to get into it is to have

    it AT THE TOP. This model ESCHEWS modal access and puts the media FRONT and CENTER, with text in support. This is great for PHOTO books.
  72. There are a lot of variety on how content is

    showed and dismiss Good because there is always an alternative BAD because interaction grammar is too varied You need to choose if you use something as simple as a tap or you make them work harder for a reason How do your gestures fit with your overall gestural navigation and what do they permit you or prevent you from doing.
  73. When it comes to getting rid of a detail view

    what happens when you swipe on an object that can be also be swiped on itself - like a slideshow or a rotatable 3d model? What then? Keep in mind that choices you make on the larger structure can have impacts or limits further down the lines, or you’ll have gestures doing double-duty that end up conflicting with each other.
  74. You lose the depth and thickness of the Codex but

    you gain three potential dimensions. Haptic feeling is lost but you can use new affordances like stickiness, friction, .... When you think "where" the reader can go, try to think outside the Table of contents and footnotes. Moving around a Book is not just flipping pages, is moving around a story made of events, places, characters. Content-tailored navigation modes can bring back the book its individuality.
  75. Try new ways of going through the content: characters, concepts,

    … you have all the power of the hypertext but in environments in which people are willing to read! Conceive for the reader and its context: where and when will he read, with whom. What other tools will he need. When you think "where" the reader can go, try to think outside the Table of contents and footnotes. Integrate media if they add something but think of the right balance between text and image and consider "media gestures" as part of the book interaction grammar.