Accueil > Nos Formations > Compétences métiers > Marketing > Webmarketing, Webdesign > Webdesign – Concevoir une ergonomie performante de son site

Webdesign - Concevoir une ergonomie performante de son site

0 ( avis)

Maîtrisez les fondamentaux du web moderne : navigation, référencement, optimisation de l'interface, typographie, mise en page et accessibilité. Apprenez à créer un site interactif qui respecte les normes tout en captivant vos utilisateurs.

Description Objectifs Récapitulatif Programme détaillé

Description

Le web aujourd'hui

  • Analyse des nouveaux modes de navigation
  • Comportement des internautes
  • Déclinaison du web sur les supports mobiles
  • Notions élémentaires de référencement

  • Contenu sémantique, contenu iconique
  • W3C et mise en avant du contenu textuel
  • Règles de nommage
  • Conteneur, (div) et balises H1, H2
  • Améliorer l'organisation et l'interface

  • Navigation et contrat de lecture
  • Identité visuelle et ergonomie : l'importance de la page d'accueil
  • Élaborer une charte de navigation
  • Savoir structurer ses informations
  • Déterminer son rubriquage
  • Élaborer ses masques fonctionnels
  • Proposer les meilleurs
  • Objectifs

    • Optimiser l'ergonomie de votre site Internet en terme de communication graphique
    • Avoir une navigation logique et intuitive
    • Correspondre à la cible et savoir communiquer sur un produit

    Récapitulatif

    Public

    Responsable de sites Internet/Intranet, chef de projet, infographiste, webmaster, webdesigner
    Responsable multimédia, chargé de communication
    Toute personne amenée à concevoir et à optimiser un site Web pour une cible adaptée, une navigation cohérente et un référencement naturel

    Prérequis

    Bonne utilisation de Mac OS ou de Windows, des connaissances en graphisme et mise en page sont un plus

    Méthodes et modalités pédagogiques

    Formation réalisée en Présentiel, Distanciel ou Dual-Learning selon la formule retenue.

    Moyens et supports pédagogiques

    Mise à disposition d'un poste de travail sur nos formations en Présentiel.
    Mise à disposition de nos environnements de visio sur nos formations en Distanciel
    Remise d'une documentation pédagogique numérique pendant la formation
    La formation est constituée d'apports théoriques, d'exercices pratiques et de réflexions
    Dans le cas d'une formation sur site Entreprise, le client s'engage à avoir toutes les ressources pédagogiques nécessaires (salle, équipements, accès internet, TV ou Paperboard...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation

    Modalités de suivi et d'évaluations

    Auto-positionnement des stagiaires avant la formation

    Émargement des stagiaires et formateur par 1/2 journée

    Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires

    Auto-évaluation des acquis de la formation par les stagiaires

    Questionnaire de satisfaction à chaud et à froid à l'issue de la formation

    Programme détaillé

    Le web aujourd'hui

    • Analyse des nouveaux modes de navigation
    • Comportement des internautes
    • Déclinaison du web sur les supports mobiles

    Notions élémentaires de référencement

    • Contenu sémantique, contenu iconique
    • W3C et mise en avant du contenu textuel
    • Règles de nommage
    • Conteneur, (div) et balises H1, H2

    Améliorer l'organisation et l'interface

    • Navigation et contrat de lecture
    • Identité visuelle et ergonomie : l'importance de la page d'accueil
    • Élaborer une charte de navigation
    • Savoir structurer ses informations
    • Déterminer son rubriquage
    • Élaborer ses masques fonctionnels
    • Proposer les meilleurs outils
    • Intégrer les notions de repérage, de localisation et d'orientation

    Optimiser la navigation et la gestion de contenus

    • Textes/photos : les clés de la navigation
    • Les liens texte : les règles de nommage
    • Relation des données et indexation
    • Utilisation des différents médias : Textes, photos, infographies & vidéos

    Notions de typographie

    • Les familles de polices, (classification Vox-Atypi)
    • Sensibilisation au code typographique
    • Règles de composition
    • Gris typographique
    • Justification/coupures/césures
    • Google Fonts

    Notions de mise en page

    • Résolutions et taille d'écran
    • Les différentes mise en page web : graphisme et référencement liés
    • Couleurs et études comportementales de ces dernières
    • Réutilisation et/ou création d'une charte graphique
    • Organisation de l'espace, circulation de l'oeil/sens de lecture
    • Gestion des blancs et équilibre de la page
    • Hiérarchiser le l'information
    • Surface d'empagement, marges
    • Traitement des images, surfaces

    Pré-projet

    • Analyse du brief client et des contenus, (existant, images, textes, charte graphique)
    • Synthèse des références, placements et choix clients
    • Livre blanc du projet, (architecture du site, liens et plan général du site)
    • Le Zoning : mise en place des éléments principaux

    Création, optimisation du projet web

    • Mise en place et/ou réadaptation de la charte graphique
    • Mise en place visuel des éléments textes et images en page d'accueil
    • Etude du projet sur 3 propositions graphiques

    Développer l'interactivité du site internet

    • L'interactivité homme-machine
    • L'interactivité humaine
    • La notion de feed-back
    • Les services interactifs

    Vérifier l'accessibilité

    • Tenir compte de la législation sur l'accessibilité numérique
    • Se conformer aux normes de W3C
    • Adapter les contenus pour les personnes malvoyantes

    Études et cas particuliers

    Webdesign - Concevoir une ergonomie performante de son site
    Inter
    Intra
    2 jours (14 heures)
    Référence :
    MOD_20241086
    Formation Inter
    1350 € HT
    Voir les dates et villes disponibles
    2 jours (14 heures)
    Référence :
    MOD_20241086
    Formation Intra

    Trouvez la formation qui
    répond à vos enjeux

    Nos autres formations

    Vous aimerez aussi

    Être rappelé

    Page Formation | Formulaire de contact

    Les données saisies dans ce formulaire sont conservées par nos soins afin de pouvoir répondre au mieux à votre demande. Nous accordons de l’importance à la gestion de vos données, en savoir plus sur notre démarche Données Personnelles.

    Demander un devis

    Page Formation | Formulaire de devis

    Les données saisies dans ce formulaire sont conservées par nos soins afin de pouvoir répondre au mieux à votre demande. Nous accordons de l’importance à la gestion de vos données, en savoir plus sur notre démarche Données Personnelles.

    Je m'inscris

    Page Formation | Formulaire d'inscription

    Les données saisies dans ce formulaire sont conservées par nos soins afin de pouvoir répondre au mieux à votre demande. Nous accordons de l’importance à la gestion de vos données, en savoir plus sur notre démarche Données Personnelles.