• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Gestalt, design & technology of the touch ebook
 

Gestalt, design & technology of the touch ebook

on

  • 3,824 views

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

Statistics

Views

Total Views
3,824
Views on SlideShare
3,681
Embed Views
143

Actions

Likes
12
Downloads
48
Comments
1

6 Embeds 143

http://www.scoop.it 104
http://coderwall.com 19
http://www.linkedin.com 9
http://paper.li 7
https://twitter.com 2
https://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 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.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Gestalt, design & technology of the touch ebook Gestalt, design & technology of the touch ebook Presentation Transcript

    • Gestalt, Interaction & Techof the touch ebookThe strange case of Dr. Ebook and Mr. Device
    • What is a book?
    • “ 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
    • “ 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
    • “ 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
    • “ 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
    • The definition of book is already quite fuzzy fuzzy fuzzy fuzzy fuzzy fuzzy
    • Photobook
    • Gamebook
    • Popup books
    • “ You cannot open a book without learning something. - Confucio
    • What is a book, really?
    • An interaction view:
    • 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”
    • 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
    • 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.
    • Ok, but…what about content?
    • a
    • Storytelling
    • ...or just a guide.
    • Two basic narration interaction modes: Attitude + Knowledge
    • Sequential experiential / educative PASSIVE“Tell me something”
    • Associativeinquisitive / creative ACTIVE“Let me choose”
    • The new coming of the ebook
    • Why didn’t ebooksreally work before Kindle?
    • 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”
    • 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.”
    • “ I find television very educating. Every time somebody turns on the set, I go into the other room and read a book. - Groucho Marx
    • book =
    • content +
    • physical support!
    • ebook ‣ screen resolution ‣ reflection & illumination ‣ weight
    • Kindle’s interaction paradigmis simple
    • open/closeprevious page next page read
    • (additional complexity)
    • open/close turn page read
    • ...or is it?
    • Don’t forget: habitshapes behaviours
    • The reading paradigm left-right (“western languages”)top-bottom gestalt
    • The touch age
    • Touch devices introduced a newinteraction paradigm
    • Skeuomorphism
    • Let’s look around...
    • BBC
    • The Economist
    • Financial Times
    • The New Yorker
    • Time
    • Interview
    • Type Specimen
    • book/turn + web/scroll
    • The bookthat isn’t a book
    • FlipboardSocial Magazine
    • ZiteSocial Magazine
    • PulseSocial Magazine
    • Formats
    • 2000 2007 mobi azw‣ PalmDOC ‣ PalmDOC‣ “HTML” ‣ “HTML” ‣ Amazon DRM
    • 2007 2011? 2.0 3.0‣ XHTML1.1 ‣ HTML5‣ CSS2 ‣ CSS3 ‣ May optionally support scripting
    • “This specification does not mandate specific rendering behavior” (2.0)“Reading Systems with a CSS Viewport should support all CSS constructs included” (3.0)
    • 1999 2012 2022 4.01 5.0 Candidate‣ The web as we know it. ‣ Video ‣ Audio ‣ Animations ‣ Visual effects ‣ Semantics
    • “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)
    • Yes or No isn’t enough!
    • Baker
    • Francesc Trovar Spain
    • Davide Tarasconi Italy
    • Benjamin Law Hong Kong
    • Timbuktu Team Italy
    • Florian Franke Germany
    • ‣ WebKit engine‣ html5 (multimedia)‣ minimal admin debris‣ opensource (commercial use)‣ book:// identifier protocol‣ Hpub simple packaging
    • ‣ Everything you can do on the web.WebKit ‣ Safari, Chrome, Android, iOS, Blackberry, WebOS.
    • ‣ Nothing new,HTML5 & nothing different, no new knowledge. Hpub ‣ Just ZIP it.
    • ‣ Minimal UI.No admin ‣ Everything is book. ‣ Everything is in debris control of the author.
    • ‣ Identify book. ‣ Locate & download.book:// ‣ Update. ‣ Link between books.
    • URI = Uniform Resource Identifier Web-compatible “ISBN”book://example.org/path/book/page.html#paragraphPROTOCOL PUBLISHER BOOK PAGE PARAGRAPH
    • How to use Baker
    • 1 Design 2 Package 3 Publish
    • 1 Design 2 Package 3 PublishACTIONS‣ Think‣ Write‣ DesignTOOLS‣ Paper‣ Photoshop‣ HTML editor
    • 1 Design 2 Package 3 Publish ACTIONS ‣ Read Hpub format ‣ Organize files TOOLS ‣ Zip
    • 1 Design 2 Package 3 Publish ACTIONS ‣ Register ‣ Submit ‣ Wait TOOLS ‣ Mac ‣ Xcode
    • “ Typography is the art of creating and setting type with the purpose of honoring the text it sets. - Pascal Klein Thanks to Matteo Balocco
    • The overalluser experience
    • readMost ebook devices
    • read annotate
    • buy read annotate
    • find buy read annotate Kindle + Store iBook + Store
    • find buy read annotate discuss quote
    • borrow lendfind buy read annotate discuss quote
    • borrow lend PRIVATEfind buy read annotate discuss quote
    • SOCIAL borrow lendfind buy read annotate discuss quote
    • Each one is a potential service / app borrow lendfind buy read annotate discuss quote
    • Your own idea
    • Minimum Viable Product
    • TEST TEST TEST
    • Teamwork.
    • 2 × 2 suggestions
    • for Designers1. don’t assume an interaction paradigm2. gestalt (closure) is critical
    • for Publishersfor Authors1. don’t forget the whole user experience2. the book experience is social - in its own way
    • “ Complicare è facile, semplificare è difficile. Per complicare basta aggiungere, tutti sono capaci di complicare. Pochi sono capaci di semplificare. - Bruno Munari
    • Davide ‘Folletto‘ Casali intenseminimalism.com @folletto folletto@gmail.comLaurea Magistrale in Informatica UmanisticaUniversità di Pisa, 20 may 2011infouma.di.unipi.it