📕 Branches

Ui Design

L’UI (user interface) dĂ©signe l'aspect purement graphique du design: le choix des couleurs, la typographie, l'alignement et la forme des Ă©lĂ©ments, les animations (motion design). GĂ©nĂ©ralement, on inclut aussi un aspect moins visuel dans la UI: le choix des mots et des formules (UI copywriting).

UX design

l'experience utilisateur au sens large. L'objectif de cette discipline est de faciliter l'utilisation du produit et augmenter la satisfaction des utilisateurs.Il y a donc plein de sous branches dans l'UX, qui se concentrent sur des aspect différents, parmis lesquelles :

→ La facilitĂ© d'utilisation des fonctionnalitĂ©s et leur courbe d'apprentissage (usability) → les mĂ©thodes d'interaction avec l'utilisat.eur.rice (ux pattern) → la hiĂ©rarchisation des informations et des fonctions pour optimiser la clartĂ© du produit (information architecture)

Product design

Le Product Design a pour objectif d'identifier au mieux les besoins utilisateurs pour cibler les améliorations qui vont avoir le plus d'impact.

Il rĂ©pond Ă  la question : “qu’est-ce qu’on fait ensuite” et “pourquoi on le fait”, en utilisant les mĂ©triques qui vont bien.

đŸ› ïž Outils

Wireframe

https://s3.us-west-2.amazonaws.com/secure.notion-static.com/2302c82f-54b5-4bb4-8aae-eb7674d7d77f/Facebook_Cover_-_1.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAT73L2G45O3KS52Y5%2F20200908%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20200908T161217Z&X-Amz-Expires=86400&X-Amz-Signature=1a20499ea20ac7f67c3052bcbefed174a17df9ccc92f1f98622d70e64aa4ab5f&X-Amz-SignedHeaders=host&response-content-disposition=filename %3D"Facebook_Cover_-_1.png"

Un wireframe est le squelette de ton interface.

Il est souvent sans couleur, afin de se concentrer sur les composants utilisés, la hiérarchie de l'information, et les liens entre les écrans (flow utilisateur).

Un wireframe peut ĂȘtre plus ou moins proche du rĂ©sultat final, rĂ©alisĂ© sous la forme d'un croquis sur papier ou via un logiciel spĂ©cialisĂ©.

🎁 ces templates à imprimer faits avec amour pour t'aider à tracer tes wireframe papiers.