Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico
-
Upload
ebook-lab-italia -
Category
Documents
-
view
907 -
download
5
description
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/1.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/2.jpg)
What is a book?
![Page 3: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/3.jpg)
![Page 4: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/4.jpg)
“
- 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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/5.jpg)
“
- 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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/6.jpg)
“
- 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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/7.jpg)
“
- 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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/8.jpg)
![Page 9: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/9.jpg)
fuzzyfuzzyfuzzyfuzzyfuzzy
The definition of book is already quite fuzzy
![Page 10: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/10.jpg)
Photobook
![Page 11: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/11.jpg)
Gamebook
![Page 12: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/12.jpg)
Popup books
![Page 13: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/13.jpg)
What is a book, really?
![Page 14: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/14.jpg)
“
- Confucio
You cannot open a book without learning something.
![Page 15: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/15.jpg)
An interaction view:
![Page 16: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/17.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/18.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/19.jpg)
The new coming of the ebook
![Page 20: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/20.jpg)
Why didn’t ebooks really work before
Kindle?
![Page 21: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/21.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/22.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/23.jpg)
“
- 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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/24.jpg)
book =
![Page 25: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/25.jpg)
content +
![Page 26: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/26.jpg)
physical support!
![Page 27: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/27.jpg)
ebook‣screen resolution‣reflection & illumination‣weight
![Page 28: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/28.jpg)
Kindle’s interaction paradigmis simple
![Page 29: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/29.jpg)
previous page next page
open/close
read
![Page 30: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/30.jpg)
(additional complexity)
![Page 31: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/31.jpg)
turn page
open/close
read
![Page 32: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/32.jpg)
...or is it?
![Page 33: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/33.jpg)
![Page 34: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/34.jpg)
Don’t forget: habit shapes behaviours
![Page 35: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/35.jpg)
The reading paradigm(“western languages”)left-right
top-bottom
gestalt
![Page 36: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/36.jpg)
The touch age
![Page 37: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/37.jpg)
Touch devices introduced a new
interaction paradigm
![Page 38: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/38.jpg)
Skeuomorphism
![Page 39: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/39.jpg)
Let’s look around...
![Page 40: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/40.jpg)
BBC
![Page 41: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/41.jpg)
The Economist
![Page 42: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/42.jpg)
Financial Times
![Page 43: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/43.jpg)
The New Yorker
![Page 44: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/44.jpg)
Time
![Page 45: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/45.jpg)
Interview
![Page 46: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/46.jpg)
Type Specimen
![Page 47: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/47.jpg)
book/turn + web/scroll
![Page 48: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/48.jpg)
![Page 49: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/49.jpg)
don’t forget closure!
![Page 50: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/50.jpg)
One idea
![Page 51: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/51.jpg)
![Page 52: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/52.jpg)
![Page 53: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/53.jpg)
Francesc TrovarSpain
![Page 54: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/54.jpg)
Davide TarasconiItaly
![Page 55: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/55.jpg)
Benjamin LawHong Kong
![Page 56: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/56.jpg)
‣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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/57.jpg)
The overall user experience
![Page 58: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/58.jpg)
read
Most ebook devices
![Page 59: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/59.jpg)
read annotate
![Page 60: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/60.jpg)
buy read annotate
![Page 61: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/61.jpg)
find buy read annotate
Kindle + StoreiBook + Store
![Page 62: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/62.jpg)
find buy read annotate
discuss quote
![Page 63: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/63.jpg)
find buy read annotate
discuss quote
lendborrow
![Page 64: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/64.jpg)
find buy read annotate
discuss quote
lendborrow
PRIVATE
![Page 65: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/65.jpg)
find buy read annotate
discuss quote
lendborrow
SOCIAL
![Page 66: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/66.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/67.jpg)
2 ! 2 suggestions
![Page 68: Davide Casali @ Ebook Lab Italia 2011 - Layout e gestalt del libro elettronico](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/68.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/69.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/70.jpg)
“
- 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](https://reader033.fdocuments.us/reader033/viewer/2022051514/5485d9bfb4795984178b4aeb/html5/thumbnails/71.jpg)
Davide ‘Folletto‘ Casaliintenseminimalism.com@[email protected]
Ebook Lab ItaliaRimini, 3-5 marzo 2011ebooklabitalia.com