IFOSUP Wavre | Webdesign | Ergonomie et Communication Web - Gérard Barmarin | Communiquer

Communiquer

• Ex.0.0 - Définissez les termes suivants:

  • Ex.0.0a - Définissez le terme communication:

    La communication est un système qui, à l'aide de codes (écriture, langage, dessins, expressions faciales, ...), permet d'échanger des messages entre les individus ou de transmettre des émotions. Dans la création d'un site web pour un client, son rôle est de mettre en avant de façon limpide les produits et/ou services qu'il propose. Que veux-je dire au visiteur ?

  • Ex.0.0b - Définissez le terme ergonomie:

    L'ergonomie est l'organisation de l'environnement et la mise en place de méthodes permettant d'optimiser les divers aspects (confort, rendement, ...) d'une tâche. Dans la création d'un site web, son rôle est de faciliter l'obtention des objectifs de l'utilisateur.

• Ex.0.1 - Analyser un site en 5 secondes:

  le site

  Conclusion: Si les informations pratiques concernant le site ne sont pas accessibles dans les premières secondes, c'est qu'il y a eu un souci lors de sa création et l'utilisateur risque de vite faire demi-tour. Ce problème peut être causé par une mauvaise communication (ambiance trouble, images inappropriées, manque de contenu pertinent, absence de titre, ...) et/ou par une mauvaise gestion de l'ergonomie (barre de navigation inexistante ou illisible, ...).

• Ex.0.2 - Naviguer sur un site dans une langue « étrange »:

  le site

  Si le site respecte les conventions d'ergonomie, on peut aisément naviguer dessus sans forcement savoir de quoi il traite. Il est même possible de comprendre de quoi il traite si ce dernier respecte les règles de communications.

• Ex.0.3 - Choisissez un site que vous analyserez du point de vue communication et ergonomie:

  le site
  • Message: Salon de toilettage pour chien à Wavre qui insiste sur le bien être de l'animal
  • Public cible: Marché de niche, 16% des propriétaires d'animaux se rendent régulièrement dans un salon de toilettage. Les chiens nécessitant un toilettage régulier ne sont plus trop à la mode (caniche, yorkshire, westie). Il est compliqué de définir un public cible à partir de ces informations mais je suppose qu'il s'agit principalement de femmes de plus de 50 ans qui n'ont plus d'enfants dans les pieds.
  • Call to action: Un bouton avec le numéro de téléphone accompagné de l'horaire et présent sur toutes les pages au dessus de la barre de navigation. Est-ce vraiment du call to action ?
  • Caractéristiques du design: Un bleu tirant un peu vers le turquoise accompagne du blanc (255, 255, 255). La grand majorité des transitions entre les couleurs de fond (section) sont net et horizontale. La forme dominante est le cercle, il permet de découper divers éléments tels que les images, les icones, google map, etc. La plupart des photos sont affichées en couple, un grand cercle accompagné d'un plus petit.
  • Lisibilité des informations: Les informations sont accessibles et bien que le texte principal soit un peu petit (15px), la police chosie est lisible et le texte est bien aéré.
  • Trouvez un détail/une idée intéressant(e) sur le site: Accès aux horaires accompagné du bouton avec le numéro de téléphone présent sur toutes les pages.
  • En conclusion: le site ne casse pas 3 pattes à un canard mais il fait le travail. Il est bien référencé, il est léger, les informations sont accessibles et claires. Par contre les animations qui se déclanche lors du scrolling sont à pleurer et le bouton de l'agence web qui flottent en bas à droite sur toutes les pages est un peu envahissant.

• Ex.0.4 - Résumez le cours d’aujourd’hui en 6 mots ou trouvez une image qui résume le cours:

  1. message
  2. public
  3. objectif
  4. interface
  5. technique
  6. conventions

• Ex.0.5 - Nous allons créer un jeu de Triviale poursuite sur l’ergonomie:

  Trivial Pursuit

• Ex.0.6 - Interrogez-vous sur la typographie pour préparez votre esprit pour le cours prochain:

  • À quoi sert le choix d'une police: Participer à l'ambiance, au caractère et à la lisibilité du site.
  • Que puis changer au niveau des polices d’écriture: la taille, la couleur, la graisse, l'interligne, l'espace entre les lettres, italic.
  • Majuscules/minuscules: Un texte en majuscule est moins lisible et symbolise les cris, son utilisation doit donc être faite avec parcimonie.
  • Gras/italique: Le gras est utilisé pour mettre un texte en valeur, pour lui donner de l'importance. L'italique peut aussi effectuer cette tâche mais il est plus souvent utilisé pour divers types de citation ou de références ou encore pour marquer l'emphase.
  • Titres/sous-titres: Les sous-titres sont plus discret que les titres et servent à détailler le propos de ces derniers.
  • Lien entre design et police: La police est l'un des éléments essentiels du design.