UX et UI

UX et UI sont des acronymes à la mode que l'on croise régulièrement sur le web quand on parle de web design. Mais à quoi font-ils référence ?

UX - User Experience

Avant de définir le concept, il serait pertinent de regarder attentivement les 2 mots qui composent cet acronyme.

User

User = Utilisateur = Humain. A l'instar du "Design Thinking", L'UX se centre sur l'humain comme base de réflexion. C'est donc l'outil qui s'adapte à l'humain et non pas l'inverse. 

Experience

L'expérience implique par définition l'action de faire, et donc d'interagir avec quelqu'un ou quelque chose. Dans nos sociétés modernes, l'expérience fait de plus en plus référence à un sentiment positif, à un apprentissage. 

Le mix des 2

L'UX fait donc référence à notre faculté d'interagir naturellement et simplement avec une machine, un site internet ou une application mobile. Ce concept vient donc nous rappeler que nous devons pensons à l'utilisateur final quant à la conception de notre outil. 

En pratique

Chez VingtCinq, L'UX n'est pas dissociable du web design. Le web designer s'efforce de garder en tête que l'outil qu'il réalise doit toujours correspondre aux besoins de l'utilisateur. C'est pour cela que cet utilisateur doit être clairement défini en amont. En pratique, nous nous plaçons toujours du coté de l'utilisateur pour expliquer nos choix en termes de design. le design doit toujours être pertinent, accessible & cohérentpar rapport à une typologie d'utilisateur. Le but ultime est de mettre en confiance l'utilisateur pour l'inciter à interagir avec le site ou l'application. Pour ce faire, on optimise les chemins d'accès, les couleurs, la lisibilité, la gradation de l'information, la vitesse de chargement, l'accès aux éléments de conversion etc. 

UI - User Interface

L'UX est un concept assez difficile à expliquer car il trouve sa source dans l'esprit des utilisateurs, c'est une sensation. L'UI, quant à elle est bien tangible est correspond au design statique réalisé par le web designer. Chez VingtCinq, le design UI se découpe en 2 étapes distinctes : 

  • Wireframe : maquette simplifiée de toutes les pages du site, c'est une base de réflexion pour optimiser le parcours utilisateur
  • Web design : maquette visuelle terminée prête à être intégrée par le développeur front-end

En résumé

L'UI est une étape de production comme l'intégration. L'UX quant à elle est un ensemble de notions concernant l'utilisateur que l'on doit avoir en tête dans les différentes étapes de création d'un site internet ou d'une application mobile. En d'autres mots, l'UX et l'UI sont complémentaires pour réaliser un bon outil web.