1. Layout e gestalt del libro
elettronico

2. Importanza del libro
- Oggi Amazon vende più libri in formato
elettronico rispetto a quelli stampati
- Le nuove ricerche confermano che non
c’è differenza di leggibilità tra libro
classico e libro elettronico

3. Libro elettronico vs
libro classico
- Limiti di spazio
- Risoluzione dello schermo
- Possibilità di cambiare il layout
- Possibilità di accedere ad altre
informazioni e media

4. Obiettivo n°1
Cosa possiamo fare per migliorare
la leggibilità degli eBook?

5. Leggibilità della calligrafia o del
carattere tipografico (legibility)
Leggibilità come scorrevolezza
della lettura in funzione della
struttura linguistica (readability)

6. Leggibilità e gestalt
il principio della chiusura o della forma chiusa

7. C

8. C
O

9. Sans-serif vs Serif
C
O O
C

10. Sans-serif vs Serif
Più leggibile su monitor
Più leggibile su carta
bassa risoluzione

11. eBook: Ritorno dello Serif

12. Readability - Leggibilità come
scorrevolezza della lettura e
gestalt

13. Potete leggere queste parole?

14. Potete leggere queste parole?

15. Potete leggere queste parole?

16. Og_i è una bellis_ima gior_ata

17. Per aumentare la leggibilità abbiamo
bisogno di più “spazio” tra le lettere, le
parole e le righe

18. Helvetica vs Verdana
Ciao
Ciao

19. Abbiamo bisogno di nuovi font
ottimizzati per l’eBook

20. Cominciare da minimo 16px/1em per il
testo
12px Lorem ipsum dolor sit amet, consectetur adipiscing 16px Lorem ipsum dolor sit amet, consectetur adipiscing elit.
elit. Aliquam ante lacus, pharetra in viverra mollis, viverra
Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam.
vitae quam. Duis tempor mattis sem non vehicula. Aliquam
nisi quam, sollicitudin eget rhoncus eget, convallis quis Duis tempor mattis sem non vehicula. Aliquam nisi quam,
mauris. sollicitudin eget rhoncus eget, convallis quis mauris.

21. Interlinea più grande
16px/1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px/1.3 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam.
Duis tempor mattis sem non vehicula. Aliquam nisi quam,
Duis tempor mattis sem non vehicula. Aliquam nisi quam,
sollicitudin eget rhoncus eget, convallis quis mauris.
sollicitudin eget rhoncus eget, convallis quis mauris.
16px/1.5 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px/1.7 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam.
Duis tempor mattis sem non vehicula. Aliquam nisi quam, Duis tempor mattis sem non vehicula. Aliquam nisi quam,
sollicitudin eget rhoncus eget, convallis quis mauris.
sollicitudin eget rhoncus eget, convallis quis mauris.

22. Paragrafi ben definiti
Prima Dopo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis
tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin
eget rhoncus eget, convallis quis mauris. eget rhoncus eget, convallis quis mauris.
Praesent convallis, mauris at ultricies adipiscing, lacus est ->Praesent convallis, mauris at ultricies adipiscing, lacus est
porttitor nibh, vitae luctus libero dui at urna. Proin commodo porttitor nibh, vitae luctus libero dui at urna. Proin commodo
venenatis condimentum. Quisque dolor nunc, mattis in dapibus a, venenatis condimentum. Quisque dolor nunc, mattis in dapibus a,
vulputate et metus. Etiam lorem quam, dapibus eget auctor at, vulputate et metus. Etiam lorem quam, dapibus eget auctor at,
vehicula nec enim. vehicula nec enim.

23. Circa 60 caratteri per riga
Font size(px) Lunghezza
16 colonna(px)
480
17 510
18 540
19 570
20 600
21 630

24. Carattere più grande
Spazio senza limiti Interlinea più grande
Più spazio per i paragrafi
Schermo alta risoluzione Font Serif(moderno)
il contenuto che si “auto adatta”
Layout dinamico la possibilità di cambiare layout
possibilità di accedere ai servizi
esterni (internet)

25. Grazie
Vladimir Carrer
http://www.vcarrer.com
@vladocar