Échantillons de conception de site

Table des matières:

Échantillons de conception de site
Échantillons de conception de site
Anonim

N'entrons pas dans les chiffres et les calculs, puisqu'il est impossible de déterminer combien de sites existent déjà sur Internet. Chaque jour, des milliers, voire des centaines de milliers de sites échouent et de nouveaux apparaissent à leur place. Quelle est la raison des échecs ? Pourquoi les gens vont-ils sur le site et le quittent-ils immédiatement ? La réponse est simple et juste devant vos yeux - c'est la conception du site.

Effet d'attraction

D'accord, tout le monde a un ensemble de certains sites qui sont visités jour après jour. Je suis sûr que la plupart des favoris sont des sites favoris avec des films, des livres, des actualités, des jeux, etc. Pourquoi, après avoir trouvé un site, n'essayons-nous pas d'en trouver un autre similaire, qui peut être encore meilleur ? La réponse est simple ! Les sites que nous mettons en signet sont pratiques à utiliser - ces sites ont généralement une disposition pratique des éléments, des catégories et un design agréable qui n'irrite pas les yeux. C'est "l'effet d'attraction", visiter une fois un site correctement conçu - le quitterje ne veux plus.

Regardons l'exemple de la plateforme de trading deux sites:

Exemples de sites
Exemples de sites

Sans aucun doute et indiscutablement, le site numéro 1 veut être fermé au plus vite, et le site numéro 2, au contraire, veut s'attarder. Pourquoi cela arrive-t-il? Sur le premier site, en plus d'un produit localisé au hasard, il y a aussi une sursaturation de couleur, ce qui ne peut pas être dit sur le deuxième site. Il y a un proverbe si merveilleux: "Ils se rencontrent par leurs vêtements, mais les voient par leur esprit", il s'applique également aux sites, seulement au lieu des vêtements, il y a un dessin, et au lieu d'un esprit, il y a une structure de navigation. Le visiteur, après être entré sur le site, la première chose qu'il voit est la palette de couleurs, et ce n'est qu'alors qu'il prête attention à la navigation interne et à la structure du site.

Perception des couleurs

La règle principale lors du choix des couleurs est de ne pas en faire trop. Parfois, même deux ou trois couleurs correctement sélectionnées suffisent amplement, un exemple frappant en est le site fb.ru. De nombreux concepteurs de sites Web utilisent une table de couleurs "sûres" pour concevoir leur site html.

Tableau des couleurs sûres
Tableau des couleurs sûres

Safe il est appelé pour la raison que toutes les couleurs affichées ici seront transmises par absolument tous les utilisateurs de la même manière. On peut dire que ces couleurs sont la norme lors de la création du design sur le site.

Compatibilité des couleurs

Chaque couleur a sa propre couleur "conviviale" - c'est la couleur avec laquelle elle se marie le mieux. Inutile de réinventer la roue et d'expérimenter la sélection, tout est inventé depuis longtemps et est du domaine public. Les roues chromatiques sont utilisées pour sélectionner les couleurs. Itten. L'image ci-dessous montre une roue chromatique pour faire correspondre 2 couleurs assorties.

Combinaison de couleurs complémentaires
Combinaison de couleurs complémentaires

T. c'est-à-dire que la couleur opposée à l'intérieur du cercle est considérée comme la plus compatible. Si vous devez sélectionner 3 couleurs assorties, la roue chromatique est également utilisée, seule la ligne de disposition des couleurs sera déjà modifiée.

Triad - une combinaison de 3 couleurs
Triad - une combinaison de 3 couleurs

Et il existe de nombreux cercles de ce type, vous pouvez choisir d'autres couleurs assorties. Par exemple, quatre.

Tetrad - une combinaison de quatre couleurs
Tetrad - une combinaison de quatre couleurs

En sélectionnant les couleurs de cette manière à travers les cercles d'Itten, la combinaison maximale de couleurs sera atteinte et une conception visuellement agréable du site sera obtenue. Plus de cercles de couleur peuvent être trouvés en ligne. Écartons un peu du sujet principal, car je tiens à vous informer que ces roues chromatiques Itten sont utilisées même par des designers professionnels du monde de la mode, c'est-à-dire que lors de la création de vêtements de créateurs, cette méthode de correspondance des couleurs est utilisée.

Structure interne du site

Si plus ou moins tout est devenu clair avec la perception des couleurs, il reste alors un autre indicateur important comme la structure interne du site ou en d'autres termes - la "convivialité". Il ne suffit pas de choisir les bonnes couleurs sur le site, comme le montre la pratique - sur le beau design du site, vous n'irez pas loin. La structure correcte du site est comme la charpente d'une maison, si elle n'est pas planifiée correctement, il ne sera pas pratique de s'y retrouver.

