Blog de Louis-Guillaume MORAND

Un article de Louis-Guillaume Morand    Commentaires fermés

Speaker: Samuel Moreau
Principal design manager (Microsoft)

(je suis rentré dans cette salle par erreur, je voulais aller voir « Improving Code Quality with Code analysis ». espérons que ce ne fusse pas un mauvais choix :))

Résumé de cette session courte (45min) sur les astuces pour développer de bonnes (graphiquement) applications pour windows 7. En effet, le design d’une application n’est pas seulement son esthétisme mais aussi son ergonomie.
Nous allons donc voir
– qu’est un principe de design
– pourquoi croyons nous dans l’approche des principes de design?
– pourquoi le développeur doit faire attention à cela
– les principes de Design de Windows Seven

Nous allons donc voir par l’exemple, les principes d’interface qui sont utilisés au sein de Windows Seven

qu’est un principe de design
1- un framework pour penser Design
2- une part clé dans le processus de prise de décision

pourquoi croyons nous dans l’approche des principes de design?
Le succès d’une plateforme (ici Windows) dépend de son ouverture aux développeurs, et dépend aussi de la richesse et de la variété des applications qui tournent sur cette plateforme.
D’un autre côté, des enquêtes ont montré que les utilisateurs sont souvent perdus par des interfaces d’applications inconsistantes.

principes

Small things matter, good and bad
améliorer l’espace, essayer d’afficher le plus d’informations possible. Les petites détails vont faire la différence de façon globale même si l’utilisateur ne s’en rend pas compte tout de suite. Exemple, simple, le speaker est convaincu qu’avec Windows 7, l’utilisateur préférera regarder ses photos sur Seven plutôt que Vista car la bordure de 3pixels a été enlevé et permet d’afficher une demi rangée de photos supplémentaires. (ça se voit que je suis pessimiste sur ce point? :D)

jouer sur les couleurs. le selection d’un raccourci dans la taskbar par exemple, change de couleur, donnant une meilleure expérience à l’utilisateur finale. sinon, un petit effet lumineux coloré se passe lorsqu’on passe la souris sur les raccourcis. Leur étude est complétée par une vidéo d’une utilisatrice lambda s’excitant sur la barre des tâches et s’amusant à bouger la souris pour faire apparaitre les lumières (bien entendu, cette personne est sourire nais enabled :p. (no comment sur ce principe aussi)

solving distraction, not discoverability
l’objectif est focaliser l’attention de l’utilisateur sur l’application et ne pas le laisser se faire distraire par des éléments extérieurs, ou même des notifications du système. Un bon exemple, est la JumpList, un liste de documents récénts intelligente, qui peut apparaitre sur certains raccourcis de la barre de lancement rapide. Elle permet, par exemple en passant sur l’icône d’Office Word, de lancer les derniers documents Word, ou de lancer simplement Word. On peut ainsi rapidement faire plusieurs choses avec un seul raccourci. Ainsi, lors du bouton droit sur certains éléments, vous pourrez rapidement faire plusieurs actions et adieu le menu contextuel (dans l’explorateur, il sera encore présent, c’est spécifique à certaines places)

Un autre exemple, est l’icône de retour au bureau. Avant c’était une icône à côté du menu Démarrer. Le problème était que l’icône était cachée parmi d’autres icônes. Il fallait donc la séparer pour que l’utilisateur la trouve du premier coup. Ils placèrent alors un bouton à droite de l’horloge et sans image dessus. c’est un bouton semi transparent. De plus en plaçant la souris dessus, les fenêtres deviennent 100% transparente mais on ne retourne pas pour autant sur le bureau, il faut cliquer pour cela

Time matters, Build for people on the go
L’idée de Microsoft était que chaque utilisateur puisse gagner du temps sur toutes les tâches qu’il réalise, encore plus quand les gens sont mobiles, et changent de PC, ou simplement de réseau (du boulot au domicile par exemple).
Ils ont donc recu totalement le nombre d’étapes pour partager des dossiers, des fichiers ou des imprimantes.
Sur windows Vista, il fallait entre 30-40 clics pour partager une imprimante. Sur Seven, pour le même partage, il faudra 3-5 clics environ.

Value the full Lifecycle of the Experience
pour une application, vous avez:

• installation et creation
• Première utilisation et personnalisation
• Utilisation quotidienne
• Aide
• Désinstallation mise à jour

il faut penser à chaque étape de l’application et tenter d’améliorer chaque partie par des petits détails qui satisferont l’utilisateur. N’oubliez pas une partie au profit d’une autre.

Be great at « Look » and « Do »
Améliorer l’affichage en fonction des actions possibles. Par exemple, vous branchez votre tout nouveau téléphone à votre ordinateur. Que pouvez-vous faire? synchroniser? copier des fichiers? On ne sait pas.
Ce que propose Windows Seven, c’est d’afficher une icône représentant le téléphone dans la barre des tâches. Lorsque vous cliquez dessus, une fenêtre s’ouvre avec TOUTES les actions qui sont possibles sur le téléphone, c’est à dire, ce que vous vouliez faire mais aussi ce que vous ne saviez pas qu’il était possible de faire comme acheter en ligne des accessoires pour ce téléphone via un simple clique, un lien vers les drivers à jour du téléphone ou encore jouer avec WMP les images ou les photos présentes sur le téléphone. Cette fonctionnalité devrait plaire à beaucoup de monde, j’adore l’idée.

Vous en savez maintenant un peu plus sur les nouvelles fonctionnalités de Windows Seven et surtout pourquoi elles ont été faites, et pourquoi elles ont été faites de cette façon.