Formateurs en Direction Artistique
2018
  • 18 juin
  • 14 septembre
  • 16 novembre
11 rue de Rome, 75008 PARIS
Prix 1.500 H.T€

Intéressé par cette formation en intra ?


Inscrivez-vous pour recevoir régulièrement nos programmes et promotions sur les formations.

Objectif de la formation

L’audience des marques sur Internet est de plus en plus éclatée sur les différents écrans : les smartphones, puis les tablettes, aujourd’hui, les montres et demain de nouveaux objets connectés. L’objectif de cette formation est de comprendre et maîtriser l’ensemble des grands éco-systèmes mobiles. 

Au terme de cette formation, vous saurez :

  • Adapter votre design aux supports mobiles
  • Concevoir un design Mobile First
  • Appréhender les spécificités d’une interface mobile
  • Cadrer l’impact sur le service à proposer

Pédagogie de la formation

Durant cette journée, nous vous accompagnerons dans la maitrise du Design Mobile.

Notre cursus est conçu selon les principes suivant :

  • Répartition du temps d’apprentissage entre 30% de théorie & 70% de pratique
  • Illustration du Design Mobile sur des cas concrets
  • Mise en pratique 
  • Échanges réguliers avec le formateur et les participants
  • Evaluation et analyse par un formateur-consultant expert en Design Mobile

Au programme de la formation

Google préconise le Mobile First, les utilisateurs navigue et achètent de plus en plus depuis leur téléphone. Les bonnes pratiques du design web sont remises en question par ces interfaces mobiles. L’Internet mobile n’est pas un petit web. Bien au contraire, il offre de nombreuses, nouvelles et enthousiasmantes opportunités de création.

Pour y arriver, il faut adopter “la pensée mobile”.
Ainsi, vous serez à même de conduire la transformation d’un site desktop vers un site mobile, de concevoir dès le départ un projet Mobile First et enfin vous développerez votre créativité mobile

2/ Identifier les technologies du mobile

  • Enjeux stratégiques et différences entre site mobile et application.
  • La gestion des budgets, l’évaluation des coûts.
  • Les modes de développement : natif ; hybride ; frameworks cross-platform.
  • Le fonctionnement côté serveur ; les APIs.

3/ Comprendre les spécificités des sites Internet mobile

  • Les approches : Mobile friendly, Mobile optimized, Responsive design et Adaptive Design.
  • Les technologies web HTML5, CSS, Javascript.
  • Les fonctionnalités avancées de HTML5.

4/ Conception et ergonomie mobile

  • L’approche de conception Mobile First.
  • Règles d’or de l’ergonomie sur mobile.
  • Expérience utilisateur mobile (UX) et spécificités iOS / Android.
  • Introduction à Material Design.
  • Maquettage d’application et de site mobile.

5/ Gérer le projet en mode Agile

  • Penser mobile et agile.
  • Composer une équipe-projet mobile.
  • Gérer des prestataires ou internaliser le développement.
  • Les spécificités des projets mobiles.
  • Les particularités liées aux tablettes.
  • Méthodologies de tests et qualité.

Introduction au Design Mobile 

  • Histoire du Mobile
  • Evolution : Du web-mobile aux applications
  • Progressive Web App : vers de nouveaux usages ?

Maitriser les supports et les OS 

  • Différencier Mobile First, Application, Progressive Web App
  • Maitriser les guidelines iOS, Android et Web
  • Apprendre le bon vocabulaire
  • Comprendre l’ergonomie mobile

Concevoir selon les règles Mobile First

  • Comprendre du skeumorphisme et du flat design
  • Hiérarchiser l’information
  • Transformer plusieurs pages principales en une
  • Concevoir avec les bons outils

Transformer un site Desktop en Mobile First

  • Auditer un site desktop pour le transformer
  • Créer une Expérience Utilisateur omni-canal
  • Intégrer les spécificités des devices dans sa conception
  • Optimiser le processus de conception

Moyens techniques

  • Lieux de la formation : en présentiel dans notre salle de créativité
  • Repas : petit-déjeuner, déjeuner et autres collations et boissons seront offertes
  • Technologie : un grand écran est utilisé pour la projection des exercices pratiques
  • Matériel pédagogique : mise à disposition de l’ensemble du matériel (post-it, feutres, scotch, ciseaux…)
  • Supports pédagogiques : chacun des apprenants disposera d’une clé USB avec les supports de formation (et/ou envoyés par mail si besoin)
  • Émargement : une copie de la feuille d’émargement est transmise ​au commanditaire

Pré-requis

  • Une première expérience en conception d’interfaces digitales
  • Utilisation basique d’un ordinateur, d’un navigateur internet

Publics concernés

La formation s’adresse à tous les professionnels du web, en agences, SSII ou éditeurs de logiciel :

  • Web-Designer
  • UX-Designer
  • UI-Designer
  • Product Owner
  • Chef de projet

Durée de la formation

2 jours – 14 heures

Modalités des évaluations des acquis

  • Une attestation de fin de formation
  • Un contrôle des connaissances sous forme de QCM ou exercice pratique est réalisé pendant et à l’issue de la formation. Il permet de valider les acquis et de reprendre les points non assimilés