Menu latéral Jquery. Exemples de menus CSS avec animation de la ressource Codepen. Menu jQuery fixe

De l'auteur : Aujourd'hui, nous abordons un sujet très important : les principes et les règles d'utilisation des sites Web. De nombreux livres et articles ont été écrits à ce sujet. Les plus grands esprits de l’humanité ont développé leurs propres formules pour faciliter l’utilisation d’un site Web. Il semblerait, comment plaire à tous les internautes, tant ils sont différents ? Mais, comme le montrent les recherches, certains modèles de comportement des utilisateurs sur le site doivent être pris en compte lors de son développement. Bien sûr, si le but de la ressource est d'attirer du trafic et de faire du profit, et non d'intimider avec des couleurs acides, des bannières clignotantes (ou mieux encore, avec du son) et une navigation mystérieuse.

Principes d'utilisabilité de l'interface

La plupart principe principal, qui devrait fonctionner comme un fil rouge à travers toute l’interface, ressemble à ceci : « plus c’est simple, mieux c’est ». Sa signification est que l'utilisation techniques standards la conception de pages Web facilite grandement la vie de l’utilisateur.

Après tout, s'il a déjà vu quelque part une navigation similaire, l'emplacement des boutons et des éléments de menu, il saura comment tout utiliser. Cela signifie qu’ils se sentiront en confiance sur votre site. Pour plus de commodité, j'ai divisé les principes restants de la convivialité des sites Web en plusieurs groupes sémantiques.

Principe 1 : Navigation. Menu horizontal et vertical.

La base de la convivialité du site Web est une navigation pratique et claire. DANS menu horizontal Il devrait y avoir des sections principales et des sections supplémentaires dans la section verticale. DANS dernièrement Je tombe de plus en plus souvent sur des sites sans menu vertical, c'est-à-dire simplifié à l'extrême. Mais cela dépend des caractéristiques de la ressource et du contenu qui y est publié.

Si, après vous être débarrassé du menu vertical, vous vous retrouvez avec un menu horizontal complexe et déroutant, alors il vaut mieux s'abstenir de cette technique. De plus, il est logique de dupliquer le menu principal dans le pied de page. Si votre site a structure complexe, fais-le pour elle page séparée, où, sous la forme d'une liste arborescente et intuitive, affiche une liste de toutes les catégories et sous-catégories.

Principe 2 : Aucune erreur.

Tester et tester encore. Tous les jours. Pas de week-end ni de jours fériés. Le site doit fonctionner correctement, car chaque seconde mauvais fonctionnement, chaque lien ne menant nulle part, ou bouton dessus page inexistante vous coûtera des visiteurs et des clients. Personne ne s'attardera sur un chantier non fonctionnel. Et n'oubliez pas de concevoir la page 404 dans le style de votre ressource Web.

Principe 3. Conception correcte de l'en-tête du site.

C'est au sommet du site que les gens portent leur regard le plus souvent et plus longtemps. Certaines personnes sont même trop paresseuses pour faire défiler la page. J'avoue que j'appartiens également à ce groupe d'utilisateurs. Si l’en-tête ne contient pas les informations dont j’ai besoin (menu, coordonnées, numéros de téléphone, etc.), je ne perdrai probablement pas de temps à les chercher. En général, vous comprenez - dans l'en-tête, nous plaçons tout d'abord toutes les données sur lesquelles nous aimerions attirer l'attention des clients.

Principe 4. Espace libre.

Vous avez probablement déjà rencontré des sites où chaque centimètre supplémentaire était "branché" par quelque chose - des sortes de bannières, d'icônes, de boutons, d'animations. Texte ennuyé, un tas informations inutiles, brrr. De tels sites devraient brûler dans un enfer particulier pour ceux qui ne connaissent pas les principes de convivialité et la psychologie de la perception.

Les vrais maîtres du web design partiront toujours espace libre, et le texte sera formaté avec un interligne normal pour permettre à l'utilisateur de mieux respirer et aux informations d'être perçues facilement et accessibles.

Principe 5. Texte de qualité.

La qualité du texte inclut non seulement sa composante sémantique et l'absence d'erreurs, mais aussi formatage correct. À propos espacement des lignes Je l'ai déjà évoqué, il reste à parler des techniques qui peuvent attirer davantage l'attention sur votre contenu. Ce:

présence de titres et sous-titres ;

allocation mots-clés Et informations importantes (en gras, notes de bas de page, marqueurs, etc.) ;

Tendances actuelles et approches en développement web

Apprenez l'algorithme pour une croissance rapide à partir de zéro dans la création de sites Web

utilisation de numéros numérotés et listes à puces;

diviser le texte en paragraphes composés de 3 à 4 phrases.

Principe 6. Recherche sur site.

Il semblerait qu'il soit déjà clair que la ressource Web devrait avoir recherche interne. Mais non - il existe souvent des sites sur lesquels il n'y a aucune allusion à cela élément essentiel convivialité. Mais la plupart des utilisateurs accèdent à un site Web avec un objectif clair : trouver rapidement des informations.

