Vous vous intéressez à l’UX et à l’UI ? Mais avec tout le contenu disponible, vous avez l’impression d’être perdus ? Comment devenir un meilleur designer ? Dans cette vidéo on revoit tous les fondamentaux pour vous assurer de bien comprendre et construire des bases solides 👊
Que vous soyez déjà designer, étudiant ou simplement un développeur intéressé par le sujet de l’UX et de l’UI, cette vidéo est faite pour vous.
Cette vidéo sous forme de guide donne un maximum d’informations basiques et nécessaires pour devenir un designer complet.
00:00:00 Introduction
00:01:40 Quelles problématiques bloquent les designers ?
00:04:50 Différences entre UI et UX
00:07:50 Enjeux et risques du design
00:10:40 Pyramide de l’UX
00:12:40 Domaines et activités de l’UX Design
00:13:50 La démarche centrée utilisateur
00:17:00 Le Design Thinking
00:17:35 Les 5 fondamentaux en UI
00:18:00 Couleurs et contrastes
00:18:54 Espaces blancs et alignements
00:19:45 Hiérarchie visuelle
00:20:15 Complexité VS Simplicité
00:21:10 Styles de texte
00:22:00 Astuces pour de meilleures interfaces
00:22:05 Formulaires
00:22:50 Tableaux
00:24:30 Checkbox et radio button
00:25:15 Cards et affichage d’informations
00:26:00 Gestion des erreurs
00:26:45 Popups
00:28:20 Lois de perception visuelle, théories de la gestalt
00:28:35 Loi de proximité
00:29:45 Loi de similarité
00:30:50 Loi de continuité
00:31:30 Effet Von Restorff
00:32:00 Loi de fitts
00:32:30 Attention partagée
00:32:55 Le nombre magique de Miller
00:34:00 Loi de Hick
00:35:30 Accessibilité
00:42:15 Conclusion
Ressources et liens de cette vidéo :
🙌 Templates UX gratuits : http://design.giannipolito.fr/template/
Pyramide de l’UX : https://uxdesign.cc/the-ux-pyramid-1e74ea61d95
Formation (gratuite) Enterprise Design Thinking par IBM : https://www.ibm.com/design/thinking
Formation “Initiez-vous au design Thinking” par Laurène Castor : https://openclassrooms.com/fr/courses/3013836-initiez-vous-au-design-thinking
Toutes les lois de perception visuelle : https://lawsofux.com
A11y pour Figma : https://www.figma.com/community/plugin/733159460536249875
Cluse pour Sketch : https://cluse.cc
Lighthouse pour Google Chrome : https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk/related
IBM Equal Access Accessibility Checker : https://addons.mozilla.org/fr/firefox/addon/accessibility-checker