Gestalt, design & technology of the touch ebook

8,640 views

Published on

What is an ebook? An interaction point of view.

The evolution of the interaction mode of the book at the dawn of the first successful ebook, how to understand it and how to design for it.

Lecture made at the University of Pisa

Published in: Education
1 Comment
13 Likes
Statistics
Notes
No Downloads
Views
Total views
8,640
On SlideShare
0
From Embeds
0
Number of Embeds
158
Actions
Shares
0
Downloads
74
Comments
1
Likes
13
Embeds 0
No embeds

No notes for slide

Gestalt, design & technology of the touch ebook

  1. Gestalt, Interaction & Techof the touch ebookThe strange case of Dr. Ebook and Mr. Device
  2. What is a book?
  3. “ 1. a written or printed work of fiction or nonfiction, usually on sheets of paper fastened or bound together within covers. 2. a number of sheets of blank or ruled paper bound together for writing, recording business transactions, etc. 3. a division of a literary work, especially one of the larger divisions. - Random House Dictionary / Dictionary.com
  4. “ 1. a written or printed work of fiction or nonfiction, usually on sheets of paper fastened or bound together within covers. 2. a number of sheets of blank or ruled paper bound together for writing, recording business transactions, etc. 3. a division of a literary work, especially one of the larger divisions. - Random House Dictionary / Dictionary.com
  5. “ 1. a written or printed work of fiction or nonfiction, usually on sheets of paper fastened or bound together within covers. 2. a number of sheets of blank or ruled paper bound together for writing, recording business transactions, etc. 3. a division of a literary work, especially one of the larger divisions. - Random House Dictionary / Dictionary.com
  6. “ 1. a written or printed work of fiction or nonfiction, usually on sheets of paper fastened or bound together within covers. 2. a number of sheets of blank or ruled paper bound together for writing, recording business transactions, etc. 3. a division of a literary work, especially one of the larger divisions. - Random House Dictionary / Dictionary.com
  7. The definition of book is already quite fuzzy fuzzy fuzzy fuzzy fuzzy fuzzy
  8. Photobook
  9. Gamebook
  10. Popup books
  11. “ You cannot open a book without learning something. - Confucio
  12. What is a book, really?
  13. An interaction view:
  14. 1 We are conditioned by portion sizes: by default, we try to finish our food portion. Rolls B.J., Morris E.L., Roe L.S. (2002) “Portion size of food affects energy intake in normal-weight and overweight men and women”
  15. 2 Closure: the mind’s tendency to see completeness of forms from an incomplete stimuli. Wertheimer M., Rock I., Palmer S. (early 20th century) Gestalt Psychology Scott McCloud, Understanding Comics
  16. 1 + 2 Let’s think for a while of the book as a cognitive object perceived as a single item that satisfies a promise through reading.
  17. Ok, but…what about content?
  18. a
  19. Storytelling
  20. ...or just a guide.
  21. Two basic narration interaction modes: Attitude + Knowledge
  22. Sequential experiential / educative PASSIVE“Tell me something”
  23. Associativeinquisitive / creative ACTIVE“Let me choose”
  24. The new coming of the ebook
  25. Why didn’t ebooksreally work before Kindle?
  26. Hitchhiker’s Guideto the Galaxy“A screen, about three inches by four,lit up […] a large red button at thebottom of the screen and words beganto undulate across it. At the same time,the book began to speak”
  27. Star Trek’sPADD“Consisting of a large touchscreendisplay and minimalistic manualinterface or control panel (generallyonly one or two buttons), the typicalPADD is used for a variety offunctions.”
  28. “ I find television very educating. Every time somebody turns on the set, I go into the other room and read a book. - Groucho Marx
  29. book =
  30. content +
  31. physical support!
  32. ebook ‣ screen resolution ‣ reflection & illumination ‣ weight
  33. Kindle’s interaction paradigmis simple
  34. open/closeprevious page next page read
  35. (additional complexity)
  36. open/close turn page read
  37. ...or is it?
  38. Don’t forget: habitshapes behaviours
  39. The reading paradigm left-right (“western languages”)top-bottom gestalt
  40. The touch age
  41. Touch devices introduced a newinteraction paradigm
  42. Skeuomorphism
  43. Let’s look around...
  44. BBC
  45. The Economist
  46. Financial Times
  47. The New Yorker
  48. Time
  49. Interview
  50. Type Specimen
  51. book/turn + web/scroll
  52. The bookthat isn’t a book
  53. FlipboardSocial Magazine
  54. ZiteSocial Magazine
  55. PulseSocial Magazine
  56. Formats
  57. 2000 2007 mobi azw‣ PalmDOC ‣ PalmDOC‣ “HTML” ‣ “HTML” ‣ Amazon DRM
  58. 2007 2011? 2.0 3.0‣ XHTML1.1 ‣ HTML5‣ CSS2 ‣ CSS3 ‣ May optionally support scripting
  59. “This specification does not mandate specific rendering behavior” (2.0)“Reading Systems with a CSS Viewport should support all CSS constructs included” (3.0)
  60. 1999 2012 2022 4.01 5.0 Candidate‣ The web as we know it. ‣ Video ‣ Audio ‣ Animations ‣ Visual effects ‣ Semantics
  61. “User agents are expected to support CSS” (5)“The term expected in this section has the same conformance implications as the RFC2119- defined term must” (5)
  62. Yes or No isn’t enough!
  63. Baker
  64. Francesc Trovar Spain
  65. Davide Tarasconi Italy
  66. Benjamin Law Hong Kong
  67. Timbuktu Team Italy
  68. Florian Franke Germany
  69. ‣ WebKit engine‣ html5 (multimedia)‣ minimal admin debris‣ opensource (commercial use)‣ book:// identifier protocol‣ Hpub simple packaging
  70. ‣ Everything you can do on the web.WebKit ‣ Safari, Chrome, Android, iOS, Blackberry, WebOS.
  71. ‣ Nothing new,HTML5 & nothing different, no new knowledge. Hpub ‣ Just ZIP it.
  72. ‣ Minimal UI.No admin ‣ Everything is book. ‣ Everything is in debris control of the author.
  73. ‣ Identify book. ‣ Locate & download.book:// ‣ Update. ‣ Link between books.
  74. URI = Uniform Resource Identifier Web-compatible “ISBN”book://example.org/path/book/page.html#paragraphPROTOCOL PUBLISHER BOOK PAGE PARAGRAPH
  75. How to use Baker
  76. 1 Design 2 Package 3 Publish
  77. 1 Design 2 Package 3 PublishACTIONS‣ Think‣ Write‣ DesignTOOLS‣ Paper‣ Photoshop‣ HTML editor
  78. 1 Design 2 Package 3 Publish ACTIONS ‣ Read Hpub format ‣ Organize files TOOLS ‣ Zip
  79. 1 Design 2 Package 3 Publish ACTIONS ‣ Register ‣ Submit ‣ Wait TOOLS ‣ Mac ‣ Xcode
  80. “ Typography is the art of creating and setting type with the purpose of honoring the text it sets. - Pascal Klein Thanks to Matteo Balocco
  81. The overalluser experience
  82. readMost ebook devices
  83. read annotate
  84. buy read annotate
  85. find buy read annotate Kindle + Store iBook + Store
  86. find buy read annotate discuss quote
  87. borrow lendfind buy read annotate discuss quote
  88. borrow lend PRIVATEfind buy read annotate discuss quote
  89. SOCIAL borrow lendfind buy read annotate discuss quote
  90. Each one is a potential service / app borrow lendfind buy read annotate discuss quote
  91. Your own idea
  92. Minimum Viable Product
  93. TEST TEST TEST
  94. Teamwork.
  95. 2 × 2 suggestions
  96. for Designers1. don’t assume an interaction paradigm2. gestalt (closure) is critical
  97. for Publishersfor Authors1. don’t forget the whole user experience2. the book experience is social - in its own way
  98. “ Complicare è facile, semplificare è difficile. Per complicare basta aggiungere, tutti sono capaci di complicare. Pochi sono capaci di semplificare. - Bruno Munari
  99. Davide ‘Folletto‘ Casali intenseminimalism.com @folletto folletto@gmail.comLaurea Magistrale in Informatica UmanisticaUniversità di Pisa, 20 may 2011infouma.di.unipi.it

×