UX
Design
C'est quoi ?
Le UX design consiste à penser et à concevoir un site web de manière à ce que l’expérience utilisateur soit la meilleure possible.
USER EXPERIENCE
Pourquoi faire ?
améliorer son ergonomie
faciliter son utilisation
le rendre plus intuitif
le rendre le plus efficace possible
Le UX sert donc à :
UX
Design
UI
Design
==
USER INTERFACE
Le UI Design n'est qu'une partie de l'une des étapes de l'ensemble de l'expérience utilisateur.
recherche
UX
Design
brainstorming
mise en place
rapport
1
2
3
4
Recherche
1
Comprendre l'utilisateur
Interviewer des potentiels utilisateurs afin de définir leur besoin.
Utiliser des personas
Faire une représentation type des utilisateurs de l'app.
Etudier les cas d'utilisation
Comment les utilisateurs vont se servir de l'app.
Créer le chemin d'utilisation
Comment les utilisateurs commencent et finissent leur expériences de l'app.
PERSONA
Brainstorming
2
Wireframe
Cela représente le schéma d'une page web ou d'un site web. Il est utilisé lors des étapes préliminaires à la conception d'une interface web.
User flow
C'est le chemin à parcourir et des actions à mener par les utilisateurs à travers une app.
WIREFRAME
Pourquoi faire des wireframes ?
#1. Ils apportent de la clarté aux projets.
Le client doit réfléchir à ses besoins réels et cela les aident à définir leur objectif principal.
#2. Résoudre les problèmes tôt.
Aide à recueillir des commentaires et à résoudre les problèmes avant qu'ils ne deviennent un problème.
#3. Mettre en valeur les fonctionnalités.
Facilite l'utilisation d'un site Web, les chemins de conversation, la dénomination des liens, le placement de la navigation et le placement des fonctionnalités.
Cela peut signaler des failles dans l'architecture de votre site sur une fonctionnalité spécifique.
#4. Rendre le processus de conception itératif. Les wireframes garantissent que les éléments sont pris les uns derrières les autres. Plus d'itérations conduisent à un produit final plus affiné.
#5. Donner aux développeurs une longueur d'avance.
Comment la disposition doit-elle s'adapter aux appareils de petite taille? Quelle est la hiérarchie du contenu? Comment la navigation réagit-elle aux petits écrans?
Les wireframes
c'est :
Rester simple
Se concentre sur le contenu
Toujours collabroatif
Noir et blanc
Trop complexe
tout de suite digital
ignorer les fonctionnalités
trop peu itératif
Les wireframes
ce n'est pas :
USER FLOW
Mise en place
3
Prototypes
Le UI designer créer une version simplifiée ou finalisée de la maquette avec ou sans interaction.
Front end / Back end développement
Une fois la maquette validée, les développeurs font de la maquette un produit utilisable.
Rapport
4
Rapport d'utilisation
L'observation des tests utilisateur sous toutes ses formes.
Tests user flow
Le test de plusieurs user flow les uns par rapport aux autres.
Rapport de statistiques
Le rajout de données comme le temps passé sur chaque pages, le nombre de clics pour chaque bouton...
Mais avant de commencer la conception, vous devez respecter quelques lois et règles de
l'expérience utilisateur.
L'UX, ce n'est pas que du bon sens.
Comme en programmation, il faut respecter quelques règles qui permettront à notre projet de ne pas être bancale et donc peu adapté à nos utilisateurs.
Ces règles / lois sont les suivantes...
Les lois UX
Plus la fonction est importante, plus il faut la mettre en valeur !
L’emplacement et la taille révèlent la priorité que l’on attribue aux fonctionnalités d’une interface.
Un bouton de petite taille sera moins accessible et nécessitera un temps plus important pour être pointé.
A l’inverse, un objet cible de grande taille et proche de l’utilisateur sera rapide à pointer.
La loi de FITTS
Elle sert à déterminer le temps moyen et nécessaire pour un utilisateur à effectuer un choix en fonction du nombre de possibilités qui lui sont offertes.
Autrement dit :
“Plus l’utilisateur à de choix, plus il prendra de temps à se décider”
K.I.S.S = Keep it simple, stupid
La loi de HICK
Elle estime que les utilisateurs passent beaucoup de temps sur les autres sites. Ils espèrent donc que votre site fonctionnera de la manière que les sites qu'ils ont l'habitude d'utiliser.
Il vous faut donc être familier avec les design patterns d'aujourd'hui.
C'est à dire aux conceptions d'architectures UX types.
Ils existent pour une raison!
Donc: INSPIREZ VOUS
La loi de JAKOB
L'effet Von Restorff prévoit qu'un objet qui se détache d'autres, est plus susceptible d'être retenu. Il engendre ainsi un biais cognitif retenant ce qui est inhabituel, distinctif.
Si vous voulez faire ressortir une information, donnez lui un aspect différent.
Tenez la main à votre utilisateur en lui montrant le chemin pour l'emmener là où vous le souhaitez.
L'effet Von Restorff
L'effet Aesthetic-Usability dit que les beaux produits sont plus agréable à regarder.
Cela va permettre à vos utilisateurs de d'oublier les éventuels défauts de votre UX!
Il ne faut pas sous-estimer le pouvoir de l'UI car il va bénéficier à votre UX et donc à vos utilisateurs.
L'effet Aesthetic-Usability
Pour conclure,
Une bonne UX
est :
Utile
Qualitatif
Crédible
Trouvable
Utilisable
Accessible
Désirable