Êtes-vous tombé sur un site internet tout beau et tout propre, et les informations que vous cherchiez vous les aviez retrouvés sans trop d’efforts ? C’est bien, mais vous êtes-vous déjà posé la question de comment ceux qui sont derrière ce site internet en sont arrivés là ? À la fin de cet article vous allez comprendre toute la procédure et les démarches entreprises pour vous fournir une interface agréable et des informations à porter de main.
Qu’est-ce que l’UI Design ?
Déjà commençons déjà par définir l’UI Design.
Comme son nom l’indique l’UI Design pour User Interface (Interface Utilisateur en français) se focalise sur l’apparence de l’interface (la typographie, les couleurs, la disposition des éléments, le logo). L’UI se concentrer sur l’aspect graphique du site et vient en complément de l’UX design (on en reviendra). Son but est d’offrir une expérience graphique satisfaisante à l’utilisateur et susciter une réaction chez lui.
Les éléments d’une interface réussie :
Des informations lisibles avec des règles de typographie et de contraste bien respectées.
Des interactions intuitives avec une navigation simplifiée.
Une disposition des éléments bien pensée : le but est de permettre à l’utilisateur d’avoir ce qu’il cherche à porter de main.
Un respect des éléments sur toutes les pages.
Mais comme pour toutes créations graphiques et artistiques, il faut d’abord passer par une étape importante : savoir quoi faire et ensuite comment le faire. C’est là que le Wireframing intervient.
Le Wireframing
Il intervient en amont de toute conception car elle permet de voir en quelle mesure telle ou telle implémentation est réalisable. Il permet de déterminer les zones à établir et les types de disposition qu’on pourrait avoir pour chaque élément.
Il existe dans ce sens 3 types de Wireframe :
Le low-fidelity Wireframe,
Le midle-fidelity Wireframe et
Le high-fidelity Wireframe.
Nous reviendrons plus en détail sur ces cas dans un prochain article.
L’UX Design
Il se défini comme l’Expérience Utilisateur. C’est l’ensemble des émotions positives ou négatives que peut éprouver un utilisateur en naviguant sur votre site. Il a pour but d’offrir à l’utilisateur ce dont il a besoin de façon la plus simple possible. Il sert à diriger l’utilisateur sur le site vers son objectif. L’UX Design ne se limite d’ailleurs pas qu’au digital. Il peut être utilisé dans plein d’autres domaines.
Prénons l’exemple d’un supermarché. Vous y allez parce que vous recherchez un article en particulier et la disposition des rayons vous facilite la tâche. Mais comme vous n’êtes pas sûr de ce que vous cherchez les employés ont mis à disposition des bandes lumineuses, des pancartes, des marquages au sol pour vous guider. Et dans ce sens on vous amène également à acheter des articles pour lesquels vous n’êtes pas venu à la base.
Vu ainsi, l’UX Design représente le processus complet qui envisage et prend en compte les attentes et les besoins de l’utilisateur afin de le guider et de lui offrir ce qu’il cherche de la façon la plus agréable possible.
L’importance de l’UI et de l’UX Design dans le processus de création de site internet.
Pour vous rendre compte de l’importance, essayez de vous remémorer votre dernière recherche désastreuse sur internet. Vous étiez à la recherche d’une information précise. Certes vous l’avez trouvé mais elle était noyée dans une masse informe d’autres informations superflues affectant ainsi la lisibilité de l’information et vous aviez juré ne plus retourner sur ce site.
Dans l’autre cas vous êtes tombé sur un site avec une interface toute belle, tout est agréable à regarder la typographie, les couleurs tout est impeccable. Mais pour trouver l’information que vous recherchez il a fallu vous battre avec avec les redirections en cascade, des boutons qui disaient autres choses mais qui faisaient autres choses etc. Vous frustration est d’autant plus grande car après avoir passé plus d’une heure sur le site vous n’avez toujours pas accès à votre information.
Dans le digital tout est présent pour une raison spéciale.
