UX & UI, combinaison gagnante

Fév 19, 2018
UX-REPUBLIC

Complémentaires mais différents

Confondre UX (User Experience) et UI (User Interface) peut être une erreur commune car ces 2 concepts contribuent à la création d’un site, d’un jeu, d’une application,… tout ce qui peut impliquer une interaction avec un utilisateur.

Ils ne peuvent être dissociés si l’on veut obtenir un produit abouti. Si ils sont complémentaires, ils ont aussi chacun un rôle et une place différente dans le processus de travail.

L’essence d’un projet, c’est l’harmonie parfaite entre l’esthétique, l’utile et le juste. 
Frank Lloyd Wright

L’UI n’est pas l’UX mais l’UI c’est de l’UX.

L’UX est un processus global qui englobe à la fois UI, contenu, architecture, ergonomie, recherche… L’UI est le support visible de l’expérience, le lien direct entre l’utilisateur et le produit mais surtout le résultat d’un travail approfondi qui prend en considération les besoins de l’utilisateur.

uxui_phone

L’UX ou Expérience Utilisateur

L’UX prend en considération les besoins de l’utilisateur et se concentre sur l’aspect émotionnel de l’expérience. Le processus consiste à trouver un équilibre entre ces besoins et les objectifs clients, réussir à proposer une navigation intuitive, une utilisabilité optimale et une facilité de compréhension.

Pour ce faire une recherche sur les utilisateurs est essentielle de même que l’analyse de statistiques disponibles. Pour meilleure expérience il faut comprendre qui sont les utilisateurs, leur parcours, le contexte d’utilisation, les contraintes associés à leurs tâches,…  Il ne s’agit là que d’un premier palier dans le procédé de création.

Le design d’expérience utilisateur passe par plusieurs étapes.

  • Recherche utilisateurs : interviews, statistiques, datas,
  • Définition des fonctionnalités : déterminées les principales fonctions du produit sur la base ses besoins utilisateurs recueillies et les objectifs clients
  • Architecture des informations : ordonner, regrouper, sectoriser les données, la stratégie et les contenus
  • Sketching : établir rapidement une structure globale des interfaces et définir la hiérarchie des contenus
  • Maquettes schématiques : réalisation de « wireframes » présentant plus précisément la structure et la hiérarchie des interfaces sans égards à l’aspect visuel
  • Prototypage : simulation des interactions avec l’utilisateur à travers l’animation des maquettes schématiques
  • Tests utilisateur : aident à déceler des problématiques d’utilisabilté ou de ressenti lors du parcours prototypé permettant des ajustements plus rapides.

L’UI ou Interface Utilisateur

Comme énoncé plus haut l’UI est ce qui fait le lien entre l’humain et la machine. Le design d’interface a pour but d’améliorer cette interaction. Une interface bien faite se doit d’être fonctionnelle, intuitive, efficace, inspirer confiance et susciter de l’émotion.

Cette réflexion autour du design visuel doit être menée à toutes les étapes de l’utilisation.

  • Recherche design : tendances et direction artistique
  • Charte éditoriale et identité : choix graphiques correspondant à l’identité du produit et à son message
  • Conception du parcours : optimisation et affordance des éléments pour une meilleure compréhension par l’utilisateur
  • Cohérence graphique : harmonisation de l’univers graphique dans le produit mais aussi, si il existe, dans un écosystème
  • Adaptation à tous les supports impliqués dans l’expérience utilisateurs
  • Design émotionnel : apporter de l’émotion à l’utilisateur permettant un meilleur taux d’engagement
  • Animation des interactions graphiques
  • Mise en place de l’interface avec un développeur

Une illustration vaut tous les longs discours :

uxui 14.36.12