Création de site web/Web-design

Wikipédia propose un article sur : « Web design ».

Le Web-design renseigne sur la conception et l'évaluation de site web ergonomique.

Critères de qualité

modifier

 

Wikipédia propose un article sur : « ergonomie ».

Pour être ergonomique, un site doit avoir :

  • une facilité d'utilisation
  • des téléchargement rapide
  • des mises à jour fréquentes

Il doit être adapté aux besoins des utilisateurs et réutilisable. Le site doit s'adapter au niveau des utilisateur pas l'inverse. le site doit être accessible depuis différentes plateformes.

Développement

modifier

Le développement web se base sur 2 points forts :

  • le site est évalué par les utilisateurs
  • il est modifié sur la base de leurs requêtes
  1. La phase d’analyse (Analyse des besoins)
  2. La phase de conception (Architecture du système d'information)
  3. La phase de production (Maquettage du site)
  4. La phase d’évaluation (Tout les aspects techniques doivent fonctionner correctement)

Évaluation

modifier

Elle est de 2 types :

  • soit par un expert (utilisation de critères objectifs)
  • soit par un amateur (gout personnel)

Phase de test

modifier

Soumettre à des utilisateurs lambda des scénarios type et voir comment ils se débrouillent. cela se fait sur un échantillon (10 à 15 personnes).

Principes d' utilisabilité

modifier
  • présentation (choix du texte, des images, des textures, des couleurs)
  • navigation (hauteur, largeur, profondeur et disposition dans l'espace des « frames »)
  • animations (son et vidéos, image qui bouge au passage de la souris, etc.)
  • formulaire interactif (l'erreur s'affiche sur la bonne ligne...)
  • performance (le site ne met pas plus de 3 secondes à charger)
  • support utilisateur (mail des administrateurs et/ou responsables)

auxquels s'appliquent les règles ergonomiques correspondantes.

Problèmes courants

modifier
  • lisibilité (taille de caractères trop petite)
  • navigation (pages orphelines)
  • organisation (nom de lien inadapté ou au mauvais endroit)

Architecture cohérente

modifier

L'architecture doit s'adapter aux besoins.

  • créer des sous menus
  • créer des styles visuels propres pour des parties de sites volumineuse
  • profondeur : la règle des 3 clics : pas besoin de plus de 3 clics pour accéder à n'importe quelle ressource du site
  • la page d'accueil renseigne sur les principales fonctionnalités de navigation.
  • le logo et le nom doivent être les plus visible sur la page d'accueil
  • trouver un compromis entre vitesse et beauté de la page d'accueil
  • utiliser des métaphores : un chariot symbolise l'achat dans un site de e-commerce
  • laisser la possibilité à l'utilisateur d'augmenter la taille des caractères.

Références

modifier