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

Dans ton Drive ;)

Exo