Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Loading in …3
×
1 of 108

Gestalt, design & technology of the touch ebook

14

Share

Download to read offline

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

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Gestalt, design & technology of the touch ebook

  1. Gestalt, Interaction & Tech of the touch ebook The 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. Associative inquisitive / creative ACTIVE “Let me choose”
  24. The new coming of the ebook
  25. Why didn’t ebooks really work before Kindle?
  26. Hitchhiker’s Guide to the Galaxy “A screen, about three inches by four, lit up […] a large red button at the bottom of the screen and words began to undulate across it. At the same time, the book began to speak”
  27. Star Trek’s PADD “Consisting of a large touchscreen display and minimalistic manual interface or control panel (generally only one or two buttons), the typical PADD is used for a variety of functions.”
  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 paradigm is simple
  34. open/close previous page next page read
  35. (additional complexity)
  36. open/close turn page read
  37. ...or is it?
  38. Don’t forget: habit shapes behaviours
  39. The reading paradigm left-right (“western languages”) top-bottom gestalt
  40. The touch age
  41. Touch devices introduced a new interaction 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 book that isn’t a book
  53. Flipboard Social Magazine
  54. Zite Social Magazine
  55. Pulse Social 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#paragraph PROTOCOL PUBLISHER BOOK PAGE PARAGRAPH
  75. How to use Baker
  76. 1 Design 2 Package 3 Publish
  77. 1 Design 2 Package 3 Publish ACTIONS ‣ Think ‣ Write ‣ Design TOOLS ‣ 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 overall user experience
  82. read Most 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 lend find buy read annotate discuss quote
  88. borrow lend PRIVATE find buy read annotate discuss quote
  89. SOCIAL borrow lend find buy read annotate discuss quote
  90. Each one is a potential service / app borrow lend find 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 Designers 1. don’t assume an interaction paradigm 2. gestalt (closure) is critical
  97. for Publishers for Authors 1. don’t forget the whole user experience 2. 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.com Laurea Magistrale in Informatica Umanistica Università di Pisa, 20 may 2011 infouma.di.unipi.it

×