Vidéo: Tutoriel HTML 5 / CSS 3 - #2 - l'organisation d'un site 2025
La lisibilité est le principe le plus important pour organiser et afficher du contenu sur votre site. page Web. Votre page Web devrait permettre aux visiteurs de facilement lire, comprendre et agir sur votre contenu. L'action que vous avez en tête pour vos visiteurs peut être de cliquer sur et de lire du contenu supplémentaire, de partager le contenu avec d'autres personnes ou de faire un achat.
Un contenu mal organisé amènera les utilisateurs à quitter votre site Web avant d'interagir avec votre contenu pendant assez longtemps pour effectuer l'action souhaitée.
Les figures montrent deux exemples de lisibilité de sites Web. Dans cette figure, Craigslist. org a été recherché pour un appartement à New York.
Source: Craigslist. org
Les résultats de la recherche sont structurés comme une liste et vous pouvez limiter le contenu affiché en utilisant les filtres et les formulaires de recherche. Chaque liste a plusieurs attributs, comme une description, le nombre de chambres, le quartier et, surtout, le prix. Comparer des attributs similaires à partir de listes différentes demande un certain effort - notez la ligne irrégulière que votre œil doit suivre.
La figure suivante montre les résultats d'une recherche menée à Hipmunk. com pour les vols de New York à Londres.
Source: hipmunk. com
Comme pour les résultats de recherche Craigslist, vous pouvez limiter le contenu affiché en utilisant les filtres et les formulaires de recherche. De plus, chaque liste de vols comporte plusieurs attributs, notamment le prix, le transporteur, l'heure de départ, l'heure d'arrivée et la durée, qui sont semblables aux attributs des listes d'appartements. Comparer les attributs similaires de différents vols est beaucoup plus facile avec la mise en page Hipmunk, cependant. Remarquez comment le contenu, contrairement à celui de Craigslist, a une disposition qui permet à votre œil de suivre une ligne droite en bas de la page, de sorte que vous pouvez facilement classer et comparer différentes options.
Ne sous-estimez pas la puissance de la simplicité lors de l'affichage du contenu. Bien que la mise en page de contenu de Craigslist puisse paraître presque trop simple, le site est l'un des 50 sites Web les plus visités au monde. Reddit. com est un autre exemple d'un site Web top 50 avec une mise en page simple.
Avant d'afficher votre contenu, posez-vous d'abord quelques questions:
-
Votre contenu a-t-il un attribut avec des données connexes ou suit-il des étapes successives? Si oui, pensez à utiliser des listes.
-
Votre contenu possède-t-il plusieurs attributs pouvant être comparés? Si c'est le cas, envisagez d'utiliser des tables.
-
Avez-vous besoin de recueillir les commentaires du visiteur? Si oui, pensez à utiliser des formulaires.
Ne laissez pas ces choix vous submerger.Choisissez-en un, voyez comment vos visiteurs réagissent et, si nécessaire, changez la façon dont vous affichez le contenu. Le processus d'évaluation d'une version par rapport à une autre version de la même page Web est appelé Tests A / B.
