Your SlideShare is downloading. ×
Gestalt, design & technology of the touch ebook
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Gestalt, design & technology of the touch ebook

3,947
views

Published on

What is an ebook? An interaction point of view. …

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
12 Likes
Statistics
Notes
  • Really impressive preso about ebooks and considerations to take into account when making them. Makes me want buy an iPad or tablet to try hacking around on one.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,947
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
61
Comments
1
Likes
12
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. 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