Design et conception d'interfaces pour le web (UI)

INF-179-TP

Description

Vous apprendrez à concevoir et à 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 à 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

Du 28 février au 27 mars 2024 (les mercredis de 18 h à 21 h)

Durée : 15 heures
Du 28 février 2024 au 27 mars 2024

EN LIGNE

Autofinancé
Coût : 302,50 $ ^{+ tx}

Formulaire d'inscription Brio

Services Québec ⁽¹⁾
Coût : 30 $ ^{+ tx}

Formulaire d'inscription Brio

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

Info alerte

J'aimerais recevoir un avis par courriel lors de la prochaine période d'inscription pour Design et conception d'interfaces pour le web (UI) (INF-179-TP)

Cours à la carte
Certification : SOFEDUC. Attestation de réussite avec émission de 1.5 UEC ?
Durée: 15 heures
Emplacement: En ligne
Coût : 302,50 $ ^{+ tx}
Tarif réduit financé par Services Québec: 30 $ ^{+ tx}
Début de la prochaine cohorte :
Le mercredi 28 février 2024

Pour plus d'information

Secteurs : Transport, approvisionnement, immobilier, juridique, design, langues, entrepreneuriat, sécurité & sûreté

Marie Julie Coulombe
418-688-8310 poste2422
mjcoulombe@cegepgarneau.ca

Secteurs : Administration, bureautique, ressources humaines & Technologies de l'information

Thomas Baril Lessard
418-688-8310 poste 2270
tbaril-lessard@cegepgarneau.ca

En tout temps, vous pouvez également communiquer avec le secrétariat de la formation continue au 418-687-5851 ou par courriel au dfc@cegepgarneau.ca.

Site web : progressez.ca