italia / design-web-toolkit

Questa libreria è deprecata, si consiglia l'utilizzo di Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
Creative Commons Zero v1.0 Universal
93 stars 87 forks source link

Dimensione font #97

Open AlessandroVecchi opened 7 years ago

AlessandroVecchi commented 7 years ago

Ciao, Ho visto che nel progetto la dimensione del font di base è 16px per risoluzioni <768px e 18px per >768px. Volevo sapere se questa dimensione è stata scelta sulla base di specifici test di usabilità. Alcuni colleghi ritengono che sia un po' piccolo 16px su mobile.

nikorobins commented 6 years ago

Ciao è un piacere poter rispondere alla tua osservazione. Sulla dimensione del font, nello specifico del Titillium, abbiamo fatto delle valutazioni sulle variabili che ne influenzano la scelta. Queste variabili sono: la x-height del font specifico, la distanza dallo schermo e la leggibilità/comprensione. Il Titillium a 16px ha una x-height abbastanza ampia. Ad esempio il Baskerville per essere equiparato ad un 16px del Titillium deve essere portato ad una dimensione di 19px, il Times New Roman a 18px. Il Roboto, uno dei font di Google, è simile al Tititllium ed è utilizzato in Gmail a 14px e 16px su mobile. Tendenzialmente 16 è considerata una misura ottimale perchè è il corrispettivo di un 12 di un libro stampato e la distanza comoda per la lettura di un libro è simile a quella di un cellulare: 25-30 cm. Abbiamo fatto dei test su un prototipo di un sito web e gli utenti non hanno manifestato problematiche di leggibilità legate alla dimensione del font: possiamo dire che fin’ora non è emerso un disagio legato a questo aspetto.