Ayant fait barre de recherche et filtrez, vous ferez votre bonheur, ainsi que celui de vos clients potentiels. Ils trouveront ce dont ils ont besoin, vous augmenterez votre conversion et, peut-être, obtiendrez un client régulier.

Principe 7. Vitesse de chargement.

Poursuivant l'exigence précédente de convivialité des sites Web, les gens sont très impatients, ils viennent sur Internet pour obtenir des informations et veulent les obtenir le plus rapidement possible. Selon une étude du Nielsen Norman Group, les utilisateurs passent en moyenne 27 secondes sur une page Web et font rarement défiler la page jusqu'à la fin. Cela se produit parce qu'il y a beaucoup d'informations indésirables et inutiles sur Internet - si les gens étudiaient chaque ressource en détail, ils deviendraient fous.

Vous n’avez donc que quelques secondes pour parler de vous au visiteur, l’intéresser et l’inciter à d'autres actions. Et si la plupart De ce temps qui vous est imparti, le site sera chargé, vous n'aurez alors pratiquement aucune chance d'attirer un client potentiel - il ira simplement sur un autre site. Cette question, comment attirer et fidéliser un visiteur, est celle de la convivialité.

L'une des étapes du développement d'un site Web est la convivialité, qui vise la commodité de la ressource Internet et sa simplicité. La convivialité est utilisée pour la conception du site Web, qui doit certainement plaire au visiteur de la page. Après tout, c’est parfois l’interface du site qui détermine si les utilisateurs l’apprécient, s’ils le visitent souvent et s’il remplit toutes les tâches précédemment assignées ?

Votre ressource en ligne propose-t-elle un produit ou un service ? Cela signifie que la page doit avoir une structure de commande claire, un bouton lumineux pour acheter, un nombre suffisant de liens, texte intéressant avec des photos, etc.

Le plus souvent, la convivialité du site Web est évaluée par des spécialistes. Et c'est une décision raisonnable, car vous pouvez très bien comprendre votre site Web, mais les concepteurs Web seront en mesure de signaler les erreurs lors de leur présentation. utilisateur régulier ressource.

Principes de base de la convivialité du site Web

Lorsque vous analysez un site pour sa commodité et sa simplicité, que vous vous tourniez vers un spécialiste ou que vous gériez vous-même la convivialité de la ressource, vous devez d'abord prêter attention à certains principes. Considérons les principaux :

1. Navigation: disponibilité menus simples site, principales catégories et plan du site. Il est conseillé de les placer dans un endroit visible.
2. Information: des articles clairs, structurés et compréhensibles pour les visiteurs du site.
3. Recherche: Le formulaire de recherche du site doit être situé dans un endroit visible.
4. Fonte: taille moyenne police qui doit être lisible.
5. Conception: simple et beau design site, utilisant généralement 3 couleurs primaires.
6. Links: Vous ne devez pas surcharger votre site de liens, laissez-les uniquement contenir liens utiles sur des publications sur des sujets similaires.

N’oubliez pas qu’une bonne convivialité signifie beaucoup de visiteurs nouveaux et récurrents. Et, par conséquent, d’excellentes ventes, des performances élevées du site Web et bien d’autres avantages.

Règles clés pour la convivialité du site Web

En matière de convivialité des sites Web, outre les principes, il existe également des règles. Si tous sont strictement suivis, votre ressource Internet sera certainement visitée. De plus, ces règles ont un effet positif sur les moteurs de recherche. Alors, que faut-il savoir ? Parlons de points clés plus en détail.

• La règle des quelques secondes. Lors de la visite de votre site, le maximum qu'un visiteur attendra avant que la page ne se charge enfin n'est que de quelques secondes, et par conséquent, ne la surchargez pas de présentations ou de jeux.
• Règle de sept. La mémoire humaine à court terme ne peut mémoriser que 7 entités, ce qui signifie que le menu de navigation ne peut pas contenir plus de 7 éléments.
• Règle des trois clics. Des liens cohérents qui dirigeront les visiteurs vers page intérieure, peut-être pas plus de trois. Sinon le tien client potentiel quittera le site à l'avance, et moteurs de recherche il ne sera pas indexé.
• Pyramide inversée. Les articles publiés sur les pages de votre site Web doivent être rédigés à l'envers : tirez d'abord la conclusion, puis rédigez la partie principale du texte.
• La règle de Fitts. Sans entrer dans les détails, parlons de convivialité cette règle fonctionne comme suit : ça n'en vaut pas la peine gros bouton faites encore plus sur le site. L'essentiel en matière de convivialité est de ne pas en faire trop.

Ce sont, en principe, toutes les règles de base, à la suite desquelles vous pouvez rendre votre site Web simple et pratique et, par conséquent, plus visité et situé dans premières positions moteurs de recherche.

Le respect de toutes les règles et principes d'utilisation du site Web décrits ci-dessus vous aidera certainement à obtenir une bonne conversion de votre ressource Internet. Nous vous souhaitons du succès !