Toutes nos formations sont désormais disponibles en "Live Virtual classes". Contactez-nous pour plus d’informations : formation@oxiane.luToutes nos formations sont désormais disponibles en "Live Virtual classes". Contactez-nous pour plus d’informations : formation@oxiane.lu

Mobile Design

Accueil » Formations » Front / Mobile » Mobile Design
1150 € HT 2 jours DW-MOBD

Mobile Design : Design d’interfaces et ergonomie tactile

Programme

Introduction sur le Design d’interfaces et sur l’ergonomie tactile.

  • Qu’est-ce que le Design d’interfaces,
  • Définition et buts de l’Ergonomie, l’IHM (Interaction Homme-Machine)
  • Analyse des différentes actions sur les interfaces tactiles

L’interactivité, qu’est-ce que c’est ?

  • Définition et objectifs de l’interactivité
  • Comment être interactif sur les supports mobiles grâce au design ?

Panoramas des différentes plateformes, les différents contextes d’usages

  • Design d’interfaces logicielles
  • Design d’interfaces web responsive
  • Design d’interfaces mobiles
  • Autres plateformes (bornes, TV, terminaux alternatifs, etc.)
  • Les objets connectés

Quelles sont les différentes fonctionnalités, les nouveaux usages et les technologies de demain ?

  • Les fonctionnalités récentes
  • Les nouveaux usages
  • Quelles seront les technologies de demain ?
  • Pourquoi et comment utiliser les nouvelles fonctionnalités dans son application mobile ?
  • Atelier 1 : imaginez un concept d’application avec une technologie innovante (du futur)

Le Design mobile

  • Quels sont les différents types de design d’une application (informatif, social, utilitaire…) ?
  • Les avantages et les inconvénients d’une Mobile web app et d’une Native app
  • Atelier 2 : analyse d’une application dans les médias – comment passer avec succès à l’interactivité, l’importance de la théâtralisation, les services supplémentaires, répartition de l’information
  • Etude de cas : les stagiaires échangent avec le formateur sur la présentation de projets et analysent ensemble les axes d’amélioration.

Respecter les différentes règles d’ergonomie dans le design mobile

  • Les principales plateformes mobiles et leurs particularités
  • Etude de cas des différentes Guidelines fabricants/éditeurs (GUI)
  • Les particularités ergonomiques de chaque OS (Material Design, Windows Phone et iOS 8)
  • Les bonnes pratiques, ce qu’il ne faut pas faire et pourquoi ?
  • Les Design patterns mobiles
  • QCM de connaissance sur les Guidelines User Interface (GUI)
  • 20 tendances Ergonomiques et Design
  • Atelier 3 : Etude de cas sur une application mobile et d’une application tablette,

Adapter le design aux caractéristiques d’identité de la marque

  • Repartir des objectifs de la marque et respecter la cohérence inter support : charte graphique, image de marque…
  • Les étapes de création d’un concept
  • L’ergonomie et l’application et les enjeux sectoriels
  • Pour Qui ? Pourquoi ? Comment ?
  • Cas pratique avec une analyse sur la marque OASIS

Identifier et collaborer avec les interlocuteurs impliqués dans le projet

  • Les interlocuteurs impliqués dans le projet : client, commercial, chef de projet, Directeur Artistique, développeur,
  • Le rôle et l’implication du designer mobile dans le projet

Dossier de spécifications : suivre les étapes du dossier de spécifications pour respecter les attentes clients et l’aspect créatif

  • Cahier des charges : contexte du projet, documents applicables et de références
  • Storyboard, wireframes, ergonomie
  • Design, phase technique, étapes du développement, arborescence de l’application, fonctionnalité : Nombre de jours dédiés à chaque intervenant

Les étapes de la phase de modélisation sur mobile et tablette

  • Le briefing,
  • La réflexion sur la corrélation de interactivité avec la marque/ le produit,
  • Exemples d’utilisation des wireframes pour les supports mobiles,
  • Réaliser les maquettes : étapes clés et écueils,
  • Les spécificités de la création sur mobile et tablette,

Mener la phase des tests utilisateurs

  • Les enjeux pour chaque phase (vitesse d’exécution…)
  • Les rectifications
  • Atelier 4 : échange avec les stagiaires sur le développement d’une application mobile d’une formation e-learning sur les aspects suivants : story board, fonctionnalités, ergonomie, design (travail en groupe).

Qu’est-ce qu’une application réussie ? Etude de cas avec Instagram

  • Pourquoi une application plait-elle ?
  •  Analyse du rapport technologie/fonctionnalité utilisateur
  • Pourquoi a t-elle été rachetée par Facebook ?
  • Comment l’ergonomie et le design intervient dans le succès de l’application ?
  • Qu’est-ce qui nous incite à y revenir régulièrement ?
  • Pour résumer, une application réussie…c’est quoi ?
  • Les 10 règles d’or à retenir
  • Quels sont les points à vérifier avant de débuter un projet ?
  • Jusqu’où peut-on aller dans son Design pour un dispositif mobile ?

Etre force de proposition dans la « vente » de son concept

  • La phase d’écoute et d’analyse des besoins de son client,
  • Valoriser les spécificités des fonctionnalités et du concept,
  • Les points de tension.

Responsive Design

  • Définition et et principes de conception pour le Responsive Web Design
  • Qu’est-ce que l’expérience utilisateur ?
  • Un design permettant d’impliquer l’utilisateur, d’interagir sur le mobile
  • Grille flexible (mise en page, typographie, points de rupture, designer avec les media queries)
  • Avantages et inconvénients du Responsive Web Design ? Les incidences sur le Design ?
  • Conclusion
  • Exemples et analyses de différents sites en Responsive Web Design
  • Atelier 5 : Conception/Ergonomie d’une application mobile ou Conception d’un site en Responsive Web Design