Aide de Quomodo - Tutoriels - Réaliser une page web performante

Créez votre site, avec Quomodo Un site pour votre club de sport, avec Quomodo

Quelques conseils pour réaliser une page web performante

Une mise en page claire !

L'une des principales difficultés pour réaliser une page web est la mise en page.

Dans ce domaine, avec son système de notes libres et indépendantes, Quomodo vous permet de tout faire, de la mise en page simple en 1 colonne, à des montages compliqués avec superpositions...

Quelle que soit la mise en page que vous choisissiez, il est important de garder quelques points en tête :

Pensez "zoning" : Créez des zones immédiatement identifiables pour le visiteur. Si le visiteur ne sait pas où porter son œil, et doit se poser des questions, il y a de fortes chances pour que vous le perdiez.

Pensez "white" : Aérez vos pages. Vous avez autant de place que vous le souhaitez, profitez-en! Un site aéré, avec un espace large entre chaque zone apaisera l'oeil du visiteur, et facilitera la lisibilité. On dit parfois qu'il faut autant de surface vierge que de surface occupée.

Pensez "pages web" : Limitez la taille de vos pages. Une page trop longue, ou avec trop de contenus, pourra effrayer votre visiteur. Si vous avez beaucoup de choses à dire, répartissez les contenus sur différentes pages, chaque page n'abordant qu'un sujet en particulier. Les avantages sont multiples : pour le visiteur, votre contenu sera plus clair, et la page se chargera plus vite. Pour le référencement de votre site, chaque page étant plus spécifique, elle sera plus facilement mise en avant sur les moteurs de recherche.

Quelques conseils graphiques

Choix des couleurs :

Quomodo crée automatiquement une charte graphique pour votre site, à partir des 2 couleurs principales que vous avez définies dans la "Gestion de l'apparence du site". Utilisez au maximum ces couleurs déclinées, qui garantiront l'unité graphique de votre site.

Respectez le reste de la charte graphique : Définissez le reste de la charte graphique et essayez de vous y tenir. Par exemple, une note rouge pour les éléments importants, une note blanche pour les infos, une icône particulière dans le bandeau pour les infos concernant tel sujet...

Notez ces éléments quelque part sur votre site (en page privée par exemple), ou sur une feuille de papier, de manière à pouvoir les retrouver.

Préférez un fond de page clair : En effet, de manière générale, la lecture des textes est facilitée lorsque vous écrivez en couleur sombre sur un fond clair.

Limitez les contrastes entre couleurs de même intensité : Préférez des contrastes entre une couleur sombre et une couleur claire (texte clair, et fond sombre, ou l'inverse). Cela facilitera la lecture en faisant ressortir le texte par rapport au fond.

Attention aux couleurs rouge et bleu : Saviez-vous que près de 8% de la population souffrait de daltonisme ? Cette maladie oculaire a pour effet de mal distinguer les couleurs, particulièrement entre le rouge et le bleu de forte intensité. Gardez cela en tête lorsque vous choisissez vos couleurs.

Caractères et styles :

Un type de police et pas plus de 3 tailles de caractères. C'est généralement ce qui est recommandé pour ne pas surcharger le style graphique d'une page web. Evidemment, libre à vous de suivre ou non ce conseil !

Ne mettez en valeur que certains éléments du texte : Limitez l'usage des MAJUSCULES, du gras, de l'italique ou du souligné à seulement certains éléments de vos textes.

En multipliant les styles, vous prenez en effet le risque de noyer vos visiteurs dans un océan de styles, et finalement qu'ils n'arrivent pas à distinguer l'information importante que vous souhaitez mettre en valeur.

Autopsie graphique d'une page web

Il convient de distinguer 3 zones dans une page web.

La zone "Above the fold" :

C'est la partie de la page qui apparait instantanément sur votre écran lorsque vous ouvrez une page web.

Cette partie est la plus importante, et doit comprendre un titre de page et l'ensemble des informations essentielles de la page.

Selon le type de page, cela peut être : les dernières news, le rappel des titres de la page, la photo d'une équipe, les résultats du dernier week-end...

La zone intermédiaire :

C'est la partie à la limite du bas de votre écran. Selon la taille de l'écran du visiteur, elle peut ou ne peut pas être affichée directement.

Elle contient donc généralement les informations de deuxième niveau, ou des liens de navigation.

Elle peut également contenir quelques titres alléchants qui seront développés dans le reste de la page.

Le bas de page :

C'est la partie qui contient le reste de votre page.

Là, vous pouvez développer vos articles ou votre contenu sans problème.

Allez plus loin :

Pour plus de conseils sur la réalisation des pages web, consultez également les pages suivantes :

Optimiser ma page d'accueil

Favoriser le référencement

Faire connaître mon site

Quomodo vous fournit tous les outils pour réaliser les pages de votre site Internet. Vous pouvez ajouter tout type de contenu, où vous le souhaitez et comme vous le souhaitez.

Voici maintenant quelques conseils non "techniques" qui, nous l'espérons, vous aideront à savoir comment organiser vos pages, et savoir comment les construire pour qu'elles soient le plus facile à lire par vos visiteurs.

Quomodo vous fournit tous les outils pour réaliser les pages de votre site Internet. Vous pouvez ajouter tout type de contenu, où vous le souhaitez et comme vous le souhaitez.

N'abusez pas trop des bonnes choses !

Quomodo vous permet de créer des sites ultra dynamiques, avec des textes déroulants, des diaporamas photos, de la musique...

Comme les styles de caractères, attention à ne pas surcharger votre pages d'animations ou d'éléments qui bougent. Cela peut en effet avoir l'effet inverse que celui souhaité.

Autopsie d'une page web

Une mise en page claire

Conseils graphiques