Ergonomie des sites Web

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Identifier les enjeux et les critères de l'ergonomie d'interface pour le Web
  • Appliquer l'ergonomie dans une démarche centrée utilisateur
  • Evaluer la qualité de vos interfaces.

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 2 010,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 2 010,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

Programme

Jour 1

Qu'est-ce que l'ergonomie?

  • Définitions de l'ergonomie Web
  • De l'interactivité à la notion d'interface
  • Utilisabilité et IHM
  • Les critères de base de l'ergonomie
  • Les normes ISO 9241
  • La conception centrée sur l'opérateur humain
Exemples de travaux pratiques (à titre indicatif)
  • Démonstration de sites Web avec pauvre ergonomie comparée à des sites bien étudiés en matière d'utilisation

L'organisation de l'information

  • Utiliser des modes organisationnels adaptés (taxinomie)
  • Prendre en compte les attentes utilisateur
  • Favoriser la compréhension
    • Etiquetage
    • Cohérence...
  • Rendre l'information navigable
    • Listes
    • Menus
    • Plan de site...
  • Favoriser les recherches
    • Moteurs
    • Index
  • Comprendre la notion d'interaction
  • Optimiser les menus et les parcours de navigation
  • Optimiser la gestion des outils
    • Applications
    • Fonctionnalités
Exemples de travaux pratiques (à titre indicatif)
  • A partir d'un cahier des charges simplifié, organiser les composants graphiques sur les pages en identifiant les avantages et inconvénients de chaque proposition

Connaître les futurs utilisateurs

  • Sondages et questionnaires auprès des utilisateurs
  • Recueil et analyse des données de comportement face à une interface graphique
  • Synthèse des résultats

Réalisation d'une maquette

  • Granularité du maquettage à entreprendre
  • L'importance du feedback utilisateur
  • Quid du "mobile first"
  • Les diverses philosophies de design
  • Focus sur Balsamiq
Exemples de travaux pratiques (à titre indicatif)
  • Installation et conception de maquettes en utilisant le produit Balsamiq, à partir d'un cahier des charges simplifié

Jour 2

La conception visuelle d'interfaces

  • Théories cognitives et phénomène de perception
  • Lecture visuelle de la page-écran
    • Parcours
    • Scan visuel
  • Répartition et hiérarchisation de l'information
  • Standards et conventions de représentation
  • Le concept d'affordance
  • La notion d'habillage dans la conception de site
  • La notion de grille de conception
  • La notion de "Web safe"
    • Area
    • Color
    • Font...
  • La gestion typographique des textes
  • La gestion des images
    • Format
    • Poids
    • Définition
  • La gestion des contenus riches
    • Audio
    • Vidéo
    • Animation...
  • La gestion des formulaires et des erreurs d'utilisation
  • Les apports de JavaScript et Ajax
  • Les apports de HTML 5 et de ses API
  • Les interfaces de type SPA
  • Les frameworks à base de composants graphiques tels que Angular, React et Vue
  • Les avantages pour la conception graphique des nouveaux frameworks à base de composants
Exemples de travaux pratiques (à titre indicatif)
  • Conception d'interfaces graphiques reprenant les éléments vus dans le chapitre comme :
    • La structuration des écrans
    • La présentation des formulaires
    • L'affichage des erreurs
    • L'utilisation des images et vidéos
    • Le choix de la typographie

L'adaptation multisupports

  • Les spécificités ergonomiques des écrans tactiles
  • Les spécificités ergonomiques des Smartphones (type iPhone)
  • Les spécificités ergonomiques des tablettes tactiles (type iPad)
  • Les spécificités ergonomiques des applications dédiées
    • Facebook
    • Android
    • IOS...
  • Les produits dédiés au comportement responsive
  • Les produits de conception mobile et hybride
Exemples de travaux pratiques (à titre indicatif)
  • Sur la base d'une application réalisée pour un écran PC, étudier le choix des éléments retenus s'il devait être passé sur des interfaces Smartphone et tablette
  • Dans un deuxième temps, expliquer comment la démarche "mobile first" influe sur la conception des interfaces graphiques

Jour 3

Mise en oeuvre

  • Les 12 règles de base de l'ergonomie
  • Conduire une analyse ergonomique
  • Faire un audit ergonomique
  • Analyser une cible : la méthode des personas
  • Réaliser des tests d'utilisations
  • Concevoir des scénarios d'utilisation (user story)
  • Réaliser des schémas fonctionnels (use case)
  • Concevoir un zoning
  • Créer des storyboards visuels
Exemples de travaux pratiques (à titre indicatif)
  • Sur la base d'une étude de cas simple présentée, étudier et appliquer les diverses étapes vues dans le chapitre menant à une ergonomie optimale

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

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

Prérequis

Avoir une bonne connaissance de l'outil informatique et d'Internet est utile pour suivre cette formation.

Public

Directeurs artistiques, webdesigners, webmasters, chefs de projets, responsables de sites Internet et/ou Intranet ou toutes les personnes souhaitant acquérir les bases de l'ergonomie Web.

Ces formations pourraient vous intéresser

Objectifs de la formation

