Layout e gestalt

del libro elettronico"

Importanza del libro elettronico"

- Oggi Amazon vende più libri in formato elettronico rispetto a quelli stampati"

- Le nuove ricerche confermano che non c’è differenza tra leggibilità tra libro classico e libro elettronico"

Libro elettronico vs libro classico"

- Limiti di spazio"- Risoluzione dello schermo"- Possibilità di cambiare il layout"- Possibilità di accedere ad altre informazioni e media"

Obiettivo n°1"

Cosa possiamo fare per migliorare la leggibilità degli eBook?"

Leggibilità della calligrafia o del

carattere tipografico (legibility)!

Leggibilità come scorrevolezza della lettura in funzione della struttura linguistica (readability)"

Leggibilità e gestalt"

il principio della chiusura o della forma chiusa ""

C ""

O ""

C ""

O ""

C ""

O ""

C ""

Sans-serif" vs" Serif

Sans-serif" vs" Serif

Più leggibile su monitor bassa resoluzine" Più leggibile su carta

eBook: Ritorno dello Serif!

Readability - Leggibilità come scorrevolezza della lettura e gestalt"

Potete leggere queste parole?"

Potete leggere queste parole?"

Potete leggere queste parole?"

Og_i è una bellis_ima gior_ata"

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

Ciao"Ciao

Helvetica vs Verdana

Abbiamo bisogno di nuovi font ottimizzati per l’eBook"

Cominciare da minimo 16px per il testo"

12px Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris."

16px Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris."

Interlinea più grande"

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

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

16px/1.5 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam.

Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin

eget rhoncus eget, convallis quis mauris."

16px/1.7 Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam.

Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin

eget rhoncus eget, convallis quis mauris."

Paragrafi ben definiti"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis

tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget

rhoncus eget, convallis quis mauris."

Praesent convallis, mauris at ultricies adipiscing, lacus est porttitor

nibh, vitae luctus libero dui at urna. Proin commodo venenatis condimentum. Quisque dolor nunc, mattis in dapibus a, vulputate et

metus. Etiam lorem quam, dapibus eget auctor at, vehicula nec

enim."

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis

tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget

rhoncus eget, convallis quis mauris."

->Praesent convallis, mauris at ultricies adipiscing, lacus est porttitor nibh, vitae luctus libero dui at urna. Proin commodo

venenatis condimentum. Quisque dolor nunc, mattis in dapibus a,

vulputate et metus. Etiam lorem quam, dapibus eget auctor at,

vehicula nec enim."

Prima" Dopo"

Circa 60 caratteri per riga"

Font size(px) Lungezza colona(px)

16 480

17 510

18 540

19 570

20 600

21 630

Spazio senza limiti Carattere più grande

Interlinea più grande

Più spazio per i paragrafi

Schermo alta risoluzione Font Serif(moderno)

Layout dinamico

il contenuto che si “auto adatta”

la possibilità di cambiare layout

possibilità di accedere ai servizi esterni

Grazie"