Description
Vous apprendrez à concevoir et à créer des interfaces utilisateurs qui mettent l’accent sur l’apparence, la fonctionnalité́, le style et la simplicité́. Le design UI s'intéresse principalement à la convivialité́ dans une optique d’éliminer les irritants visuels ou fonctionnels et ainsi proposer aux utilisateurs un environnement numérique agréable et attrayant. Vous apprendrez également la place que prend le design UI dans le processus global de conception Web.
Objectifs
- Comprendre les enjeux de la conception d’interface et les éléments requis à sa réalisation
- Réaliser des interfaces pratiques, ergonomiques et attrayants
- Être en mesure de bâtir un argumentaire nécessaire à la présentation d’interfaces
Clientèle cible
Designers front-end, designers graphique, chefs de projet, développeurs
Préalables
Des connaissances de base de l’informatique et de l’internet sont nécessaires :
- Être en mesure d’utiliser les fonctionnalités de base d’un système d’exploitation (fonctions courantes);
- Être familier avec les logiciels de base (Suite Office, Word, Excel, etc.);
- Être capable de naviguer sur Internet, faire une recherche, naviguer sur les réseaux sociaux.
Matériels requis
Un compte FIGMA, cartable, cahier de notes
support informatique (clé USB, disque dur externe, etc.), appareil mobile, etc.
Contenu
Introduction au design d’interfaces
- Expérience utilisateur (UX) vs Design d’interfaces (UI)
- Conventions et standards du web
- Tendances web actuelles et passées
- Évaluation du groupe
Exercice à réaliser durant le cours - Identifier sur des maquettes existantes les bonnes et mauvaises pratiques
Introduction aux outils
- Fonctions de bases: FIGMA
- Illustrator & Photoshop
- Components
- Prototypage
Exercice à réaliser durant le cours - Reproduire une maquette JPG dans un fichier FIGMA en utilisant les bonnes pratiques et les fonctions clés et créer un prototype.
Principes de design d’interfaces
- Guide de normes
- Compositions
- Typographie: Les bases
- Typographie: Orienté web
- Analyse des maquettes créées dans le cours précédent
Types de sites Web
- Site web informationnel
- Page d’atterrissage
- Site web transactionnel / catalogue
Travail pratique - L’élève devra répondre à un quiz et ensuite effectuer un exercice pratique pour chacun des types de sites vus durant le cours. Une maquette fonctionnelle ainsi qu’une direction artistique claire seront fournies à l’élève.
Introduction au design d’interfaces
- Les acteurs et les enjeux
- Type de projet
- Les prérequis (UX)
- S’inspirer sur le web
- Dans la vraie vie; c’est comment?
- Ateliers de création (3x)
Ateliers de création - Simulation de demandes clients et réalisation de celles-ci par l’élève.
*L'ordre des sujets abordés pourrait varier
Horaire et coûts
Conditions d'admission au TARIF RÉDUIT FINANCÉ par Services Québec
Pour les formations de perfectionnement financées par Services Québec et offertes à 5$/h, vous êtes admissible uniquement si vous respectez tous les critères suivants:
- Vous résidez dans la région de la Capitale-Nationale ou de Chaudière-Appalaches (Québec, Canada) ou travaillez pour une entreprise située sur l’un de ces territoires;
- La formation choisie est en lien avec votre emploi actuel ou votre domaine d’études;
- Vous êtes en emploi dans une entreprise privée ou un OBNL, travailleur(se) autonome ou en période d’arrêt de travail d’un emploi saisonnier;
- Moins de 100 personnes travaillent pour votre employeur;
- Vous ne travaillez pas pour un ministère, un organisme ou une agence du gouvernement provincial ou fédéral, une municipalité ou un établissement d’enseignement;
- Vous n’êtes pas sans emploi ou aux études à temps plein;
- Vous n’êtes pas prestataire de la CNESST ou de la SAAQ.
Notez que le nombre maximal d'inscriptions provenant d'une même entreprise est limité à 3 par groupe et que le nombre de personnes employées sera vérifié avec l'information disponible au Registraire des entreprises du Québec.
Ceux qui ont consulté cette fiche ont également consulté :
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMzAiLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJFeHBsb3JleiBsYSBnZXN0aW9uIGRlIHByb2pldCEgMzkgaGV1cmVzIGRlIGZvcm1hdGlvbi4gQ291cnMgZW4gbGlnbmUgXHUwMGUwIHRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2dlc3Rpb25fZGVfcHJvamV0LmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTQiLCJ0aXRsZSI6IkxlIGN5Y2xlIGNvbXB0YWJsZSBpbmZvcm1hdGlzXHUwMGU5IChTYWdlIDUwKSIsImRlc2NyaXB0aW9uIjoiSW5zY3JpcHRpb25zIGVuIGxpZ25lLiBPcHRpbWlzZXogdm9zIG9wXHUwMGU5cmF0aW9ucyBkdSBjeWNsZSBjb21wdGFibGUgaW5mb3JtYXRpc1x1MDBlOSBwb3VyIFNhZ2UgNTAhIDI0IGhldXJlcyBkZSBjb3VycyBcdTAwZTAgdGVtcHMgcGFydGllbCwgZW4gbGlnbmUuIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZS1jeWNsZS1jb21wdGFibGUtaW5mb3JtYXRpc2UtYWNvbWJhLWV0LXNhZ2UtNTAiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjM5XC9hdGp5bmo0NDEuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyNTgiLCJ0aXRsZSI6IkNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24iLCJkZXNjcmlwdGlvbiI6IkRldmVuZXogYXNzaXN0YW50IGNvbXB0YWJsZVwvdGVjaG5pY2llbiBlbiBjb21wdGFiaWxpdFx1MDBlOSBldCBwbHVzIGVuY29yZS4gRFx1MDBlOWNvdXZyZXogbm90cmUgQUVDIGVuIGNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24uIEluc2NyaXB0aW9ucyBlbiBsaWduZSEiLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb21wdGFiaWxpdGUtZXQtZ2VzdGlvbiIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yNThcL0FFQ19Db21wdGFiaWxpdCVDMyVBOV9ldF9nZXN0aW9uLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI3NDQ2IiwidGl0bGUiOiJHZXN0aW9uIGRlIGwnYXBwcm92aXNpb25uZW1lbnQgKEFFQykiLCJkZXNjcmlwdGlvbiI6IlBsdXNpZXVycyBvcHBvcnR1bml0XHUwMGU5cyBkZSBjYXJyaVx1MDBlOHJlLiBEZXZlbmV6IGV4cGVydCBlbiBnZXN0aW9uIGRlIGwnYXBwcm92aXNpb25uZW1lbnQuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBDb25zdWx0ZXogbGEgZmljaGUgY29tcGxcdTAwZTh0ZSBkdSBjb3Vycy4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9nZXN0aW9uLWRlLWxhcHByb3Zpc2lvbm5lbWVudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC83NDQ2XC9BRUNfR2VzdGlvbl9kZV9sYXBwcm92aXNpb25uZW1lbnQuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMTg0MyIsInRpdGxlIjoiVGVjaG5pcXVlcyBlbiBnZXN0aW9uIGRlIGxcdTIwMTloYWJpdGF0aW9uIHBvdXIgbGVzIFByZW1pXHUwMGU4cmVzIE5hdGlvbnMgYXUgUXVcdTAwZTliZWMiLCJkZXNjcmlwdGlvbiI6IkxlIHByb2dyYW1tZSBwZXJtZXQgZFx1MjAxOWFjcXVcdTAwZTlyaXIgZGVzIGNvbXBcdTAwZTl0ZW5jZXMgZXNzZW50aWVsbGVzIHBvdXIgZ1x1MDBlOXJlciBsZXMgcHJvamV0cywgbGVzIGFjdGl2aXRcdTAwZTlzIGV0IGxlcyBwcm9ncmFtbWVzIGRlIGxvZ2VtZW50IHN1ciBsZXMgY29tbXVuYXV0XHUwMGU5cyBhdXRvY2h0b25lcy5cbklsIHBlcm1ldCBcdTAwZTlnYWxlbWVudCBkZSBkXHUwMGU5dmVsb3BwZXIgZGVzIGhhYmlsZXRcdTAwZTlzIHByb2Zlc3Npb25uZWxsZXMgYWRhcHRcdTAwZTllcyBhdXguLi4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC90ZWNobmlxdWVzLWVuLWdlc3Rpb24tZGUtbGhhYml0YXRpb24tcG91ci1sZXMtcHJlbWllcmVzLW5hdGlvbnMtZHUtcXVlYmVjIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxODQzXC9UZWNobmlxdWVzX2VuX2dlc3Rpb25fZGVfbGhhYml0YXRpb25fcG91cl9sZXNfUHJlbWklQzMlQThyZXNfTmF0aW9uc19hdV9RdSVDMyVBOWJlYy5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxODciLCJ0aXRsZSI6Ikdlc3Rpb24gZGVzIHN0b2NrcyAoQUVDKSIsImRlc2NyaXB0aW9uIjoiVW5lIGNhcnJpXHUwMGU4cmUgdm91cyBhdHRlbmQgZW4gZ2VzdGlvbiBkZXMgc3RvY2tzISBJbnNjcmlwdGlvbnMgZXQgY291cnMgZW4gbGlnbmUuIERpdmVyc2VzIG9wcG9ydHVuaXRcdTAwZTlzIGQnZW1wbG9pLiBGb3JtdWxlIGRlIGNvdXJzIGh5YnJpZGUuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZ2VzdGlvbi1kZXMtc3RvY2tzIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxOTcxXC9jZ3FucWg5NDIuYnJpb2ltYWdlLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI5MiIsInRpdGxlIjoiR2VzdGlvbiBkZSBwcm9qZXQgVEkgQWdpbGUiLCJkZXNjcmlwdGlvbiI6IkFwcGxpcXVleiBsZXMgbVx1MDBlOXRob2RlcyBkZSBnZXN0aW9uIEFnaWxlXC9mcmFtZXdvcmsgU2NydW0uIENvdXJzIGV0IGluc2NyaXB0aW9ucyBlbiBsaWduZS4gQXVjdW4gcHJcdTAwZTlhbGFibGUuIERcdTAwZTljb3V2cmV6IGxhIGZpY2hlIGNvbXBsXHUwMGU4dGUgZHUgY291cnMhIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9nZXN0aW9uLWRlLXByb2pldC10aS1hcHByb2NoZS1hZ2lsZS1tZXRob2RlLXNjcnVtIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMDYzXC9hbHp5eHI4OS5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzQiLCJ0aXRsZSI6IkxlcyBlc3NlbnRpZWxzIGR1IExlYW4gTWFuYWdlbWVudCBhcHBsaXF1XHUwMGU5cyBhdXggUE1FIiwiZGVzY3JpcHRpb24iOiJGYW1pbGlhcmlzZXotdm91cyBhdmVjIGxlIExFQU4gbWFuYWdlbWVudC4gVGVjaG5pcXVlcyBkZSBnZXN0aW9uIGVmZmljYWNlcy4gQXR0ZXN0YXRpb24gU09GRURVQy4gSW5zY3JpcHRpb24gZXQgY291cnMgKDIxaCkgZW4gbGlnbmUuIENvbnN1bHRleiBsYSBmaWNoZSBkdSBjb3VycyBpY2kuIFxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvbGVhbi1tYW5hZ2VtZW50IiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMjg2XC9hbWFoZXQ0MzAuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzMTIiLCJ0aXRsZSI6Ikdvb2dsZSBTZWFyY2ggQ29uc29sZSIsImRlc2NyaXB0aW9uIjoiIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZ29vZ2xlLXNlYXJjaC1jb25zb2xlIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyNDM2XC9laXd0cnkxMzQuYnJpb2ltYWdlLmpwZWciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6Ijk2MCIsImltYWdlX2hlaWdodCI6IjU0OCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzMjkiLCJ0aXRsZSI6IlN0cmF0XHUwMGU5Z2llIG51bVx1MDBlOXJpcXVlOiByYXlvbm5lciBzdXIgbGUgV2ViIGV0IGxlcyByXHUwMGU5c2VhdXggc29jaWF1eCIsImRlc2NyaXB0aW9uIjoiIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvc3RyYXRlZ2llLW51bWVyaXF1ZS1yYXlvbm5lci1zdXItbGUtd2ViLWV0LWxlcy1yZXNlYXV4LXNvY2lhdXgiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjI0NDdcL2ZvZ25iaTQ1My5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6Ijk2MCIsImltYWdlX2hlaWdodCI6IjY2NSJ9