À l'issue de cette formation Big Data sur Amazon Web Services (AWS), vous aurez acquis les connaissances et compétences nécessaires pour :

  • Comprendre les applications d'Apache Hadoop dans le contexte d'Amazon EMR
  • Comprendre l'architecture d'un cluster Amazon EMR
  • Lancer un cluster Amazon EMR en utilisant une image machine Amazon (AMI) et des types d'instances Amazon EC2 adaptés
  • Connaître les options d'importation, de transfert et de compression des données destinées à Amazon EMR
  • Sélectionner les options de stockage de données sur AWS les plus adaptées à leur traitement dans Amazon EMR
  • Utiliser les frameworks de programmation courants compatibles avec Amazon EMR, notamment Hive, Pig et Streaming
  • Utiliser Amazon Redshift pour déployer une solution de Big Data
  • Utiliser un logiciel de visualisation des Big Data
  • Sélectionner les options de sécurité les plus adaptées à Amazon EMR et à vos données
  • Effectuer des analyses de données en mémoire avec Spark et Shark sur Amazon EMR
  • Sélectionner les options adaptées pour gérer votre environnement Amazon EMR de façon rentable
  • Comprendre les avantages d'Amazon Kinesis pour les applications de Big Data.
Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Ruby On Rails

Proposé par M2I

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Concevoir et réaliser un site Web avec le Framework Ruby on Rails
  • Installer, déployer et maintenir une application utilisant Ruby on Rails.
Tarif

A partir de 3 050,00 €

Durée

5j / 35h

Modes
  • Centre
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Réaliser la maquette graphique du site permettant au client de visualiser l'interface fonctionnelle et graphique de la plateforme Web
  • Réaliser ensuite l'intégration de la maquette graphique en utilisant du code informatique qui sera interprété par les navigateurs
  • Réaliser les animations, évènements et les différentes interactions avec l'interface utilisateur
  • Optimiser le référencement naturel du site
  • Veiller à ce que ce dernier s'adapte à tous les appareils et toutes résolutions (smartphones, tablettes, desktop).
Tarif

A partir de 4 410,00 €

Durée

21j / 147h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Acquérir les bases essentielles de Affinity Photo pour redimensionner, recadrer, retoucher les couleurs et les imperfections de vos photos.
  • Maîtriser les principaux détourages d'images avec Affinity Photo.
  • Préparer vos visuels pour l'impression ou pour le Web.
Tarif

A partir de 1 530,00 €

Durée

3 jours (21 heures)

Modes
  • Entreprise
  • Distance
  • Centre

Objectifs de la formation

À l'issue de cette formation Dialoguer avec les développeurs vous aurez acquis les connaissances et les compétences nécessaires pour :

  • Connaître les phases de développement d’une application
  • Décrire les différents outils utilisés par les développeurs et leur environnement de travail
  • Savoir classer les langages et les technologies par famille (backend, frontend, base de données, etc.)
  • Comprendre comment un développeur gère les données dans une application
  • Connaître les architectures des applications et le vocabulaire associé
Tarif

A partir de 1 480,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Présenter une vision globale des technologies et solutions les plus importantes, dans des domaines qui ne sont pas nécessairement les vôtres
  • Anticiper les évolutions des métiers de l'informatique
  • Suggérer les meilleurs conseils auprès de vos usagers ou clients
  • Reconnaître les domaines les plus actifs ayant un impact fort sur les SI actuels (voir en détail l'état de l'art des domaines suivants : architectures du SI, Cloud, technologies du Data Center, postes de travail, serveurs, virtualisation, stockage, évolution des OS, réseaux, sécurité, développement et architectures d'applications, ERP, e-commerce, CRM, décisionnel, administration...)
  • Analyser en instantané "ce qu'il se passe" et ce que l'on ne peut pas ignorer.
Tarif

A partir de 1 720,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Démontrer la portée de l'automatisation, ses avantages mais aussi ses risques
  • Automatiser le test d'applications Web
  • Reconnaître l'architecture et le fonctionnement de la suite d'outils Katalon Studio
  • Capturer des cas et les organiser en suite de tests, puis les rejouer
  • Reconnaître les options avancées, concevoir et optimiser les tests Katalon Studio
  • Exécuter, maintenir les tests conçus et mettre en place différents environnements
  • Enumérer les différences entre les tests pilotés par les mots-clés et par les données
  • Construire des tests dans l'IDE
  • Faire des tests API.
Tarif

A partir de 1 420,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

Objectifs de la formation

A l'issue de cette formation WebIntelligence XI, vous aurez acquis les connaissances et compétences nécessaires pour :

  • Exploiter l'interface d'Infoview et de Web Intelligence 
  • Créer des requêtes et des rapports avec WebIntelligence XI 
  • Manipuler les données et mettre en forme les graphiques
  • Mettre en oeuvre l'analyse multidimensionnelle des données 
  • Gérer les documents multi-requêtes 
  • Structurer, calculer et mettre en forme les rapports
Tarif

Contacter l'organisme

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Connaître les pratiques de conception d'architectures AWS
  • Identifier les services et fonctions nécessaires pour créer des solutions informatiques résilientes, sécurisées et hautement disponibles dans le Cloud AWS
  • Utiliser AWS Well-Architected Framework pour concevoir des solutions informatiques optimales basées sur des scénarios concrets
  • Optimiser l'efficacité d'une infrastructure basée sur AWS afin d'améliorer les performances et de diminuer les coûts
  • Identifier les services AWS dédiés à la sécurité des comptes, aux réseaux, au calcul, au stockage, aux bases de données, à la surveillance, à l’automatisation, aux conteneurs, aux architectures sans serveur, aux services en périphérie ainsi qu’à la sauvegarde et à la restauration
Tarif

A partir de 2 400,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Appréhender le vocabulaire et les concepts clés de l'ergonomie et de l'UX Design et savoir les appliquer sur un projet web
  • Evaluer un site web et sa conception dans une démarche centrée utilisateur
  • Appréhender les normes et techniques existantes pour améliorer la qualité des interfacesModéliser les utilisateurs,
  • Appréhender les scénarii d’usages et les tâches liées à une application web pour adapter son IHM
  • Mettre en oeuvre une démarche d’amélioration continue face aux évolutions techniques, sociétales et réglementaires
Tarif

A partir de 2 100,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...