Création et référencement de sites internet en Brabant Wallon-Hainaut-Namur-Liège-Luxembourg-Bruxelles
QR Code De visu on web, création et référencement de sites internet en Brabant Wallon-Hainaut-Namur-Liège-Luxembourg-Bruxelles
Osez ouvrir votre fenêtre sur le web ... Le monde découvrira votre existence de visu.
Page LinkedIn de DE VISU on web Page facebook de DE VISU on web
Vous êtes ici : DE VISU on web

Un site web ergonomique : confort des visiteurs

Création d'un site web ergonomique, conçu pour le confort des visiteurs, en Brabant Wallon-Hainaut-Namur-Liège-Luxembourg-BruxellesLa définition classique de l'ergonomie regroupe les aspects de confort, de sécurité et d'efficacité, tous à prendre en compte lors de la création d'un site web.

Les critères d'efficacité et de confort de navigation étant développés dans la rubrique consacrée à l'utilisabilité d'un site web, la présente rubrique traitera essentiellement du confort de lecture des visiteurs.

  • Pourquoi l'ergonomie d'un site web est-elle importante ?
  • Comment améliorer le confort des visiteurs d'un site web ?
  • Comment créer un site web ergonomique ?
  • Qu'est-ce que le responsive web design ?

Le respect des habitudes : ergonomie élémentaire

S'il n'y a pas de véritables normes ergonomiques à respecter lors de la création d'un site web, avec l'usage, des standards d'ergonomie se sont peu à peu mis en place en matière d'occupation de l'espace, de répartition de l'espace, de typographie et d'agencement des textes.

Les internautes s'étant habitués à certains schémas, il est préférable, lors de la création d'un site web, de respecter ces pratiques afin de ne pas perturber vos visiteurs, sans que cela ne doive nuire à la créativité.

L'occupation de l'espace : ergonomie de la mise en écran

La largeur d'un site web doit tenir compte des différentes résolutions d'écran qu'utilisent les internautes afin que les informations principales soient toujours apparentes.

Le choix de la configuration utilisée doit être établi avant la création du site web car la conception de ses éléments en dépendra. Il existe cinq types de configuration d'un site web : fixe, fermé, élastique, fluide et réactif.

Le site fixe : obsolète

Le site web avait une largeur fixe, généralement de 950 pixels afin d'être compatible avec ce qui était alors la majorité des résolutions d'écran.

Il pouvait être collé à gauche de la fenêtre du navigateur, ou plus rarement, à sa droite.

Le site fermé : heureusement en voie de disparition

En plus d'une largeur fixe, ce type de site web avait une hauteur fixe. Les pages dont le volume de contenu dépassait l'espace réservé nécessitaient par conséquent une fenêtre déroulante, procédé à proscrire tant sont rares les internautes s'apercevant de cette possibilité et se donnant ensuite la peine d'y faire défiler le contenu.

Cette configuration fort peu ergonomique tend heureusement à disparaître, ayant surtout été utilisée par les sites web entièrement créés avec Flash, d'autre part peu compatible avec un bon référencement.

Le site élastique : une illusion d'optique

Il s'agit également d'un site web de largeur fixe, le plus souvent d'environ 950 pixels, mais centré par rapport au navigateur, lui donnant ainsi un aspect plus élastique dû à son déplacement automatique pour rester constamment au centre de la fenêtre du navigateur quelle que soit sa largeur et ainsi donner l'illusion qu'il s'étire sur toute la largeur disponible.

Il s'agit de la solution la plus utilisée, même encore de nos jours, bien qu'elle soit dépassée d'un point de vue ergonomique. Plus facile à mettre en oeuvre, tous les composants graphiques du site web sont de taille fixe.

Le site web élastique conservera toujours le même aspect, quelle que soit la largeur de la fenêtre :

  • Si on élargit la fenêtre sur un écran permettant une résolution supérieure à 1024 pixels, seul le fond s'élargira, laissant apparaître un espace vide de chaque côté.
  • Si on réduit la fenêtre, la partie droite du site sera tout simplement tronquée.
  • Sur un support mobile de résolution inférieure, le résultat sera, en fonction du niveau de zoom, soit un site complet mais illisible de part sa taille, soit un site tronqué.

Le site fluide : adaptation à tous les formats d'écran

La largeur du site web de type fluide, ou liquide, s'adapte parfaitement à celle de la fenêtre du navigateur, quelle que soit la résolution utilisée, donnant au site web une impression de fluidité, agréable à l'oeil. Il est cependant possible et recommandé, afin d'éviter des colonnes trop étroites ou trop larges qui pourraient nuire à la lisibilité, de leur donner des limites inférieures et supérieures.

