Progettazione di interfaccie e tassonomia
-
Upload
guestc86d7a4 -
Category
Documents
-
view
842 -
download
2
description
Transcript of Progettazione di interfaccie e tassonomia
Progettazione di interfaccie e tassonomia applicativa
Milano, Gennaio 2010
Di che cosa parliamo
•Sviluppare un design incentrato sull’utente
•Regole con cui viene sviluppato il design
PiyoTravelPrototipo di gestionale per agenzia viaggi
Step di progettazione
•Schizzo
•Wireframes
•Immagine statica (static comps)
•Functional mockups
Da dove iniziare
•Identificare il target: gli operatori turistici che lavorano in agenzia
•Identificare necessita’ e compiti:gestire clienti, viaggi, accompagnatori, location, mezzi e calendario viaggi
Problematiche del progetto
•Come sono collegati gli elementi tra di loro
•Come verranno percepiti dall’utente
•Che cosa deve avere visibilità immediata: meno click per raggiungere l’obiettivo
Schizzo: step 1
Come interviene la IA
•Strutturare le informazioni
•Scelta del tone of voice e definizione del labelling
•Costruire delle mappe di orientamento
Usabilità
•Facilità di apprendimento
•Efficienza d’uso
•Memorizzazione
•Frequenza e gravità di errori
•Soddisfazione
Problematiche del progetto
•Come costruisco la navigazione?
•Quale ordine di lettura dare?
•Che elementi visualizzare?
Wireframes 1/3
Wireframes 2/3
Wireframes 3/3
Il Look&Feel della UI
•Come meglio valorizzare gli elementi?
•Integrazione con il contesto
•Creazione del Look&Feel
Il risultato: quello che l’utente vede
Regoletassonomiche
La creativita’ ordinata
I motivi del design
•Quell’oggetto non sta li perche’ e’ carino
•Pattern
•Best practice
Pattern: alcuni esempi
•Menu’ di navigazione
•Login e registrazione
•Search e pagine di risultati
•Paging o scrolling
•Date Picker o Compilazione
•Call for action
Pattern References
•http://quince.infragistics.com/
•http://interface.fh-potsdam.de/infodesignpatterns/patterns.php
•http://www.welie.com/patterns/index.php
•http://patterntap.com/
Best Practice: alcuni esempi
•Gestione dello spazio: all in one window, scrolling, ridimensionamento
•Selezione degli oggetti: selezioni multiple da liste, drag&drop, comandi da tastiera
•Messaggi di errore
•Pannelli: accordion, modal panel (LightBox)
•Wizard
Il contesto delle UI
•Ad ogni progetto la sua UI
•Che cosa e’ la Brand Image
•Il manuale di stile e la tassonomia degli oggetti della UI
Domande?