User Experience (UX) VS User Interface Design (UI)

Le parcours client est jalonné de points de contacts avec votre marque et le point le plus important est sans conteste votre site internet. C’est à lui que revient l’énorme responsabilité de convertir votre prospect en client. Et pour que votre site soit performant il est essentiel qu’il soit optimisé pour garantir le taux de conversion le plus élevé possible. C’est notre mission : optimiser votre retour sur investissement. Nous vous invitons à plonger dans la conception d’un site internet au travers de deux concepts clés qui en rythmeront la réflexion et la création : l’User Experience et l’User Interface.   

Ensemble, nous allons approfondir ces deux notions. Partons du postulat que l’UX, c’est le fonctionnement de votre site ou de votre application : quelles en seront les fonctionnalités ? L’UI, c’est plutôt l’apparence de votre site ou de votre application : comment présenter visuellement ces fonctionnalités à l’utilisateur ?

User Experience (UX) entre sociologie et science cognitive 

L’UX, c’est la science au service du digital. Le terme UX est défini selon la norme ISO 9241-210 comme « les réponses aux perceptions d’une personne qui résultent de l’usage ou de l’anticipation de l’usage d’un produit, d’un service ou d’un système ». Autrement dit, il s’agit de « l’ergonomie de l’interaction homme-système ». 

Nous vous l’accordons, cette définition est un peu compliquée. Concrètement, l’objectif de l’UX est d’analyser les réponses d’un utilisateur face à l’usage d’un produit ou d’une application. 

Grâce à l’analyse de ces comportements, l’UX designer va pouvoir penser l’ergonomie de votre site internet ou de votre application : pourquoi mettre le call to action à cet endroit ? Quelles informations donner et à quel endroit les placer pour qu’elles soient vues et lues ? 

Abordons ensemble quelques grands principes de l’User Experience afin de rendre ce concept vivant et concret. 

User Experience et le principe d'affordance

L’affordance est un terme utilisé en psychologie ; il désigne « les possibilités d’actions sur un objet ». En ergonomie, on utilise ce terme comme étant la capacité d’un objet à suggérer sa propre utilisation. 

Un pictogramme vaut parfois mieux qu’un long discours : encore faut-il que votre pictogramme soit compris. Ajoutez du texte sous vos pictogrammes afin que l’utilisateur comprenne directement quelles sont ses possibilités. 

User Experience vs User Interface

 Source : Thinkwithgoogle

User Experience et l'eye-tracking

De nombreuses études ont été menées concernant notre façon d’appréhender et de hiérarchiser l’espace sur une page web. Pour réaliser ces études, les chercheurs se basent généralement sur la technique de « l’eye-tracking ». Le but est d’objectiver les zones « chaudes » et les zones « froides » de nos écrans. Le balayage en « F » ressort vainqueur de ces études : 

user experience vs user interface eye tracking

Inconsciemment, lorsqu’une page s’affiche devant vous, vos yeux la scannent en suivant la forme d’un « F ». Dans un premier temps, l’œil scanne d’un mouvement horizontal la partie supérieure de la zone de contenu. Ensuite, l’œil scanne la page verticalement jusqu’à ce qu’il voie quelque chose d’intéressant. Une fois le contenu intéressant identifié, l’œil scanne la page de manière horizontale afin d’en savoir plus sur ce contenu. 

Ce scan ne prend que quelques secondes à l’utilisateur, c’est pourquoi il est capital de hiérarchiser correctement vos contenus afin d’attirer l’attention du lecteur. 

Aujourd’hui, d’autres études ont été menées sur le sujet et d’autres modèles tendent également à se dégager : le Spotted Pattern (les points de repère), le Layer-cake Pattern (le balayage en couche), le Commitment Pattern (la lecture engagée).

Globalement, il est important de comprendre que la place que vont occuper les contenus sur votre page est déterminante : faut-il mettre le call to action en haut à droite, en haut à gauche ou bien encore en milieu de page ? Vous avez des contenus animés, où faut-il les placer afin de ne pas distraire le lecteur ? 

Autant de questions qui trouvent un début de réponse avec « l’eye-tracking ».

User Experience et hiérarchisation de l'information

Nous l’avons évoqué, la hiérarchisation de l’information est capitale. Mais il faut également garder à l’esprit qu’un surplus d’informations jouera en votre défaveur. Le parcours de l’internaute sur votre site web ou sur votre application doit être le plus fluide possible, l’information doit être facilement accessible et prendre peu de temps, augmentant ainsi les chances d’engagement. 

Il existe une multitude d’autres concepts propres à l’UX, mais il nous est impossible ici de tous les détailler. 

Finalement, en marketing digital, l’expérience utilisateur (ou UX design) n’est autre que l’analyse des réactions d’individus face à une application ou à un site web. De ces analyses, les chercheurs sont capables de dégager des tendances et des standards. Et ce sonrt ces tendances et ces standards qui vont être utilisés par l’UX designer dans la conception de la structure de votre site web ou de votre application. 
 

User Interface (UI) ou la mise en action graphique de l'User Experience  (UX)

Le concept d’User Interface ou UI regroupe, quant à lui, l’ensemble de l’environnement graphique de votre application ou de votre site web. L’interface, c’est ce qui fait office de lien entre l’utilisateur et la machine. Autrement dit, l’interface est le lien entre votre prospect ou votre client et la représentation de votre entreprise sur le web, à savoir votre site internet. L’interface, c’est donc le lien entre votre client et vous. 

Et cette interface peut traduire beaucoup de choses sur votre entreprise. C’est pourquoi il est essentiel qu’elle soit ordonnée, claire, agréable. Car ces valeurs sont également les valeurs qui vous souhaitez que le prospect ou le client voient en vous. De nombreux éléments entrent ici en compte : la typographie, la charte graphique, la taille d’écriture, votre identité visuelle ou encore votre charte éditoriale. 

User Experience et User Interface Design : deux concepts indissociables ?

user experience vs user interface deux concepts

L’UI fait donc partie intégrante de l’UX. Un design clair qui permet à l’internaute de trouver directement l’information qu’il recherche fait partie d’une bonne expérience utilisateur. Et une bonne expérience utilisateur, c’est la garantie d’une bonne publicité. 

L’UX et l’UI sont donc deux concepts inséparables. Votre site web peut être ergonomique, s’il n’est pas visuellement attractif, vous perdez en crédibilité auprès de votre audience. 

Si en revanche, votre site web est visuellement attractif, qu’il arbore des couleurs et un design qui plait à votre audience, mais qu’il n’est pas ergonomique ou que la navigation n’y est pas fluide, alors vers perdez également en crédibilité. 

Chez eTeamsys, nous sommes pour là pour vous aider à créer une interface optimisée et qui tient compte des standards de l’User Experience et de l’UI afin de garantir un parcours client efficace.

 

Vous avez déjà un site web ou une application ? Nous pouvons également vous aider à l’optimiser pour en tirer le meilleur.  

 

Contactez-nous

Mélanie Wattiez

Diplômée en sciences humaines en 2016, J’ai rapidement décidé de suivre une formation en communication digitale. Suite à cela, je choisis de me spécialiser dans les réseaux sociaux. J’occupe aujourd’hui le poste de Community Manager. A l’occasion, je prête ma plume à la team SEO en tant que Copywriter.