UX / UI design

UX / UI design, Que se cache t-il derrière ces deux acronymes ?

UX correspond à l’expérience utilisateur (User eXpérience),

UI correspond à l’interface utilisateur (User Interface),

Le “Design” fait référence à la fois à un art et à un processus de conception. La confusion fréquente entre ces deux notions vient du fait que L’UI fait partie de l’UX. Précisons ce qui se cache derrière ces deux termes :

L’UX Design :

L’objectif de l’UX Design est de concevoir une expérience utilisateur optimale : la meilleure expérience possible. Il s’agit donc d’étudier et de comprendre les besoins de vos utilisateurs, leurs ressentis lorsqu’ils naviguent sur votre site. Cette compréhension nous permet d’améliorer son parcours afin de le rendre instinctif et agréable. L’UX correspond à l’ensemble des perceptions de l’utilisateur durant son interaction avec un produit, un dispositif, un service, une entreprise…

La bonne réflexion sur l’UX de votre site apportera une navigation optimale et fluide.

Un effet boule de neige à prendre en compte : un site optimisé pour votre utilisateur facilite sa navigation. Google analyse cette optimisation et améliore en retour le référencement. Mieux il est référencé, plus le site est facile à trouver et cela améliore encore l’expérience de vos utilisateurs.
Rappelons que l’optimisation pour tous supports contribue également à l’expérience utilisateur.

Votre visiteur doit se sentir bien, il doit vivre la meilleure expérience possible avant, pendant et après.

L’UI Design :

Comme je l’ai précisé ci-dessus, l’interface utilisateur (UI) est une partie intégrante de l’expérience utilisateur (UX). On peut cependant les distinguer car ce ne sont pas toujours les mêmes experts métiers qui travaillent sur ces deux notions.

Le travail de l’UX designer commence avant celui de l’UI designer et du développeur.
L’UX designer va :

• Définir la stratégie, c’est-à-dire comprendre les utilisateurs du site, que viennent-ils chercher sur votre site ?
• Définir ce que le site permettra de faire
• Définir la structure : l’arborescence des pages
• Dessiner la structure des pages : c’est le dessin des wireframes, une représentation en fil de fer du zoning de chaque page

C’est seulement après ces étapes qu’intervient l’UI designer qui va réaliser les visuels en respectant toutes les préconisations de son collègue UX designer. Il a un regard artistique et technologique.

UX

• Comment le site fonctionne
• Définir les interactions
• Wireframe (fil de fer) et prototype
• Structure et disposition des éléments
• Navigation

UI

• A quoi le site doit ressembler ?
• Créer le design
• Branding (respecter l’image de la marque)
• Couleur
• Typographie

Chez Ginette nous respectons évidemment ces différentes étapes lors de la création de votre site. Il arrive aussi parfois que le client ait déjà réalisé lui-même l’UX / UI design et nous fournisse directement des maquettes graphiques auxquelles nous donneront vie techniquement.