Corso di Laurea Magistrale in Informatica UmanisticaProgettazione di interfacce e valutazione dell’usabilità

Esercitazione 4 - Adattamento

Francesca Pulina e-mail: francesca.pulina@liceoazuni.it

SITI ANALIZZATI

http://anobii.com/ http://www.dsu.toscana.it/it/index.html

http://www.libreriauniversitaria.it/ http://www.internazionale.it/

https://twitter.com/ http://www.ilpost.it/

https://plus.google.com/ https://delicious.com

INTERFACCIA UTENTE ADATTABILE (1) - aNobiiL'utente può scegliere che tipo di visualizzazione dare alla propria libreria (scaffale, griglia

semplice, elenco, elenco con dettagli) e in base a che criterio ordinare i libri in essa presenti.

INTERFACCIA UTENTE ADATTABILE (2) – DSU ToscanaL'utente può scegliere di aumentare/diminuire le dimensioni del testo e intervenire sul

contrasto dei colori della pagina.

INTERFACCIA UTENTE ADATTIVA PER CONTENUTI (1) - libreriauniversitariaIn base alla scheda-libro che l'utente ha aperto, il sistema propone una combinazione

d'acquisto e una lista di libri acquistati da utenti con gusti/interessi simili.

INTERFACCIA UTENTE ADATTIVA PER CONTENUTI (2) - Internazionale

Il sistema aggiorna automaticamente i riquadri con gli articoli della settimana in evidenza (a) e le notizie dell'ultim'ora (b)

a

b

INTERFACCIA UTENTE ADATTIVA PER PRESENTAZIONE (1) - TwitterQuando ci sono degli aggiornamenti che l'utente non ha ancora visualizzato,

automaticamente compare un pallino in corrispondenza della sezione in cui questi sono stati pubblicati.

INTERFACCIA UTENTE ADATTIVA PER PRESENTAZIONE (2) – Il Post

Esempio di layout fluido

INTERFACCIA UTENTE ADATTIVA PER NAVIGAZIONE (1) - Google+

Il sistema valuta incompleto il profilo dell'utente, perciò lo guida nel suo completamento attraverso una serie di step successivi.

INTERFACCIA UTENTE ADATTIVA PER NAVIGAZIONE (2) – Delicious

a

b

L'utente registrato viene guidato nella ricerca: il sistema suggerisce i differenti metodi con cui può effettuarla (a), e, secondariamente, in base alle etichette degli argomenti che ha già

salvato, propone quelli che potrebbero interessargli (b).

Sito web Evento Condizione Effetto

libreriauniversitaria.itL'utente visualizza la

scheda di un libro

Altri utenti hanno precedententemente acquistato quel libro

Il sistema mostra all'utente una serie di libri acquistati da chi ha acquistato anche

quello

delicious.comL'utente registrato

vuole effettuare una ricerca tra i suoi link

Precedentemente ha salvato link con determinati tag

Il sistema gli propone una lista dei tag più

ricorrenti

ilpost.itL'utente modifica le

dimensioni della finestra del browser

La pagina web ha un layout liquido

Il sistema adatta il layout alle dimensioni

della finestra

ADATTAMENTO