dall'usabilità delle parole all'usabilità delle interfacce
DESCRIPTION
Seminario di Yvonne Bindi tenuto all'interno del corso di Architettura dell'Informazione del dott. Luca Rosati, Università per Stranieri di PerugiaTRANSCRIPT
![Page 2: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/2.jpg)
2
![Page 3: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/3.jpg)
3
![Page 4: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/4.jpg)
4
…panic?
![Page 5: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/5.jpg)
5
…addirittura!
![Page 6: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/6.jpg)
6
![Page 7: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/7.jpg)
7
![Page 8: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/8.jpg)
8
![Page 9: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/9.jpg)
9
![Page 10: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/10.jpg)
10
![Page 11: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/11.jpg)
…
11
![Page 12: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/12.jpg)
Bottoni svolgono un ruolo importante nel modo in cui i visitatori interagiscono con un sito web.
Ne vedete in giro per la rete di forme, dimensioni e stili più disparati.
Esistono alcune regole fondamentali da tenere a mente quando progettiamo (o scegliamo dei)dei bottoni.
12
La guerra dei bottoni
![Page 13: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/13.jpg)
Tipo player
La forza della convenzione
Immediatezza comunicativa
Quasi nessuno può sbagliare
Quasi…
13
Bottoni solo icone
![Page 14: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/14.jpg)
Niente della loro forma ci riconduce alla loro funzione
Il testo, le parole, veicolano da sole il messaggio
Parole di largo impiego e diffusione
14
Bottoni solo testo
![Page 15: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/15.jpg)
I due codici (iconico e linguistico) si completanoRiduzione dell’ambiguità del linguaggioEsplicitazione del valore dell’icona
Rafforzare non è necessariamente ripetersiLa comprensione di un segnale su web, ma anche in altre situazioni è il risultato di un’interpretazioneda parte dell’utente in cui entrano in gioco diversi fattori:
- culturali- personali- contestuali-etc.
15
Bottoni icona e testo insieme
![Page 16: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/16.jpg)
16
![Page 17: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/17.jpg)
Ad ogni scopo i suoi bottoni
17
![Page 18: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/18.jpg)
Quello che conta davvero
Che si capisca che si tratta di un bottone Che si capisca a cosa serve
Aspetto
Comportamento
Posizione
Testo
Icona
Posizione
18
![Page 19: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/19.jpg)
19
Pulsanti di default di Moodle
![Page 20: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/20.jpg)
20
I nostri pulsanti
![Page 21: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/21.jpg)
21
![Page 22: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/22.jpg)
22
![Page 23: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/23.jpg)
23
![Page 24: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/24.jpg)
24
Come valutare l’usabilità
Valutazioni euristiche
La valutazione è eseguita da esperti di usabilità
Test di usabilità
Si effettuano osservando un campione di utenti mentre utilizza il sistema.
Sinergia tra i due tipi di valutazione
Metodo KrugLe 10 regole di Nielsen
![Page 25: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/25.jpg)
25
1. Visibilità dello stato del sistema
2. Corrispondenza fra il mondo reale e il sistema
3. Libertà e controllo da parte degli utenti
4. Consistenza e standard
5. Prevenzione degli errori
6. Riconoscere piuttosto che ricordare
7. Flessibilità ed efficienza d’uso
8. Design minimalista ed estetico
9. Aiutare gli utenti a riconoscere gli errori, diagnosticarli e correggerli
10. Guida e documentazione
Le 10 regole d’oro di Nielsen
useit.com: Jakob Nielsen's Website
![Page 26: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/26.jpg)
26
Il metodo di Steve KrugTest di usabilità fai da te
Advanced Common Sensewww.sensible.com
Eng Ita
Osservare delle persone mentre usano il nostro prodotto:qualcosa che abbiamo disegnato, creato o costruito.
Per capire se il prodotto è facile da usare ecosa si può fare per migliorarlo.
![Page 27: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/27.jpg)
27
Persone coinvolte
3 / 5 utenti a cui far testare il sito
Un facilitatore
Gli osservatori
Cosa serve
Una sala o ufficio con connessione
Programma che registra schermo e voce
Un copione da seguire
Ingredienti del test di usabilità
![Page 28: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/28.jpg)
28
Dopo il test
Si fa il de-briefing
Si fa una lista dei problemi individuati
Si fa una cernita dei problemi più importanti
Si progettano soluzioni
(Almeno in teoria) si ri-tetsa
![Page 29: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/29.jpg)
29
Perché funziona?
Perché tutti i siti hanno problemi di usabilità
Perché i problemi seri di usabilità vengono subito a galla
Perché è un’esperienza che rende un architetto dell’informazione un architetto migliore
![Page 30: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/30.jpg)
30
Test di usabilità del corso A2
![Page 31: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/31.jpg)
Benvenuto,
grazie per essere venuto. Il tuo aiuto per noi è davvero importante […]
Ciò che facciamo si chiama Test di usabilità e serve a noi per capire se il nostro corso on line
funziona e se è facile da usare. Vogliamo capire se il sito si naviga bene, se il linguaggio è
chiaro, se i comandi sono intuitivi da usare e così via […]
Mentre usi il sito, pensa a voce alta: dicci cosa vedi, cosa cerchi di fare, e cosa pensi […]
Il test dura un’ora circa. Se hai qualche domanda durante il test, chiedi pure. Se sei stanco
chiedi una pausa.
Con il tuo permesso, registriamo lo schermo del computer durante il test […]
31
Lettera di benvenuto(Estratti)
![Page 32: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/32.jpg)
1) Età, Provenienza, Titolo di studio, Lavoro
2) Quante ore la settimana usi internet? (casa+lavoro)
3) Che siti visiti (piacere+lavoro)? Esempi
4) Hai mai seguito un corso online?
[…]
7) Ti è sembrato facile da seguire? Sì No Poco
[…]
9) Hai mai fatto una di queste operazioni on line?
Biglietto del treno Biglietto aereo Acquisto con carta di credito
Prenotazione albergo Ricarica telefonica Atro
Questionario 1 che riempie il facilitatore
32
(Estratti)
![Page 33: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/33.jpg)
Attività 1
Osserva la Homepage, osserva tutte le sue parti, puoi scollare (andare su e giù), puoi passare con il
mouse sopra gli oggetti, ma non puoi cliccare su nessun oggetto. Mentre osservi dimmi cosa vedi,
cosa puoi fare, dove puoi andare, cosa puoi cliccare (senza cliccare!).
Attività 2
Entra in Unità 1, vai al FILMATO e avvialo (fallo partire, premi play). Puoi stoppare il video, tornare
indietro, riascoltare e interrompere quando vuoi.
Attività 3
Entra nella sezione Grammatica e fai l’esercizio: “Di dove sei? da dove vieni?”
Attività 4
Invia un messaggio ad un utente on line.
33
Attività da svolgere
![Page 34: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/34.jpg)
1) Il sito è facile da usare 1 2 3 4 5(the website is easy to use)
2) Ho capito cosa fare 1 2 3 4 5( I understood what to do)
[…]
5) Il linguaggio è chiaro 1 2 3 4 5(The language is clear)
6) Scrivi le difficoltà (puoi rispondere anche in inglese)Please write down the major difficulties (you can answer in English)
7) Scrivi due o tre cose che vorresti cambiare (puoi rispondere anche in inglese) Please write two or three things you would like to change in the website (you can answer in English)
[…]
Questionario 2(Estratti)
34
![Page 35: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/35.jpg)
35
3 problemi di usabilità individuati
Difficoltà con i pulsanti del player
Lunghezza variabile dei campi da riempire negli esercizi
Non cliccabilità delle icone libro in homepage
![Page 36: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/36.jpg)
36
![Page 37: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/37.jpg)
37
![Page 38: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/38.jpg)
38
![Page 39: Dall'usabilità delle parole all'usabilità delle interfacce](https://reader036.vdocuments.pub/reader036/viewer/2022062419/558d1edfd8b42ae1698b4599/html5/thumbnails/39.jpg)
39
Yvonne Bindiy v o n n e b i n d i @ y a h o o . i t
Grazie