Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

71
Gestalt & Interaction of the touch ebook The strange case of Dr. Ebook and Mr. Device

description

Il libro elettronico non rappresenta come molte delle innovazioni tecnologiche semplicemente un nuovo supporto per un contenuto testuale, ma è interamente una nuova piattaforma di interazione, che presenta anche nell'attuale emulazione del libro cartaceo un potenziale nuovo linguaggio espressivo e di comunicazione che si fonde con il dinamismo del web. Quali sono dunque le nuove porte che si aprono, come bisogna comprendere questa piattaforma per evitare gli errori più comuni e come fare qualche altro passo lungo l'evoluzione del libro senza dimenticare il passato? Proviamo a vederlo assieme.

Transcript of Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Page 1: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Gestalt & Interaction of the touch ebookThe strange case of Dr. Ebook and Mr. Device

Page 2: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

What is a book?

Page 3: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico
Page 4: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

- 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.

Page 5: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

- 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.

Page 6: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

- 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.

Page 7: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

- 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.

Page 8: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico
Page 9: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

fuzzyfuzzyfuzzyfuzzyfuzzy

The definition of book is already quite fuzzy

Page 10: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Photobook

Page 11: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Gamebook

Page 12: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Popup books

Page 13: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

What is a book, really?

Page 14: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

- Confucio

You cannot open a book without learning something.

Page 15: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

An interaction view:

Page 16: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

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”

1

Page 17: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

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

2

Scott McCloud, Understanding Comics

Page 18: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

21 + Let’s think for a while of the book as a cognitive object perceived as a single item that satisfies a promise through reading.

Page 19: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

The new coming of the ebook

Page 20: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Why didn’t ebooks really work before

Kindle?

Page 21: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Hitchhiker’s Guideto 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”

Page 22: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Star Trek’sPADD“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.”

Page 23: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

- Groucho Marx

I find television very educating. Every time somebody turns on the set, I go into the other room and read a book.

Page 24: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

book =

Page 25: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

content +

Page 26: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

physical support!

Page 27: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

ebook‣screen resolution‣reflection & illumination‣weight

Page 28: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Kindle’s interaction paradigmis simple

Page 29: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

previous page next page

open/close

read

Page 30: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

(additional complexity)

Page 31: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

turn page

open/close

read

Page 32: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

...or is it?

Page 33: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico
Page 34: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Don’t forget: habit shapes behaviours

Page 35: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

The reading paradigm(“western languages”)left-right

top-bottom

gestalt

Page 36: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

The touch age

Page 37: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Touch devices introduced a new

interaction paradigm

Page 38: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Skeuomorphism

Page 39: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Let’s look around...

Page 40: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

BBC

Page 41: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

The Economist

Page 42: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Financial Times

Page 43: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

The New Yorker

Page 44: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Time

Page 45: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Interview

Page 46: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Type Specimen

Page 47: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

book/turn + web/scroll

Page 48: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico
Page 49: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

don’t forget closure!

Page 50: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

One idea

Page 51: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico
Page 52: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico
Page 53: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Francesc TrovarSpain

Page 54: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Davide TarasconiItaly

Page 55: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Benjamin LawHong Kong

Page 56: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

‣WebKit engine‣html5 (multimedia)‣minimal admin debris‣opensource (commercial use)‣book:// identifier protocol‣Hpub simple packaging

Page 57: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

The overall user experience

Page 58: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

read

Most ebook devices

Page 59: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

read annotate

Page 60: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

buy read annotate

Page 61: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

find buy read annotate

Kindle + StoreiBook + Store

Page 62: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

find buy read annotate

discuss quote

Page 63: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

find buy read annotate

discuss quote

lendborrow

Page 64: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

find buy read annotate

discuss quote

lendborrow

PRIVATE

Page 65: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

find buy read annotate

discuss quote

lendborrow

SOCIAL

Page 66: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

find buy read annotate

discuss quote

lendborrow

Each one is a potential service / app

Page 67: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

2 ! 2 suggestions

Page 68: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

1. don’t assume an interaction paradigm2. gestalt (closure) is critical

for Designers

Page 69: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

1. don’t forget the whole user experience2. the book experience is social - in its own way

for Publishers for Authors

Page 70: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

- Bruno Munari

Complicare è facile,semplificare è difficile.Per complicare basta aggiungere,tutti sono capaci di complicare.Pochi sono capaci di semplificare.

Page 71: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico

Davide ‘Folletto‘ Casaliintenseminimalism.com@[email protected]

Ebook Lab ItaliaRimini, 3-5 marzo 2011ebooklabitalia.com