Acronymes quand tu nous tiens….
Deux aptitudes sont essentielles aujourd’hui pour un webdesigner : il s’agit du design UX (User Experience) et du design UI (User Interface). Il est à noter que ces deux aptitudes sont en elles-mêmes des domaines de qualification distincts qui poussent à l’expertise. C’est pourquoi nous trouvons de plus en plus des designer UX et des designers UI, signe que nous avançons dans la spécialisation des métiers du web (et c’est tant mieux !). A l’inverse, j’ai pu découvrir récemment, sur certains profils des designers UIX…. la complémentarité aux rayons X !!
Anyway… Venons-en à la définition de ces acronymes :
Le design UX
Il s’agit d’un design qui s’attache à cerner les besoins, les attentes et les tenir compte des contraintes de l’utilisateur pour que celui-ci ait une utilisation agréable et mémorable du produit. Tout le process du travail à fournir va se concentrer sur l’identification de l’utilisateur du site ou de l’application, pour savoir au mieux comment il se comportera lors de l’utilisation du produit ou du service.
Pour faire court, nous sommes ici dans la relation avec l’internaute, le visiteur, l’utilisateur, celui qui clique, qui slide, qui parcourt les pages que nous allons façonner, et remplit le formulaire, celui qui regarde et surtout qui cherche une information.
Notre design va tenter de comprendre, faciliter, fluidifier ses usages, et s’approcher au plus près de ce qu’il va faire, actions et réactions, face à notre design qui aura pour objectif de lui donner l’information de la meilleure façon et de la plus belle façon. On parle alors d’expérience utilisateur :
Le site web ou l’application, serait alors un espace qui lui serait destiné, prêt à être déployé pour l’utilisateur. Les us et coutumes sont pléthores et personne ne réagit de la même manière devant un écran. C’est pourquoi il est important dans les projets web d’analyser quels seront les utilisateurs du site. En tant que designers, il est important de toujours revenir au but de la conception, non pas l’objet en lui-même, mais le « pour qui« , « pour quoi« , « comment« .
Chaque site web serait comme une bâtisse. L’utilisateur arrive devant, quel est son sentiment face à la bâtisse ?
Quel est sa première impression, son premier geste ? Comment l’appréhende-t-il ? Peut-il la voir dans sa globalité ? Ou ne verra-t-il qu’un aspect de la bâtisse, comme sa véranda,… ou bien sera-t-il réduit à voir à travers une porte, une fenêtre ? Doit-il franchir un seuil, une marche pour entrer ? Ensuite, comment entre-t-il dans la bâtisse ? Y-a-t-il des fenêtres ouvertes, des portes fermées à clés ? Lui aura-t-on donné une clé ? Lui faudra-t-il plusieurs clés ou bien une seule suffit pour aller à l’étage ?
Il s’agit là d’émotion, une empreinte émotionnelle, un ressenti qui amène à une action.
Bon, finalement, on en revient aux questions que l’on peut se poser quand on fabrique une voiture, un mixeur ou une chaise. Ces questions qui soulèvent un problème, et vont construire la solution en fonction de celui qui va utiliser la voiture, le mixeur et s’asseoir sur la chaise : Il faut tout faire pour parvenir à ce que l’utilisateur ressente une émotion agréable sur sa chaise. Ici le problème, c’est non pas de confronter, mais de parvenir à associer une personne avec une machine afin que l’un et l’autre puisse se comprendre (…), au moins soient capables d’échanger une information, une donnée, un service.
Le design UX est avant tout l’étude des pratiques de l’utilisateur, dans une méthodologie de recherche (plusieurs phases de travail) , de conception et de tests. Le résultat sera un site interactif proche de l’utilisateur, qui sera à son service, presque « à son image ». Aussi l’ensemble des tests réalisés auprès de panels de personnes physiques est très important, et malheureusement encore trop peu réalisé parce que onéreux…
Le design UI
La multiplication des supports mobile a poussé les concepteurs à s’interroger sur le design centré (sur l’)utilisateur. L’adaptation est essentiel alors pour optimiser les interfaces. Comment lire le même contenu sur un site et sur un mobile ? Comment rendre une information visuellement le plus accessible et compréhensible ? Ces choses-là ne sont pas induites, loin de là ! 🙂 C’est le design d’interface, le design UI qui prend en compte l’ergonomie*, le contexte donné pour faciliter jusqu’à l’évidence l’utilisation de la « façade machine ».
Après avoir défini le type d’utilisateur, déterminé et structuré ses besoins, architecturé les contenus qui lui sont destinés, nous passons alors à la conception de l’interface.
Donc le design UI est la conception et la composition des éléments visuels relatifs aux interfaces web pour rendre accessible l’interaction proposée avec la machine. C’est le côté technique de la mise en place des boutons, des couleurs, des transitions… On peut parler ici alors de IHM, interface homme-machine pour pouvoir définir l’intervention du designer qui a pour but d’accorder un homme avec une machine.
Voici en substance une définition globale des termes de design UX et design UI.
*ergonomie : je m’occuperai de ce terme bientôt.
Quelques liens passionnants :
http://www.uxmatters.com/glossary pour commencer, la base
http://www.ux-paris.com/ la référence pour le design UX en France, allez donc voi la page ‘communautés et réseaux (plein de ressources)
http://blocnotes.iergo.fr le blog de Raphaël Yharrassarry, ergonome & psychologue, un blog que je consulte avec grand intérêt et plaisir. Incontournable.
http://uxmyths.com/ un site très bien fait, avec des évidences et plein de trucs à comprendre & apprendre !!
http://uxdesign.smashingmagazine.com un classique, rubrique passionnante et bien menée
http://www.uxbooth.com/ blog important
http://www.awwwards.com/creative-ui-design-examples-for-great-ux.html des exemples probants de complémentarité entre UX et UI, oh…. c’est beau ….
Il est parfois très très intéressant d’aller voir du côté des blogs des agences web (des agences web UX c’est mieux 🙂 ), avec des exemples concrets et de bonnes problématiques de réalisations :
Enfin, allez donc voir ma petite galerie design UI sur Pinterest, elle est pas mal…. objectivement… 🙂
http://pinterest.com/catepeli/design-ui/