Ce type de configuration est moins utilisé et plus difficile à mettre en oeuvre car il demande une meilleure connaissance de la codification, plus de rigueur dans le développement, et plus de tests.

C'est la configuration la plus ergonomique car c'est le site web qui s'adapte à l'utilisateur et non l'inverse. La résolution des écrans ayant tendance à augmenter, le site fluide permet à l'internaute de réellement utiliser toute la largeur de son écran et d'y afficher ainsi plus d'informations sans avoir recours au déroulement vertical.

Le site que vous visitez actuellement est de type fluide. Il s'étire de manière harmonieuse jusqu'aux 2560 pixels d'un écran de 30 pouces. Pour le vérifier, il suffit d'étendre la fenêtre du navigateur jusqu'aux limites de l'écran pour constater qu'aucune place n'est perdue sur les côtés comme c'est hélas le cas pour la majorité des sites.

La conception réactive (responsive web design) : le futur standard

La création d'un site fluide peut s'accompagner d'une conception réactive (ou adaptive). En s'adaptant également aux résolutions inférieures et moyennant l'utilisation de quelques techniques supplémentaires, cette conception permet au design de rester compatible avec les appareils dotés d'écrans plus petits, tels que les tablettes et les smartphones. Il évite donc de devoir créer un site spécifique pour les supports mobiles et ne nécessite que quelques adaptations de la feuille de style pour, par exemple, déplacer ou supprimer l'affichage de certains éléments.


Création site web Brabant Wallon, référencement site web Brabant Wallon, Création de sites web Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles,  Référencement de sites web Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles, Création et référencement de sites internet En savoir plus sur le Responsive web design

La répartition de l'espace : ergonomie de la mise en page

Tous les sites web ne sont heureusement pas créés sur le même modèle. Si la créativité évite la monotonie, il convient cependant de respecter certaines règles de bon sens – c'est cela aussi l'ergonomie – afin de ne pas perdre les visiteurs.

La page d'un site web, comme tout document, est normalement constituée d'une entête, d'un corps et d'un pied de page.

L'entête

D'une hauteur inférieure au tiers de l'écran, elle comprend généralement plusieurs parties pouvant être agencées de nombreuses manières :

  • l'identité du site web : logo, nom, sous-titre, slogan, bannière, ...
  • des outils : contact, plan d'accès, plan du site, jobs, choix de langue, ...
  • la navigation principale
  • la zone de connexion
  • la zone de recherche
  • le fil d'Ariane : page en cours et arborescence ascendante

Le corps

C'est la partie qui offre la plus grande liberté. Elle est généralement divisée en colonnes, idéalement au nombre de deux ou trois, pour une meilleure lisibilité.

La colonne de gauche :

Elle comprend généralement la navigation secondaire, éventuellement imbriquée dans la navigation principale

La colonne centrale :

Elle comprend le contenu principal de la page. C'est la seule partie dont la présentation peut différer selon le type de page.

La colonne de droite :

Réservée aux éléments les moins importants – donc surtout pas la navigation – car ils sont susceptibles de ne pas être affichés dans une fenêtre réduite ou un écran de petite taille, elle peut contenir par exemple des textes courts dotés d'un lien vers la page concernée : informations récentes, actualités, dernières réalisations, questions fréquemment posées, témoignages, publicités, partenaires, ...

Le pied de page

Il peut inclure une liste de liens rapides, les coordonnées, un rappel de l'activité, les mentions de copyright, les liens vers les mentions légales, les concepteurs du site web, des outils.

L'agencement des textes : ergonomie du contenu

La lisibilité, la vitesse de lecture, le confort de l'internaute et donc, son envie de lire, sont également influencés par la manière dont le contenu est présenté :

  • la largeur du texte
  • l'espacement interligne
  • l'utilisation de titres, de plusieurs niveaux de sous-titres
  • la longueur des paragraphes
  • l'utilisation de listes à puces
  • l'utilisation d'enrichissements typographiques : gras, italique, couleurs
  • l'identification des liens hypertextes : groupe de mots sur lequel un clic envoie à une autre rubrique

La typographie : ergonomie du texte

La lisibilité, la vitesse de lecture et la fatigue de l'internaute, bases d'une bonne ergonomie, sont influencées par les choix typographiques :

  • les polices de caractère : types et nombre
  • la taille des caractères
  • la couleur des caractères
  • la couleur de fond et son contraste avec celle des caractères

Dans un souci de performance et d'indépendance vis-à-vis des navigateurs et des systèmes d'exploitation, le choix de la police devrait se limiter à celles les plus utilisées et livrées avec les systèmes d’exploitation de base, telles que : Arial, Comic sans MS, Georgia, Tahoma, Times New Roman, Trebuchet MS, Verdana, ...

