Dall'Usabilità delle Parole all'Usabilità delle Interfacce

Click here to load reader

  • date post

    17-Nov-2014
  • Category

    Design

  • view

    650
  • download

    0

Embed Size (px)

description

Seminario tenuto presso l'Università per Stranieri di Perugia, all'interno del corso di Architettura dell'Informazione del dott. Luca Rosati. Novembre 2010

Transcript of Dall'Usabilità delle Parole all'Usabilità delle Interfacce

  • 1. 1
    DallUsabilit delle Parole
    allUsabilit delle Interfacce
    di
    Yvonne Bindi
    [email protected]

2. 2
3. 3
4. panic?
4
5. 5
addirittura!
6. 6
7. 7
8. 8
9. 9
10. 10
11.
11
12. 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
13. Tipo player
La forza della convenzione
Immediatezza comunicativa
Quasi nessuno pu sbagliare
Quasi
13
Bottoni solo icone
14. 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
15. I due codici (iconico e linguistico) si completano
Riduzione dellambiguit del linguaggio
Esplicitazione del valore dellicona
Rafforzare non necessariamente ripetersi
La comprensione di un segnale su web,
ma anche in altre situazioni il risultato di uninterpretazione
da parte dellutente in cui entrano in gioco diversi fattori:
- culturali

  • personali

16. contestuali 17. etc.15
Bottoni icona e testo insieme
18. 16
19. Ad ogni scopo i suoi bottoni
17
20. Quello che conta davvero
Che si capisca che si tratta di un bottone
Che si capisca a cosa serve
Testo
Icona
Posizione
Aspetto
Comportamento
Posizione
18
21. 19
Pulsanti di default di Moodle
22. 20
I nostri pulsanti
23. 21
24. 22
25. 23
26. 24
Come valutare lusabilit
Valutazioni euristiche
La valutazione eseguita da esperti
di usabilit
Test di usabilit
Si effettuano osservando un campione
di utenti mentre utilizza il sistema.
Metodo Krug
Le 10 regole di Nielsen
Sinergia tra i due tipi di valutazione
27. Le 10 regole doro di Nielsen
Visibilit dello stato del sistema
Corrispondenza fra il mondo reale e il sistema
Libert e controllo da parte degli utenti
Consistenza e standard
Prevenzione degli errori
Riconoscere piuttosto che ricordare
Flessibilit ed efficienza duso
Design minimalista ed estetico
Aiutare gli utenti a riconoscere gli errori, diagnosticarli e correggerli
Guida e documentazione
useit.com: Jakob Nielsen's Website
25
28. 26
Il metodo di Steve Krug
Test di usabilit fai da te
EngIta
Osservare delle persone mentre usano il nostro prodotto:
qualcosa che abbiamo disegnato, creato o costruito.
Per capire se il prodotto facile da usare e
cosa si pu fare per migliorarlo.
Advanced Common Sense
www.sensible.com
29. 27
Ingredienti del test di usabilit
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
30. 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
31. 29
Perch funziona?
Perch tutti i siti hanno problemi di usabilit
Perch i problemi seri di usabilit vengono subito a galla
Perch unesperienza che rende un architetto dellinformazione
un architetto migliore
32. 30
Test di usabilit del corso A2
33. 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 corsoon 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 unora 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)
34. Questionario 1 che riempie il facilitatore
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?SNoPoco
[]
9) Hai mai fatto una di queste operazioni on line?
Biglietto del trenoBiglietto aereoAcquisto con carta di credito
Prenotazione albergoRicarica telefonicaAtro
32
(Estratti)
35. 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 lesercizio: Di dove sei? da dove vieni?
Attivit 4
Invia un messaggio ad un utente on line.
33
Attivit da svolgere
36. Questionario 2
(Estratti)
1) Il sito facile da usare 1 2 3 4 5
(the website is easy to use)
2) Ho capitocosa fare 1 2 3 4 5
( I understood what to do)
[]
5) Il linguaggio chiaro 1 2 3 4 5(The languageisclear)
6) Scrivi le difficolt (puoirispondereanche in inglese)
Please write down the major difficulties (you can answer in English)
7)Scrivi due o trecosechevorresticambiare(puoirispondereanche in inglese)
Please write two or three things you would like to change in the website (you can answer in English)
[]
34
37. 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
38. 36
39. 37
40. 38
41. 39
Grazie
Yvonne Bindi
[email protected]