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
source
Bravo !!!! Cours très instructif et on ne s'ennui pas grâce aux exemples utilisés !
On veut la suite 😀
super vidéo merci pour l'investissement et la simplicité d'explications pertinentes !
Je vous remercie vivement. C est magnifique ce que vous faites
Merci d'avance
Merci, beaucoup de notions que je n'avais pas trouvé ailleurs ! Très intéressant et très visuel avec de nombreux exemples, on comprends vite !
très itule, merci pour le boulot et recherche effectuée🙌
Bonjour,
J'ai suivi votre vidéo. Et c'est très intéressant. Merci beaucoup pour l'explication détaillée.
Mais je voudrais poser une question :
Quelle est la différence entre la maquette réalisée et le site Web en vrai ? Est-ce-que la maquette réalisée représentante déjà le site Web en vrai ? Si c'est non, alors comment obtenir le site Web en vrai à partir de la maquette réalisée ?
Perfect ! Comme toujours
Merci pour tes explications claires
Merci. Pour ce cours super pédagogique.
Merci pour cette vidéo essentielle, qui m'aide durant ma reconversion professionnelle !
Qu'est ce qu'une boucle infini
Vidéo exceptionnelle, bravo et merci pour le contenu très instructif et le soin apporté à sa présentation, rien à redire, c'est parfait.
Voir UI en compétences UX 🙃
Pour ta loi de hick :
L'interprétation ou l'explication est fausse car en fait c'est parce que on connaît pas les produits que l'utilisateur a du mal a choisir pas parce que il prend du temps car il y a trop de choix,
Donc c'est le manque de connaissance des produits et le fait que les produits soit se ressemblent soit se différencie pas beaucoup
Merci pour la vidéo, c'est vraiment intéressant
C'est super votre vidéo. Elle m'aide à la fois apprendre de UI/UX et à aprrendre francais aussi. Merci à vous et bravo pour votre travail.
Bonjour peux tu revenir sur le salaire d'un UX/UI SVP
Superbe vidéo ! Totalement novice, ça nous montre vraiment l'importance du UX/UI Design notamment sur les sites qu'on utilise quotidiennement.
J'arrive un peu tard, super vidéo j'ai beaucoup appris ! petit truc à 28:02, La chanson c'est "human AFTER all" humain APRES tout !
Bonjour je suis Designer mais je connais rien en coding est ce que peux devenir UX designer ?
merci pour cette vidéo, je connaissais pas le concept UX/IX j'ai regardé juste par curiosité mais j'ai l'impression d'avoir refait le monde là ahah bonne continuation
Magnifique, j'ai appris tellement de choses . Merci bcp
Très clair et fluide, j'ai trop aimée la vidéo 😉 Merci !
Intéressant !
Salut, j'ai entendu que tu travaillais sur Lille, dans quel genre d'etudes superieurs te situes-tu ? Et aussi quel agence ? Merci
Super ET cela m'a beaucoups Aidé à réaliser Mon projet!!!
Super guide ! très instructif 😃
Au top, merci 😉
Super vidéo ! Merci pour ce résumé au top !
franchement ta vidéo est grave interessante, j'adore
Le Design Thinking, l'UX et l'UI se pratiquent – partiellement – depuis la préhistoire … Mais nous ne le savions pas 😀 et chaque "concepteur-trice" n'utilisait pas toute la palette des possibles! Elle/Il se contentait de ce qu'elle/il maitrisait le mieux, en fonction de sa personnalité et de ses interactions avec les "clients" les plus prévisibles ou connus.
Théoriser cette façon de faire et le diffuser est donc vital.
(Je viens de la préhistoire de l'informatique 😀 )
Merci beaucoup C'est vraiment clair et intéressant Notamment la partie Ui et l'accessibilité (norme RGAA notamment)
Popschool est un bon établissement de formation pour ux/ui designer ? Que me conseillez-vous pour me former en ui/ux designer ? Quel établissement ? Le lieu ? Si c’est gratuit pour les demandeurs d’emploi ? S’il vous plaît
Merci beaucoup pour cette vidéo !
Concise pour parler de tous ces aspects et très facile à comprendre !
Hello, très instructif ! Proposez-vous des formations plus détaillées (type UDEMY) pour aider à construire un projet de A à Z et complètement fonctionnel ?
Très bon Cours ,bien détaillé .
Ce qui m'interesserait ,c'est aussi le graphique ou peu être facilitation d'atelier car j'aimerais créer Un Site Personnel d'Arts appliqués ,de dessin et de placer en page de couverture des portraits dessinés, aquarelle, Nom en logo ,fond de couleur choisi.
Comment faire ?
J'aimerais être Auto-Entrepreneur en créant mon Site Personnel Artistique .
Je sors d'une formation en design ,mais je suis en train de réapprendre car j'ai eu quelques difficultés.
Super introduction par l'exemple de cette discipline. Je suis motivé à m’abonner et à lire sur le sujet.
Quel est le nom de la musique de fond au début (et les autres si possible, elles sont géniales !) Sinon, vidéo très claire et intéressante ! Merci 😉
belle vidéo, un com pour le réf. Merci
Ta vidéo est tellement bien faite, merci beaucoup ! Triste qu'il y en est peu d'autres comme celles-ci sur ta chaine, j'espère en voir tout plein arriver prochainement !! Bon courage 🙂
Bonjour Gianni ! Merci pour cette vidéo, j'ai beaucoup appris !
As tu fait ce diapo avec Figma ?
Très clair et fluide, bravo. Il faut continuer ! 😀