De plus, les résultats de tests de lisibilité poussent à privilégier les typographies sans sérif telles que Verdana, Arial, Trebuchet MS, Tahoma, Comic sans MS.

 

L'accessibilité : ergonomie pour tous

Il ne suffit pas que le site et toutes ses informations soient accessibles aux robots des moteurs de recherche et à tous les internautes quels que soient leur matériel et leur navigateur.

Les informations doivent également être accessibles aux personnes ayant des déficiences visuelles : non-voyants et malvoyants.

Quelques techniques ergonomiques doivent être mise en place afin de ne pas priver une partie du public des informations contenues dans le site :

  • texte alternatif sur toutes les images importantes
  • reproduction dans le texte des informations contenues dans les images et les fichiers multimédias
  • choix de couleurs et contraste permettant à tous de lire aisément les textes y compris malvoyants et daltoniens
  • choix d'une typographie lisible et redimensionnable au gré de l'utilisateur tout en conservant un affichage correct de la page entière, et ceci quelle que soit la résolution d'écran utilisée, ...


Création site web Brabant Wallon, référencement site web Brabant Wallon, Création de sites web Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles,  Référencement de sites web Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles, Création et référencement de sites internet Vous souhaitez un site web ergonomique ? contactez DE VISU on web

AGENCE WEB BELGIQUE

Création et référencement de sites Internet professionnels

Brabant wallon  Namur  Hainaut  Liège  Bruxelles


Création et référencement de site web pour améliorer sa visiblité - Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles En savoir plus sur l' agence web

Qu'est-ce que le "responsive web design" ?

Appelé également conception réactive (ou adaptative), il permet au site Internet d'être lisible sur un support mobile en s'adaptant automatiquement à l'espace disponible de manière optimale. Il n'est donc plus nécessaire de développer une version spéciale d'un site web pour smartphone ou tablette.


Création et référencement de site web pour améliorer sa visiblité - Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles En savoir plus sur le Responsive web design

Comment augmenter la visibilité d'un site web ?

En le rendant visible, attirant et sexy.


Création et référencement de site web pour améliorer sa visiblité - Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles En savoir plus sur comment une agence web peut améliorer la visibilité d'un site web

Créer soi-même son site web, c'est possible ?

Oui, ce n'est pas plus compliqué que ... la mécanique ou la construction.

Il suffit d'avoir les compétences !

C'est pour cela que la plupart des gens déposent leur voiture chez le garagiste et font appel aux entreprises du bâtiment.

Envie d'un site Internet professionnel pour votre entreprise située en Belgique ?
Faites appel à une agence web belge !


Création et référencement de site web professionnel - Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles En savoir plus sur la création d'un site professionnel en Belgique

Référencement naturel ou Google Adwords ?

Optimisation pour les moteurs de recherche (SEO)
ou publicité coûteuse (SEM) ?


Création de site web avec référencement naturel ou payant - Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles En savoir plus sur comment choisir entre référencement naturel et payant en Belgique

Votre site ne reçoit presque pas de visiteurs, que ce soit de votre région, de Belgique ou du monde entier.

Pourquoi ?
Comment y remédier ?


Pourquoi référencer un site web pendant sa création - Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles En savoir plus sur Comment améliorer le positionnement d'un site sur Google

Création de site web bon marché en Belgique

Site gratuit (vraiment ?),
Site pas cher (au début ?)
Site en location (arnaque ?)


Création et référencement de site web bon marché et gratuits - Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles En savoir plus sur les sites pas chers et les sites gratuits en Belgique

Subsides Belgique (Wallonie - Bruxelles)

Vous exportez à partir de la Belgique?

Vous pouvez bénéficier de subsides de votre région pour la création de votre site Internet par une agence web !

  • Région Wallonne (Brabant wallon, Namur, Hainaut, Liège, Luxembourg)
  • Région Bruxelles-Capitale


Subsides de la région wallonne pour la création et le référencement de site web Brabant Wallon - Hainaut - Namur - Liège - Luxembourg , Subsides de la région Bruxelles-capitale pour Bruxelles En savoir plus sur les subsides de la Région

AGENCE WEB BELGIQUE

Pour la conception, la création et le référencement de votre site web professionnel sur mesure

Nous nous déplaçons du Brabant Wallon dans toute la Belgique francophone (Bruxelles et Wallonie) :

  • REGION WALLONNE : toutes provinces
    • Brabant wallon
    • Hainaut
    • Namur
    • Liège
    • Luxembourg
  • REGION BRUXELLES-CAPITALE


Création et référencement site web Brabant Wallon, création et référencement de sites web Brabant Wallon - Hainaut - Namur - Liège - Luxembourg - Bruxelles Contacter l'agence web du Brabant Wallon (Belgique) par le Formulaire en ligne