Tech Girls Movement Tech Girls Are Superheroes Book 2 Launch Google Sydney IWD2016
Présentation girls in tech
-
Upload
michel-rousseau -
Category
Documents
-
view
6.080 -
download
2
Transcript of Présentation girls in tech
Le designapplicatif
Girls in Tech
Michel RousseauUI, UX, designMicrosoft France, division DPE
Blog : http://aka.ms/michelTwitter : @rousseau_Michel
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