Top Banner
#DesignTalk @NUMA
20

#DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Aug 17, 2015

Download

Career

Aquent_FR
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

#DesignTalk @NUMA

Page 2: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

UX et Interface

Laure Dubuc, DA, af83

Sylvie Daumal, UX Director, af83

Page 3: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Bornes

Projet de refonte motivé par l’introduction de nouvelles bornes (multi-touch) et la volonté d’améliorer l’expérience.

Page 4: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Phase de recherche

Recherche utilisateur quantitative et qualitative in situ basée sur l’observation (shadowing et fly-on-the-wall).

Page 5: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

309

64+9h

5 interviews1112 photos

Trois terminaux

Page 6: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
Page 7: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Analyse des résultats

Page 8: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Synthèse des résultats

• Trois personas avec trois parcours différents (temps, pratiques, schéma mental)

• Identification des pain points dans les différentes étapes du parcours

• Elaboration de principes de design

Page 9: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Phase d’idéation

• Ateliers de créativité (UX et DA) avec l’équipe client (pluridisciplinaire)

• Définition des nouveaux parcours tenant compte des contraintes métier

• Crayonnés des premières interfaces (croquis à la main)

Page 10: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Hypothèses et crayonnés

Page 11: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Phase de prototypage et de test

On prototype pour tester : mise en place des wireframes dans une application cliquable sur iPad à tester in situ (dans différents terminaux).

(tenir compte du contexte du testeur)

Page 12: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Création graphique et design d’information

Page 13: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
Page 14: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
Page 15: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
Page 16: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
Page 17: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
Page 18: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Charte graphique

Page 19: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83
Page 20: #DesignTalk @NUMA - Sylvie Daumal & Laure Dubuc - Agence AF83

Merci !

Laure Dubuc af83.com

Sylvie Daumal @Lyoko4TW