M2i Formation

Ergonomie des IHM pour tablettes et Smartphones

Par M2i Formation

Objectifs

  • Utiliser les interfaces d'applications pour mobiles, tablettes et Smartphones
  • Présenter les fondements de l'ergonomie des IHM mobiles
  • Montrer les bonnes pratiques pour concevoir et améliorer l'expérience utilisateur.

Programme

Jour 1

Nouveau marché, nouveaux usages

  • Contexte, chiffres, marché, évolution
  • L'offre, les usages, géolocalisation, haptique, réalité augmentée

Approche UX centrée utilisateur

  • Comportement, attentes et parcours utilisateurs
  • Personas
  • L'affordance
  • Design émotionnel

Processus cognitifs

  • Communication homme-machine
  • Modèle du processeur humain
  • Systèmes (perceptif, cognitif, moteur)

Ergonomie tactile

  • Les critères ergonomiques
  • Les normes (ISO 9241-10, ISO 13407)
  • La navigation
    • Devices
    • Modes de navigation (ludique, intuitive, plaisante)
    • Niveaux (principal, secondaire, raccourci contextuel, liens transversaux)
  • La gestuelle tactile touch et multi-touch (Hold, Tap, Drag, Flick...)
  • Avantages et contraintes de la conception mobile et tactile

Conception d'une interface

  • Cahier des charges, spécifications
  • Les guidelines
  • L'approche mobile first
  • Spécificités des principaux OS (iOS Apple, Android et Windows 8)
  • Interaction et interactivité

Architecture de l'information

  • Recommandations
  • Structure du dialogue
  • Organisation des contenus (Card Sorting)

Design graphique mobile

  • Affichage (tailles des éléments, résolutions, contrastes)
  • Accessibilité et visibilité (codes couleurs, identité graphique...)
  • Les composants et leur traitement (tableaux, formulaires, listes...)
  • Texte (agencement, lisibilité, polices de caractères, tailles...)
  • Zoning et grilles
  • Recommandations

Exemple de travaux pratiques (à titre indicatif)

  • Conception initiale d'une interface graphique pour Smartphone ou tablette comportant les essentiels de l'accessibilité aux parties de l'écran comportant de la présentation et de la saisie

Jour 2

Responsive Design

  • Principes
  • Contenu fluide (multi-colonnes, multipages)
  • Grille fluides, médias flexibles, Media Queries et viewport
  • HTML 5 et CSS 3
Exemples de travaux pratiques (à titre indicatif)
  • Conception d'un IHM s'adaptant aux diverses tailles d'écran
  • Exploitation des techniques HTML 5 et CSS 3, en utilisant les Media Queries pour retailler l'écran de façon automatique pour une même application

Maquettage d'une IHM mobile / tablette

  • Wireframes et prototypes
  • Recommandations
Exemples de travaux pratiques (à titre indicatif)
  • Maquettage
  • Exercices sur outils Balsamiq et Axure

Evaluation d'une IHM mobile / tablette

  • Grille et critères
  • Tests de perception
  • Tests utilisateurs
Exemple de travaux pratiques (à titre indicatif)
  • Mise en oeuvre de tests de perception et évaluation

Pédagogie

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formationTélécharger au format pdf Ajouter à mes favoris

Formations de la même catégories (5)

IB Formation
Ergonomie et UX design d'interfaces graphiques pour appareils tactilesPar IB Formation

Si le marché des ventes de PC s’essouffle, celui des tablettes et smartphones continue d’afficher de bonnes performances. C’est dire l’engouement du grand public pour ces appareils. Face à ce phénomène, les entreprises "commerciales" se doivent de réagir et de proposer, comme il y a quelques années sur Internet, des applications (Apps) ou des sites web adaptés à ces appareils. Mais la diversité des tailles d’écrans comme la nécessité de proposer une navigation "tactile" très intuitive impose une sérieuse réflexion quant au design et à l’ergonomie de ce type d’interfaces. A l’issue de cette formation, les participants disposeront des connaissances et compétences qui leur permettront de réaliser des applications web ou des sites web conviviaux pour tous les utilisateurs (web et mobiles).

Orsys
Analyse et ergonomie des IHM logiciellesPar Orsys

Qu’il s’agisse d’écrans directement intégrés aux machines, d’écrans d’ordinateur, de tablettes tactiles ou de Smartphones, le but des interfaces reste de dialoguer avec un utilisateur et de répondre à ses besoins. Afin découvrir ces besoins et le rôle de l’ergonome, cette formation vous présentera des méthodes de design d’interface centré utilisateur, et vous fera découvrir les principes d’ergonomie essentiels pour concevoir et auditer une IHM.

Global Knowledge
Developing on Hyperledger Fabric BlockchainPar Global Knowledge

Découvrez les besoins en applications Blockchain, ainsi que Hyperledger Fabric, le framework open source pour le développement d'applications et de solutions Blockchain à architecture modulaire. Ce cours vous présentera l'outil Hyperledger Composer, qui vous aide à créer des applications Hyperledger Fabric grâce à des travaux pratiques complets.

Ce cours est enseigné par des experts de premier plan, qui vous guideront à travers les sujets de présentation et ceux plus approfondis, tels que les étapes pour intégrer / développer une application avec Hyperledger Fabric v1.1.

Pyramyd Formation
HTML5, CSS3 et le responsive Web designPar Pyramyd Formation

CERTIFICATION ENI

La certification valide des compétences et se présente sous la forme d’un questionnaire à choix multiple adaptatif avec plusieurs niveaux de questions.