UI & UX Design

s'adapter à l'utilisateur.

Qu'est ce que ça vous évoque ?

www.wooclap.com/NCDUAT

Définition

UI

UI: User Interface. Aussi appelée IHM (Interface Homme Machine) c’est le rendu graphique.

Objectif: avoir un design le plus élégant possible.

UX

UX: User eXperience. L’ergonomie aussi bien à l’intérieur des pages que dans l’enchainement de ces différentes pages.

Objectif: rendre l’interface simple et intuitive.

L’UI, c’est la partie visible. L’UX est l’expérience globale. L’UI fait donc partie de L’UX

Evolution de l'UI

WOOCLAP : Quelle icone d’horloge préférez-vous ?

Autres question, quels peuvent être les freins à l’UI/UX ?

La Pyramide de l'UX

On créée en gardant toujours à l’exprit l’utilisateur !

Un bon exemple : les formulaires, ses complexités et ses erreurs.

Erreur

Can't reach server. Error c021-fhtkru

Des principes important

Similarité

Les éléments ayant le plus de similarités graphiques vont induire un sens identique, des fonctions similaires ou une importance commune.

Continuité

Des points rapprochés tendent à représenter des formers et sont perçu comme des prolongements, suites logique.

Ex : AirBnB

Le chiffre 7

La mémoire a court terme a une capacité de 7 éléments (voire même 3 ou 4 selon des études plus récente

(Le nombre magique de Miller)

Accessibilité

Comme nous l’avons vu, l’UI permet d’améliorer l’ergonomie et l’accessibilité d’un site web, d’une application, d’un logiciel.
Il permet aussi de rendre accessible une interface a des personnes qui sont touchées par un handicap.

Avez vous des exemples de handicap que l’UI/UX peut contourner ?

www.wooclap.com/NCDUAT

Accessibilité 2 : the return

Pour améliorer l’accessibilité des personnes ayant des problèmes de vue, de surdité, des problèmes moteurs, on va jouer sur l’interface et les fonctionnalités.

Par exemple, ajouter des sous-titre, augmenter la taille des éléments, insérer une version audio des textes , …

D’autres idées ?

www.wooclap.com/NCDUAT

Comment s'assurer d'un bon UI/UX ?

A/B Testing

Comment s'assurer d'un bon UI/UX ?

Eye Tracking

Des liens sympatoche !

Un super test avec des explications
https://10ideesrecuesenuxdesign.castoretpollux.com/fr/

Celui qui reussi ce test est un géni :
https://userinyerface.com/

Go s'entraîner sur Figma !

avec un petit Wooclap en Bonus