74
UX workshop

DocumentUx

Embed Size (px)

Citation preview

Page 1: DocumentUx

UXworkshop

Page 2: DocumentUx

Michel ROUSSEAUUX/UI tech evangelist, Microsoft France@rousseau_michel

Page 3: DocumentUx

L’UX c’est quoi ?

Page 4: DocumentUx

Recherchequalitative

Recherchequantitativ

e

Page 5: DocumentUx

Analyse

Observation

Compréhension

Page 6: DocumentUx
Page 7: DocumentUx
Page 8: DocumentUx
Page 9: DocumentUx
Page 10: DocumentUx

faisable

viable

désirable

business

technique

Design Thinking

Page 11: DocumentUx

L’UX est un process….…de résolution d’enjeux…de résolution de problématiques

Page 12: DocumentUx

L’UX est un process intégré……tout au long du processus de delivery…avec de nombreuses interfaces.

Page 13: DocumentUx

L’UX est un process intégré……OBLIGATOIRE

Page 14: DocumentUx
Page 15: DocumentUx

Les techniques de création

brainstorming exploration consolidation

Page 16: DocumentUx

L’UX et ses méthodes… brainstormer

Page 17: DocumentUx

16 06 68 88 L8 98

Reseter les cerveaux…

Page 18: DocumentUx

Se poser les bonnes questions.

Comment faire entrer une poire dans une bouteille ?

Page 19: DocumentUx
Page 20: DocumentUx
Page 21: DocumentUx
Page 22: DocumentUx
Page 23: DocumentUx
Page 24: DocumentUx
Page 25: DocumentUx

L’UX et ses méthodes… explorer

Page 26: DocumentUx

L’interview

Page 27: DocumentUx

12:38

Tex

t

Tex

t

Tex

t

Tex

t

CONTOSO COOKBOOK

regions12:38

Text

CONTOSO COOKBOOK

indian recCONTOSO COOKBOOK

recipes ind

pivot

Tex

t

Tex

t

Tex

t

Tex

t

12:38Contoso Cookbook

Shows recipes grouped by regional style. User can view recipes, also add pictures and notes

Page 28: DocumentUx

12:38CONTOSO COOKBOOK

regions

12:38

Regional recipes

12:38

Recipe Detail

12:38

About

12:38

Notes & PhotosBack BackBack

Back

Page 29: DocumentUx
Page 30: DocumentUx
Page 31: DocumentUx

L’UX et ses méthodes… consolidation

Page 32: DocumentUx

Fly on the wall

Page 33: DocumentUx

Les sondages

Page 34: DocumentUx

A/B testing

Page 35: DocumentUx

Eye tracking

Page 36: DocumentUx

C’est quoi les outils ?

Page 37: DocumentUx
Page 38: DocumentUx
Page 39: DocumentUx
Page 40: DocumentUx
Page 41: DocumentUx

Intégrer le branding

Page 42: DocumentUx
Page 43: DocumentUx
Page 44: DocumentUx
Page 45: DocumentUx
Page 46: DocumentUx
Page 47: DocumentUx

Les métiers de l’UX

Page 48: DocumentUx

L’ux designer

est au centre de l’interaction entre les utilisateurs et le point de contact du métier (application, packaging, web, …)

Page 49: DocumentUx

L’ui designer

crée les interfaces, les structures et les schémas qui définissent la relation entre l’utilisateur et sa machine.

Page 50: DocumentUx

L’ixd designer (design d’interactions)

a une vision transverse des applications et traduit le branding vers des plateformes diverses (montres, mobiles, PC, consoles, iot)

Page 51: DocumentUx

Le SD designer (le solution designer)

Est l’acteur majeur de la transformation numérique permettant de transposer un contexte industriel en un contexte digital (dématérialisation, social networking, …)

Page 52: DocumentUx

L’ergonome

Apporte une valeur scientifique et incontestable à l’analyse du comportement d’un utilisateur vis-à-vis d’un support d’information.

Page 53: DocumentUx

Les 10 préoccupations de l’UX designer

Page 54: DocumentUx

1. la facilité d’utilisation /vs/ la complexité du métier.toujours proposer la solution la plus simple, même si le contexte est compliqué.

Page 55: DocumentUx

2. le feedback.un élément interactif doit signifier son état.si un délai entre l’action et la réaction est à prévoir, il faut renseigner l’utilisateur.

Page 56: DocumentUx

3. la consistance.quelle que soit la page consultée, une interaction donnée doit produire la même réaction.

Page 57: DocumentUx

4. la fiabilité.une application doit s’exécuter sans à-coup et sans coutures.

Page 58: DocumentUx

5. la sécurité.une application ne doit pas contenir de cul-de-sac, ni de branches mortes.Une action devrait toujours pouvoir être stoppée / annulée.

Page 59: DocumentUx

6. l’extensibilité.le modèle doit s’adapter à une augmentation des données que l’appli utilise.

Page 60: DocumentUx

7. la portabilité.le modèle doit pouvoir s’adapter à un changement de contexte (PC / mobile) .

Page 61: DocumentUx

8. la modularité.créer des modules indépendants et interchangeables permet de maintenir plus facilement son application.notion de design patterns

Page 62: DocumentUx

9. la solidité.l’application doit être user-proof et doit pouvoir revenir à son état précédant une erreur de manipulation.

Page 63: DocumentUx

10. la performance.Peu importe la plateforme, le langage ou la méthode employée, l’application doit être fluide, dynamique et sobre en ressources.

Page 64: DocumentUx

Loi de Fitts

le temps de déplacement vers un item est fonction de sa taille et de son emplacement.

Page 65: DocumentUx
Page 66: DocumentUx

Loi de proximité

Posez vos items rationnellement.

Page 67: DocumentUx

Souhaitez-vous aller à la slide suivante ?

AnnulerOui

Page 68: DocumentUx

La règle des trois tiers

Une grille ordonnée guide le regard et permet de focaliser l’attention sur le centre d’intérèt.

Page 69: DocumentUx
Page 70: DocumentUx

Loi de Hick

Plus vous donnez de choix, plus long est le processus de décision.

Page 71: DocumentUx
Page 72: DocumentUx

Le syndrome de Pareto

80 % de vos utilisateurs n’utiliseront que 20 % de votre application.

Page 73: DocumentUx
Page 74: DocumentUx

UXworkshop@rousseau_michel