{"id":12,"count":15,"description":"<p><span style=\"font-weight: 400;color: #15384e\">Une exp\u00e9rience num\u00e9rique aboutie ne na\u00eet pas en un claquement de doigts : c\u2019est un processus it\u00e9ratif qui m\u00eale strat\u00e9gie, design et d\u00e9veloppement, avec une obsession constante pour l\u2019utilisateur. Faire rimer <strong>UX<\/strong> (User eXperience), <strong>UI<\/strong> (User Interface), <strong>prototypage<\/strong> et <strong>int\u00e9gration<\/strong> ne s\u2019improvise pas. La mise en ligne ne se limite pas \u00e0 appuyer sur un bouton : il faut tester la performance, optimiser le SEO, s\u2019assurer de l\u2019accessibilit\u00e9 et du responsive design. Bref, garantir une exp\u00e9rience fluide et engageante sur tous les supports. C\u2019est un cycle vivant, o\u00f9 chaque \u00e9tape nourrit la suivante.<\/span><\/p>\r\n<h2><span style=\"color: #15384e\"><b>Envie de suivre une formation Figma, Webflow, HTML ou CSS ?<\/b><\/span><\/h2>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">Vous \u00eates au bon endroit. Notre offre de <\/span><b>formation<\/b><span style=\"font-weight: 400\"> couvre tous les outils et savoir-faire essentiels pour imaginer, prototyper et concr\u00e9tiser des interfaces qui raviront vos utilisateurs.<\/span><\/span><\/p>\r\n<ul>\r\n\t<li style=\"font-weight: 400\"><span style=\"color: #15384e\"><b>Culture Web et culture UX <\/b><span style=\"font-weight: 400\">pour (re)poser les fondamentaux incontournables<\/span><\/span><\/li>\r\n\t<li style=\"font-weight: 400\"><span style=\"color: #15384e\"><b>Figma<\/b><span style=\"font-weight: 400\">, la r\u00e9f\u00e9rence incontournable (sur Sketch ou XD, c\u2019est possible mais plus compliqu\u00e9 \ud83d\ude2c)<\/span><\/span><\/li>\r\n\t<li style=\"font-weight: 400\"><span style=\"color: #15384e\"><b>Webflow<\/b><span style=\"font-weight: 400\"> pour d\u00e9ployer rapidement des projets web ou mobiles<\/span><\/span><\/li>\r\n\t<li style=\"font-weight: 400\"><span style=\"color: #15384e\"><b>HTML<\/b><span style=\"font-weight: 400\"> et <\/span><b>CSS<\/b><span style=\"font-weight: 400\">, pour donner vie \u00e0 vos maquettes et ma\u00eetriser la structure et le style de vos pages<\/span><\/span><\/li>\r\n\t<li style=\"font-weight: 400\"><span style=\"font-weight: 400;color: #15384e\">\u2026<\/span><\/li>\r\n<\/ul>\r\n<p>&nbsp;<\/p>\r\n<h2><span style=\"color: #15384e\"><b>UX\/UI : quelle diff\u00e9rence ?<\/b><\/span><\/h2>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">Simplement, on peut dire que :<\/span><span style=\"font-weight: 400\"><br \/>\r\n<\/span><span style=\"font-weight: 400\">\u2192 <strong>l\u2019UX<\/strong> vise avant tout \u00e0 comprendre l\u2019utilisateur dans son ensemble (besoins, attentes, contextes d\u2019usage) et \u00e0 concevoir des solutions qui facilitent sa vie, tout en lui procurant une exp\u00e9rience satisfaisante, voire m\u00e9morable.<\/span><span style=\"font-weight: 400\"><br \/>\r\n<\/span><span style=\"font-weight: 400\">\u2192 <strong>L\u2019UI<\/strong> se concentre sur l\u2019aspect visuel et l\u2019interactivit\u00e9 : l\u2019emplacement des boutons, l\u2019esth\u00e9tique des \u00e9l\u00e9ments graphiques, la coh\u00e9rence des couleurs et des typographies. <\/span><span style=\"font-weight: 400\"><br \/>\r\n<\/span><span style=\"font-weight: 400\">Pour reprendre les mots de Jakob Nielsen, l\u2019UI est le \u00ab pont \u00bb entre l\u2019utilisateur et votre syst\u00e8me, tandis que l\u2019UX en est l\u2019\u00ab \u00e2me \u00bb.<\/span><\/span><\/p>\r\n<p><span style=\"font-weight: 400;color: #15384e\">Ces deux facettes sont compl\u00e9mentaires : une interface soign\u00e9e (UI) ne sera pleinement efficace que si l\u2019exp\u00e9rience globale (UX) est coh\u00e9rente, intuitive et adapt\u00e9e \u00e0 son contexte d\u2019utilisation.<\/span><\/p>\r\n<h2><span style=\"color: #15384e\"><b>Figma \/ No Code\u2026 Peut-on vraiment se passer d\u2019une formation en HTML \/ CSS (et JavaScript)<\/b><\/span><\/h2>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">On peut certes cr\u00e9er un prototype fonctionnel dans <\/span><a style=\"color: #15384e\" href=\"https:\/\/www.swash-formation.fr\/formation\/figma-reussir-sa-prise-en-main\/\"><span style=\"font-weight: 400\">Figma<\/span><\/a><span style=\"font-weight: 400\"> sans \u00e9crire une ligne de code et, avec les solutions NoCode comme <\/span><a style=\"color: #15384e\" href=\"https:\/\/www.swash-formation.fr\/formation\/webflow-reussir-sa-prise-en-main\/\"><span style=\"font-weight: 400\">Webflow<\/span><\/a><span style=\"font-weight: 400\">, mettre en ligne un site qui tient (\u00e0 premi\u00e8re vue) parfaitement la route. Mais bien conna\u00eetre l\u2019HTML, le CSS et, dans une moindre mesure, le JavaScript reste un atout pr\u00e9cieux.<\/span><\/span><\/p>\r\n<p><span style=\"font-weight: 400;color: #15384e\">Ces langages permettent de garantir une vraie ma\u00eetrise du rendu : performance, accessibilit\u00e9, r\u00e9f\u00e9rencement, micro-interactions plus pouss\u00e9es\u2026<\/span><\/p>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">Figma et le NoCode offrent un gain de temps consid\u00e9rable en phase de prototypage ou de mise en ligne rapide. Cependant, d\u00e8s qu\u2019il s\u2019agit d\u2019optimiser, de corriger certains bugs, de cr\u00e9er des animations complexes ou d\u2019adapter une fonctionnalit\u00e9 sur-mesure, il devient essentiel de savoir ce qui se passe \u00ab sous le capot \u00bb. Bref, pour la cr\u00e9ativit\u00e9 comme pour l\u2019efficacit\u00e9, comprendre le <\/span><a style=\"color: #15384e\" href=\"https:\/\/www.swash-formation.fr\/formation\/html5-css3-reussir-sa-prise-en-main\/\"><span style=\"font-weight: 400\">HTML\/CSS<\/span><\/a><span style=\"font-weight: 400\"> (et un peu de JavaScript) vous ouvre les portes d\u2019un webdesign affranchi des limites impos\u00e9es par les outils.<\/span><\/span><br \/>\r\n<br \/>\r\n<\/p>\r\n<h2><span style=\"color: #15384e\"><b>Qui a besoin de ces comp\u00e9tences en UX \/ UI \/ Webdesign ?<\/b><\/span><\/h2>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">\ud83d\udccd<\/span><b>UX Designers<\/b><span style=\"font-weight: 400\"> : ils analysent le parcours utilisateur, effectuent des tests, d\u00e9finissent l\u2019architecture d\u2019information, cr\u00e9ent des wireframes et prototypent des interfaces centr\u00e9es sur l\u2019humain.<\/span><\/span><\/p>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">\ud83d\udccd<\/span><b>UI Designers<\/b><span style=\"font-weight: 400\"> : responsables de la coh\u00e9rence visuelle, ils travaillent sur la charte graphique et les micro-interactions pour guider l\u2019utilisateur.<\/span><\/span><\/p>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">\ud83d\udccd<\/span><b>Int\u00e9grateurs front-end<\/b><span style=\"font-weight: 400\"> : ils traduisent les maquettes en pages web fonctionnelles gr\u00e2ce \u00e0 des langages comme HTML, CSS et JavaScript, en veillant \u00e0 la performance et \u00e0 l\u2019accessibilit\u00e9.<\/span><\/span><\/p>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">\ud83d\udccd<\/span><b>Product Designers<\/b><span style=\"font-weight: 400\"> : \u00e0 la crois\u00e9e de l\u2019UX, de l\u2019UI et du marketing, ils veillent \u00e0 la coh\u00e9rence globale du produit, de sa strat\u00e9gie \u00e0 son d\u00e9ploiement.<\/span><\/span><\/p>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\">\ud83d\udccd<\/span><b>Product Managers<\/b><span style=\"font-weight: 400\"> : pilotes du cycle de vie du produit, ils collaborent \u00e9troitement avec designers et d\u00e9veloppeurs pour cr\u00e9er des fonctionnalit\u00e9s align\u00e9es sur les besoins des utilisateurs.<\/span><span style=\"font-weight: 400\"><br \/>\r\n<br \/>\r\n<\/span><\/span><\/p>\r\n<p><span style=\"font-weight: 400;color: #15384e\">Au-del\u00e0 de ces\u00a0 \u00ab sp\u00e9cialistes \u00bb, le design num\u00e9rique concerne de nombreux autres profils : chefs de projets digitaux, \u00e9quipes marketing, professionnels de la communication\u2026 Tous se doivent de ma\u00eetriser ces comp\u00e9tences pour que l\u2019exp\u00e9rience client ou l\u2019image de marque refl\u00e8te au mieux leurs objectifs.<\/span><\/p>\r\n<h2><span style=\"color: #15384e\"><b>Nos formateurs experts en UX\/UI\/Webdesign<\/b><\/span><\/h2>\r\n<p><span style=\"font-weight: 400;color: #15384e\">Ils font rimer expertise, exp\u00e9rience et p\u00e9dagogie :\u00a0<\/span><\/p>\r\n<p><span style=\"color: #15384e\"><b>\ud83d\udc68\u200d\ud83c\udfeb. \u00a0<\/b><a style=\"color: #15384e\" href=\"https:\/\/www.antonylegrand.design\/\" target=\"_blank\" rel=\"noopener\"><b>Antony Legrand<\/b><span style=\"font-weight: 400\"><br \/>\r\n<\/span><\/a><span style=\"font-weight: 400\">UX\/UI designer passionn\u00e9, Antony voit tout et partage sa veille sans mod\u00e9ration. Le formateur id\u00e9al pour\u00a0<\/span><\/span><span style=\"font-weight: 400;color: #15384e\">appr\u00e9hender le champ du design num\u00e9rique.<\/span><\/p>\r\n<p><span style=\"color: #15384e\"><b>\ud83d\udc69\u200d\ud83c\udfeb. \u00a0<\/b><a style=\"color: #15384e\" href=\"https:\/\/www.axeinteractif.com\/#topheader\" target=\"_blank\" rel=\"noopener\"><b>\u00c9lisabeth Sancey<\/b><\/a><br \/>\r\n<\/span><span style=\"color: #15384e\">Graphiste \/ UI designer, \u00c9lisabeth est un couteau suisse de la cr\u00e9ation. HTML, CSS, Animation, Figma\u2026 Elle a form\u00e9 des milliers d\u2019apprenant.e.s.<\/span><\/p>\r\n<p><span style=\"color: #15384e\"><b>\ud83d\udc68\u200d\ud83c\udfeb. \u00a0<\/b><a style=\"color: #15384e\" href=\"https:\/\/www.lapotion.co\/\" target=\"_blank\" rel=\"noopener\"><b>K\u00e9vin Mercier<\/b><span style=\"font-weight: 400\"><br \/>\r\n<\/span><\/a><span style=\"font-weight: 400\">Designer d\u2019interface, cofondateur de<\/span> <span style=\"font-weight: 400\">LaPotion.co<\/span><span style=\"font-weight: 400\">, K\u00e9vin navigue tous les jours entre Figma, Webflow et le d\u00e9veloppement de design systems.<\/span><\/span><\/p>\r\n<p><span style=\"color: #15384e\"><b>\ud83d\udc68\u200d\ud83c\udfeb. \u00a0<\/b><a style=\"color: #15384e\" href=\"https:\/\/www.thecacatoestheory.com\/\" target=\"_blank\" rel=\"noopener\"><b>Romain Dao<\/b><span style=\"font-weight: 400\"><br \/>\r\n<\/span><\/a><span style=\"font-weight: 400\">Senior Product Designer \/ Design System specialist. En plus d\u2019\u00eatre 1 des plus fins connaisseurs de Figma en France, Romain f\u00e9d\u00e8re une communaut\u00e9 de passionn\u00e9s sur ses diff\u00e9rents m\u00e9dias.<\/span><\/span><\/p>\r\n<p><span style=\"color: #15384e\"><span style=\"font-weight: 400\"><br \/>\r\nSans oublier les intervenants que l\u2019on voit un peu moins suivant \ud83d\ude0c<\/span><\/span><\/p>\r\n<h2><span style=\"color: #15384e\"><b>Comment se d\u00e9roulent nos formations en UX, UI et Webdesign ?<\/b><\/span><\/h2>\r\n<p><span style=\"font-weight: 400;color: #15384e\">Nous proposons diff\u00e9rentes modalit\u00e9s pour s\u2019adapter \u00e0 vos contraintes :<\/span><\/p>\r\n<ul>\r\n\t<li style=\"font-weight: 400\"><span style=\"color: #15384e\"><b>Des <a href=\"https:\/\/www.swash-formation.fr\/les-formations-inter-chez-swash\/\">formations inter-entreprises<\/a><\/b><span style=\"font-weight: 400\"> sur l\u2019UX, Figma (niveaux 1 et 2 et sur <\/span><a style=\"color: #15384e\" href=\"https:\/\/www.swash-formation.fr\/formation\/creer-des-presentations-avec-figma-slides\/\"><span style=\"font-weight: 400\">Figma Slides<\/span><\/a><span style=\"font-weight: 400\">), HTML, CSS\u2026<\/span><\/span><\/li>\r\n\t<li style=\"font-weight: 400\"><span style=\"color: #15384e\"><b>Des <a href=\"https:\/\/www.swash-formation.fr\/formation-intra-sur-mesure\/\">formations intra \/ sur mesure<\/a><\/b><span style=\"font-weight: 400\"> : parce que les formations catalogues ne sont pas toujours adapt\u00e9es \u00e0 toutes les situations, nous co-construisons un programme adapt\u00e9 \u00e0 vos enjeux.<\/span><\/span><\/li>\r\n<\/ul>\r\n<p>&nbsp;<\/p>\r\n<p><span style=\"font-weight: 400;color: #15384e\">En pr\u00e9sentiel, en distanciel ou en blended learning, chaque formation est structur\u00e9e autour de cas concrets, de travaux pratiques et de partage d\u2019exp\u00e9riences. Les formateurs font le m\u00eame m\u00e9tier que vous\u2026 Ils sont juste (un peu) en avance. Forts de leur exp\u00e9rience, ils vous guident pour que vous puissiez, chacun.e, \u00e9voluer en autonomie dans l\u2019univers de la cr\u00e9ation num\u00e9rique\u2026<\/span><\/p>","link":"https:\/\/www.swash-formation.fr\/domaine\/formation-ux-ui-webdesign\/","name":"UX \/ UI \/ Web","slug":"formation-ux-ui-webdesign","taxonomy":"domaine","parent":0,"meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine"}],"about":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/taxonomies\/domaine"}],"wp:post_type":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation?domaine=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}