a31810f4-69c2-4c31-a80a-b17a8cf8fa5d

UI DESIGN

Qualiopi

En centre

Non éligible CPF

Sélectionnez une session :

Asnières-sur-Seine :

01 juil.07 oct.09 déc.

Visio :

06 juin 13 juin 14 oct.

Choisissez une date pour pouvoir réserver !

Objectifs

Programme

L’UI-Design est le processus qui consiste à créer des interfaces pour des logiciels ou des produits digitaux en mettant l’accent sur l’apparence ou le style. Toutefois, cette discipline va bien au delà et est essentielle pour soutenir une expérience digitale utilisateur de qualité et mémorable.

"Les bons designs ne dépendent pas du support que l’on utilise. Pour créer un design de qualité, il faut bien réfléchir à ce que l’on veut faire et au cadre dans lequel cela s’inscrit, avant même de commencer." Susan Kare

INTRODUCTION : NOTIONS FONDAMENTALES

DU DESIGN D’INTERFACE

- Définir les notions de design d’interface

- Identifier les principes de navigation et d’ergonomie selon les supports

- Structurer et hiérarchiser visuellement l’information

- Découvrir les nouvelles tendances de l’UI-Design

DÉCOUVERTE : RESPONSIVITÉ ET CONTRAINTES

TECHNIQUES

- Définir les formats standards de conception et les breakpoints

- Identifier les contraintes liées aux techniques de développement et formats

- Mettre en place une grille de 8

TECHNIQUES DE PRODUCTION :

MÉTHODES ET OUTILS

- Découvrir les différents logiciels, plugins et outils de conception

- Définir une gamme de couleurs accessible

- Choisir son principe typographique

DESIGN SYSTEM : LES BASES DE LA

CONCEPTION

- Définir les notions de design system et ses objectifs

- Penser en atomic design

- Hiérarchiser ses composants et lier des bibliothèques

de composants

- Créer un composant simple

DESIGN D’INTERFACE : PROCESSUS DE

CONCEPTION

- Découvrir la structure et le processus de conception

d’une maquette haute fidélité

- Concevoir une interface simple

- Concevoir des éléments d’interaction

- Comprendre la méthode de déclinaison de cette

interface en d’autres formats

- Hiérarchiser les résultats de l’idéation : Matrice de

décision et dot voting

PROTOTYPE ET LIVRABLES : TECHNIQUES ET

OUTILS

- Connaître les différentes logiciels de prototypage

- Réaliser un prototype interactif

- Préparer ses fichiers finalisés pour l’export

Public visé

UX-Designer / Directeur Artistique / UI-Designer junior / Webdesigner / Développeur / Product Designer / Product Owner / Product Manager / Chef de projet / Consultant en Transformation Digitale / Concepteur print /

Prérequis

Avoir un intérêt pour l'UI-Design

Méthodes pédagogiques

Durant ces deux journées, vous bénéficierez d’une expérience de formation immersive.

Vous serez amené à mettre en oeuvre l’ensemble du cycle de conception de l’UI-Design afin de résoudre une

problématique concrète sur la base d’un design challenge (création d’un service, conception d’une application,

refonte de parcours client...). Notre consultant-formateur vous accompagnera dans la réalisation des différentes

mises en pratiques et leurs attendus.

Nos formations sont issues des savoir-faire de nos consultants et illustrées de leurs retours d’expérience.

Notre cursus est conçu selon les principes suivant :

• Répartition du temps d’apprentissage entre 40% de théorie & 60% de pratique

• Illustration de l’UI-Design sur des cas concrets

• Mise en pratique de l’UI-Design et de ses conventions sur un design challenge

• Échanges réguliers avec le formateur et les participants

• Evaluation et analyse par un formateur-consultant expert en UI-Design

Supports pédagogiques : chacun des apprenants dispose d’un lien de téléchargement avec les supports de

formation.

Matériel pédagogique : mise à disposition de l’ensemble du matériel collaboratif.

Technologie : un grand écran est utilisé pour la projection du support de formation et les exercices pratiques.

Modalités d'évaluation

• Un contrôle de connaissances sous forme de QCM ou exercices pratiques est réalisé pendant et à l’issue de la formation. Il permet de valider et de reprendre les points non assimilés.

• Un certificat de réalisation d’une action de formation est transmis à l’apprenant.

• Une copie de la feuille d’émargement est transmise au commanditaire.

Informations complémentaires

Apprenant en situation de handicap, nous sommes à vos côtés pour identifier les aménagements les plus adaptés des modalités et des supports pédagogiques ou les aides humaines pertinentes.

Pour plus d’informations, contactez notre référent handicap :

referent-handicap.training@ux-republic.com / 01 44 94 90 70

Choisissez une date pour pouvoir réserver !