I principi di design. visibility mapping affordance feedback constraints

Transcript

1 Principi di design

2 visibility mapping affordance feedback constraints

3 Visibility: tutte le parti funzionali devono essere visibili e devono fornire il messaggio corretto. Le relazioni tra ciò che vogliamo fare e le parti dell oggetto su cui agire devono essere evidenti. Il numero delle funzioni disponibili non deve superare eccessivamente il numero dei comandi utilizzabili

4 Per il controllo dell'orario e della data ci sono due pulsanti. Premendo il pulsante con le lancette non accade nulla, l'orario non viene modificato. Se si prova allora a premere il pulsante sottostante ugualmente non si assiste a nessuna modifica. Soltanto premendo entrambi i pulsanti si riesce a modificare l'ora,(oltretutto mantenendo fisso il pulsante posto in basso e premendo più volte il pulsante con le lancette, finche non si fissa l'ora esatta).

5 Mapping: la possibilità di mettere in relazione ciò che si vuol fare con ciò che sembra possibile fare con l oggetto. La visibilità indica il mapping tra le azioni che si intende compiere e le operazioni effettivamente eseguibili sull oggetto

6 Mapping Le relazioni logico-spaziali fra i comandi, il loro azionamento e i risultato che ne deriva devono essere il più possibile chiare Per avere un mapping naturale conviene sfruttare le analogie fisiche e i modelli culturali regolare il sedile Indicatore di direzione

7 Mapping Perche il volume si alza abbassando?

8

9 Affordance: le proprietà reali o percepite di un oggetto. a char affords sitting Affords --> is for Suggerisce la modalità d uso di un oggetto

10 Inviti e vincoli Un buon design sfrutta Le Affordance (inviti): Invitano ad una certa modalità d uso dell oggetto rendendola chiaramente percepibile I Constraint (vincoli o funzioni obbliganti): Sono funzioni che vincolano ad un certo uso dello strumento.

11 visibility mapping affordance feedback constraints

12 Inviti e vincoli Es: i bottoni si premono, le manopole si ruotano, le maniglie si afferrano. Es: le chiavi si inseriscono in una sola direzione, la SIM del cellulare, la tessera bancomat.

13 Inviti e vincoli Affordance: Rendere evidente che la porta va spinta, soprattutto in condizioni di panico Constraint: Impedire che le persone finiscano inavvertitamente in cantina durante l evacuazione di un edificio

14 Inviti e vincoli Affordance: Un colore diverso per ogni tipo di carburante Constraint: Non si può mettere il gasolio in una macchina con serbatoio a benzina (l erogatore non entra nel serbatoio)

15 Inviti e vincoli I vincoli non sono solo fisici: Fisici: riducono il numero di azioni consentite (incastro dei pezzi) Semantici: hanno a che fare col significato della situazione. Consentono di controllare l insieme di azioni possibili (es. il guidatore può stare solo rivolto in avanti) Culturali: si basano su convenzioni culturali accettate (la luce bianca va davanti) Logici: escludono ciò che logicamente non si può fare (nel lego tutti i pezzi devono essere usati nel prodotto finale)

16 Feedback Lo sbrinatore è acceso o spento? Feedback debole: output non contestuale al luogo di immissione dell input

17 Modello concettuale Il funzionamento di qualsiasi dispositivo si impara più presto e con meno problemi se l utente dispone di un buon modello concettuale. Un buon modello concettuale ci permette di prevedere gli effetti delle nostre azioni.

18 I modelli concettuali Supponi che il freezer sia troppo freddo, mentre la temperatura del frigo è corretta. Come faresti a regolare i controlli per rendere il freezer più caldo e mantenere la stessa temperatura nel frigo?

19 I modelli concettuali Il modello che l utente si crea sulla base dell immagine del sistema: 2 scomparti e 2 comandi: ogni comando è responsabile della temperatura dello scomparto con quel nome

20 I modelli concettuali Il modello corretto: 1 solo termostato 1 sola unità di raffreddamento: uno dei due comandi regola il termostato, l altro la proporzione relativa di aria fredda inviata ai due scomparti Ma non si sa dove è alloggiato il termostato e quale dei due scomparti regola ognuno dei due comandi!

21 I modelli concettuali Due modelli opposti! Percepito Reale

22 I modelli concettuali Design model Designer User model User System System image