Tous les éléments de navigation doivent être pensés à l'avance, et mieux encore - écrits. StructureLe site doit avant tout être compréhensible et pratique pour les visiteurs. Beaucoup de sites perdent leurs visiteurs simplement parce que ces derniers, en entrant sur le site, ne comprennent pas où et ce qui se trouve. Pas besoin de s'encombrer avec une masse de boutons et d'accrocher un tas de fonctionnalités. Vous devez toujours regarder à travers les yeux du visiteur, si l'utilisateur n'a pas besoin d'une fonction, il est préférable de la supprimer. Encore une fois, un exemple brillant et correct de conception de site Web est le site Web Fb.ru, sur lequel toutes les sections sont situées de manière compréhensible et pratique pour le visiteur.

La plus grosse erreur

Selon l'analyse moyenne, un utilisateur qui ne trouve pas la section ou l'information nécessaire sur le site dans les 15 à 30 secondes pense que cette section ou cette information n'est pas sur le site et quitte la ressource. Dans la plupart des cas pour toujours. Un excellent exemple d'un site avec une navigation terrible:

Mauvaise navigation sur le site
Mauvaise navigation sur le site

Pensez-vous qu'il est possible de trouver les informations nécessaires sur une telle ressource en allant non pas à partir de la recherche, mais simplement à la page principale ? Je pense que non. Encore une fois, la saturation des couleurs et l'abondance de navigation incompréhensible, qui plongeront tout visiteur dans la stupeur et la confusion. Pour éviter de telles erreurs, il est nécessaire de regrouper toutes les sections et de les mettre dans un menu de navigation séparé, qui sera compréhensible pour chaque visiteur.

Formulaire d'inscription

Un autre facteur important et effrayant sur le site est le formulaire d'inscription. Certains essaient de collecter les données de presque arrière-arrière-grand-mère dans la fenêtre d'inscription.

Mauvais formulaire d'inscription
Mauvais formulaire d'inscription

Ces formulaires d'inscriptionétaient à la mode avant, quand Internet ne faisait son apparition que dans les foyers. Aujourd'hui, l'internaute souhaite trouver au plus vite l'information dont il a besoin, et les longs formulaires d'inscription, malgré l'excellent design du site, auront 99% de chances de rebuter. Le formulaire d'inscription idéal selon les normes d'aujourd'hui est illustré ci-dessous.

Formulaire d'inscription correct
Formulaire d'inscription correct

Même si ces informations ne suffisent pas, personne ne prend la peine de les demander plus tard au visiteur, après le processus d'inscription. Cette approche est considérée comme plus loyale et conviviale que le formulaire d'inscription, qui ressemble plus à un formulaire de demande d'emploi.

Modèles de site Web

De nombreux sites sont maintenant créés sur des systèmes CMS modernes qui offrent une conception de site gratuite. Mais la conception gratuite (modèles) ne comporte aucune conception visuelle, donc si le propriétaire du site n'essaie pas de le modifier de quelque manière que ce soit, un tel site disparaît dans la recherche.

Il convient également de mentionner l'ensemble des portails Internet qui proposent de déployer votre propre site Web basé sur eux. Dans ce cas, il y a des avantages et des inconvénients:

  • Le premier et peut-être le seul avantage est la simplicité. Le cadre du site est déjà, en règle générale, calqué sur de telles ressources par des concepteurs expérimentés, la conception du site est soumise à certaines exigences et règles. Il ne reste plus qu'à le remplir de matériel thématique et à attendre les premiers visiteurs. Par conséquent, la simplicité et la commodité de ces services attirent les débutants. Mais si le site est mis en place pour un développement sérieux et une concurrence pourtop-1 dans les moteurs de recherche, alors il vaut mieux refuser un tel service.
  • Parmi les inconvénients - les modèles fournis dans la plupart des cas ne peuvent pas être modifiés ou modifiés, vous devrez utiliser celui fourni tout le temps. La monotonie est le principal inconvénient, dont nous avons parlé au tout début, car chaque site doit être individuel et différer en apparence des autres. Beaucoup de restrictions qui seront impossibles à décrire, puisque chacun de ces services a le sien.

Partie finale

Tout ce qui est décrit dans ce document ne prétend pas être une "instruction principale", vous pouvez toujours et même devoir tout faire à votre manière - il ne s'agit que d'un ensemble de règles et d'erreurs les plus courantes. Mais les points les plus importants, décrits ici sous la forme de perception des couleurs et de la structure interne du site, sont la norme pour la conception du site. Des couleurs mal choisies feront fuir tout visiteur qui vient d'entrer sur le site, et la conception analphabète des catégories et des éléments du site ne lui permettra pas de naviguer et de trouver les informations nécessaires. Ces points doivent faire l'objet d'une attention maximale et, comme mentionné ci-dessus, vous devez toujours regarder n'importe quel site à travers les yeux d'un visiteur, et non à travers les yeux d'un développeur.

Conseillé: