17
Progettare la UIX Bologna, 27 giugno 2009

Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Embed Size (px)

Citation preview

Page 1: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Progettare la UIX

Bologna, 27 giugno 2009

Page 2: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

DanielaTwitter: TsoDaBlog: tech.piyodesign.it

Page 3: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Di che cosa parliamo

• Prototyping

• Top Ten: pensieri che si fanno progettando

• Agenzia Viaggi: un esempio concreto

Page 4: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Prototyping Come un’idea diventa

visibile

Page 5: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Step di progettazione

• Schizzo

• Wireframes

• Immagine statica (static comps)

• Functional mockups

Page 6: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Top TenPensieri che si fanno

progettando

Page 7: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Compito e azione

• La necessità

• Il compito : l’azione che scaturisce dalla necessità

• L’oggetto dell’azione

• La curva di apprendimento

Page 8: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

L’esperienza dell’utente

• Ridurre il gap tra l’utente e l’oggetto “desiderato”

• La semplicità

• La scoperta e il “gioco”: introdurre gli effetti

Page 9: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Usabilità

• Facilità di apprendimento

• Efficienza d’uso

• Memorizzazione

• Frequenza e gravità di errori

• Soddisfazione

Page 10: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Il ruolo della IA

• Distribuire le informazioni

• Scegliere il vocabolario

• Costruire delle mappe

Page 11: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Agenzia Viaggi

Un esempio concreto

Page 12: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Schizzo

Page 13: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Problematiche: step 1

• 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

Page 14: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Problematiche: step 2

• Come visualizzare le liste?

• Quale ordine di lettura dare?

• Che elementi visualizzare?

Page 15: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Wireframes

Page 16: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Immagine statica

Page 17: Progettare la UIX Bologna, 27 giugno 2009. Daniela Twitter: TsoDa Blog: tech.piyodesign.it

Domande?