Le designapplicatif

Girls in Tech

Michel RousseauUI, UX, designMicrosoft France, division DPE

Blog : http://aka.ms/michelTwitter : @rousseau_Michel

mirousse@microsoft.com

le design applicatif,c’est quoi donc ?

Il n’y a pas d’alternative à un manque de design.Il y a un bon ou un mauvais design.

Les techniquesde créations

« J'ai vu un ange dans le marbre et j'ai seulement ciselé jusqu'à l'en libérer »

MichelAnge

Le brainstorming

Extraire les idées, les histoires et les émotions , prendre des risques, ne pas se restreindre. Qualités requises: Folie,imagination, poesie, …

Cela sert à :-Générer des idées.-Relier des idées à d’autres idées.-Présenter vos idées.

L’exploration

Phase techniqueexperiencebusinessEvaluation/ itérations

Mise en place des éléments techniquesPrototypageModélisation/schéma mental

Raconter une histoiresketches, wireframesstoryboardstests utilisateurs

Comment on le fait?Comment on le vend?A quel prix?

12:38

Tex

t

Tex

t

Tex

t

Tex

t

CONTOSO COOKBOOK

regions

12: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

12:38CONTOSO COOKBOOK

regions

12:38

Regional recipes

12:38

Recipe Detail

12:38

About

12:38

Notes & PhotosBack BackBack

Back

Consolidation

En quoi cela fait de moi le meilleur?En quoi suis-je original?Comment je m’étalonne?

Définir ce qui est utile et faisableMettre en place la matrice d’effort (planning, production, échéancier)Savoir/ignorerVoter/itérer/trancher

5 qualités essentiellespour le design applicatif

storyboardingstory tellingsketching (concept)wireframing (navigation/ordonner)prototypage

Intégrer le branding

Phase identitaire,Rendre l’application désirable,Graphisme, design, plus-value visuelleStorytellingMettre en place une charte graphique

Intégrer sa visionInviter l’utilisateur au partage des valeursDonner une valeur intrinsèque aux conceptsDéfinir un périmètre colorimétrique.Coordonner le fond et la forme.

Pour finir, les 5 loisdu design applicatif

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

Loi de proximité:Posez vos items rationnellement.

Souhaitez-vous aller à la slide suivante ?

AnnulerOui

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.

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

Le syndrome de Pareto:80 % de vos utilisateurs n’utiliseront que 20 % de votre application.

Le designapplicatif

Girls in Tech