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

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

Dec 07, 2014

Download

Documents

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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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