L'actualité du Laptop


formation UX Design et ergonomie
Formation

Les fondamentaux de l’ergonomie digitale : définition et méthodes

7h - Jules Leclerc, Lead UX

PUBLIC VISÉ

Webdesigners, graphistes, directeurs artistiques, concepteurs ou développeurs de sites ou d’applications mobiles, chefs de projet web, chefs de projets numériques multi-supports, chefs de projets digitaux, développeurs front office.

PROGRAMME

Définition de l’ergonomie digitale

  • Les fondamentaux, ergonomie et utilisabilité
  • Les caractéristiques de l’utilisateur : activité, facteurs humains, environnement
  • L’implication de l’utilisateur final à toutes les étapes d’un projet digital
  • Le recrutement des utilisateurs

Mise en oeuvre avant la conception

  • L’entretien utilisateur
  • Le focus group
  • Le persona

Mise en oeuvre pendant la conception

  • Critères d’ergonomie de Bastien et Scapin : des guides pour la conception et l’évaluation
  • Experience map
  • Tri par carte
  • Maquettage d’interface
  • Test utilisateur
  • Audit ergonomique

La journée sera ponctuée d’ateliers pratiques.
Un support de cours sera remis en fin de session.

WORK&PROGRESS

Faire sa compta en tant que freelance

Faire sa comptabilité lorsque l’on est freelance, c’est toujours compliqué ! Alors on a pensé à vous et nous vous avons concocté un petit programme 100% compta mais 100% cool :

• 30 – 40 min de présentation de Quickbooks ;

• 20 – 30 min de présentation d’une mise en application concrète + rapide présentation du cabinet (sous l’angle « Que proposent les nouveaux experts-comptables ? » ;

• Échange informel avec les participants

Gratuit
Pavillon des Canaux  (carte)
sketch & le prototypage
Formation

Prototypage sur Sketch

8h - Sebastien Bonneval, Lead UX

1 – Prise en main

• Le paramètrage des préférences
• La topbar (outils & sa personnalisation)
• Les espaces de travail (pages & artboards)
• Les calques
• L’ Inspecteur
• Les raccourcis clavier essentiels

2 – Designer

• Création d’artboards : disposition, taille, espacement entre éléments, etc.
• Création de grid : plan de travail multi dimension, règles & grid
• Création de calques : attributs, modification & action (rotation, scale, alignements, etc.)
• Hiérarchie des vues : Disposition, groupes & sous groupes
• Création de zones de texte : taille, espace inter caractères / ligne, fill , etc.
• Raccourcis claviers : copie, duplication, groupe, symboles, formes, etc.

3 – Exporter

• Exportation (interface & css)
• Découpe

4 – Focus sur les fondamentaux des symboles et styles

• Symboles : Principe, création, modification & remplacement de symboles (texte & images dynamiques)
• Styles sur formes : bordures, fond, overlay, ombres, blur, dégradés, etc.
• Styles sur couleurs & typos : Création d’une « charte graphique dynamique »

5- Application des acquis avec la réalisation d’une interface web responsive simple ou app mobile

• Organisation
• Préparation
• Réalisation
• Prototype

6- Booster son workflow

• Sélection des meilleurs plugins et services (Craft, Auto-layout, Flows, Fontily, …)
• Les templates, gestion des palettes de couleur
• Collaboratif (zeroheight, craft library, craft freehand, Picnic…)

UX Event

Good Morning UX #3

Les fondamentaux de l’approche du design UX

Cette conférence permet de découvrir en surface l’intégralité des grandes méthodes de design centré sur l’utilisateur.

Les sessions de Good Morning UX sont clairement destinées aux designers amateurs ou étudiants des métiers du web.

L’objectif est de vulgariser les méthodes de conception UX pour les rendre accessibles et comprendre ses atouts. La conférence durera deux heures et se composera de plusieurs thématiques illustrées par des exemples concrets.

Les personnes présentes pourront découvrir un ensemble de principes théoriques sur les différentes pratiques du design UX. Pour permettre à chacun d’approfondir chaque sujet abordé, la présentation sera distribuée avec des annexes de documentation et une liste de livres à lire.

  • Sujet abordé : Les fondamentaux de l’approche du design UX
Gratuit
Novencia  (carte)

Avec Le Laptop...

Suivez-nous

Le Laptop