Passer au contenu principal

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

Formation aussi offerte en entreprise ou en groupe privé, pouvant être adaptée aux réalités et aux besoins de votre organisation.

Pour plus d’informations

À propos de cette formation

Durée

15 heures

Durée calendrier

5 semaines

Effort demandé

3 heures par semaine

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

Designer(-euse)s front-end ou graphique, chef(-fe)s de projet, développeur(-euse)s

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.

Formule d'enseignement

  • En ligne

    Aucune date annoncée

    Synchrone

Comment cette formation est-elle reconnue?

ATTESTATIONS DE PARTICIPATION

Pour obtenir l'attestation de participation pour un cours de perfectionnement non créditable, il faut avoir assisté aux 2/3 des heures de cours. Une liste de présences est constituée et doit être signée par chaque participant afin d'assurer la conformité des attestations émises

ATTESTATIONS DE RÉUSSITE

Pour obtenir l'attestation de réussite pour un cours de perfectionnement non créditable, il faut avoir assisté aux 2/3 des heures de cours et avoir réussi l’évaluation

Que vais-je apprendre?

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

Qui offre cette formation?

Développez vos compétences grâce à la Formation continue du Cégep Garneau!

Pour tout savoir sur notre offre de formation

Nous pouvons vous contacter lorsqu’une date sera annoncée.