Créer un site Web est ridiculement facile de nos jours ; n'importe qui avec un compte de messagerie peut le faire avec un peu de recherche - mais est-ce suffisant ? Lisez pour en savoir plus.
La création d'un site Web est ridiculement simple de nos jours; quiconque peut utiliser le courrier électronique peut créer un site Web avec un peu de recherche - mais est-ce suffisant?
Bien que les modèles et les systèmes de gestion de contenu aient facilité la conception, la création d'un design web efficace qui satisfasse les utilisateurs reste néanmoins une tâche qui requiert un certain niveau de connaissances et d'expérience de la part du concepteur.
Voici quelques principes de conception Web efficace que vous pouvez utiliser pour rendre instantanément votre site Web plus convivial :
1. Personne ne lit le texte (mais…)
L'un des principes les plus fréquemment cités et les plus universels de la conception web est que les utilisateurs ne lisent pas les pages web mot à mot comme ils le feraient pour un livre ; au contraire, ils passent d'un endroit à l'autre (ou « parcourent ») la page web en suivant un schéma en « F » pour trouver l'information qu'ils sont venus chercher.
Votre travail en tant que concepteur ou stratège de contenu consiste à leur fournir ces informations aussi rapidement et simplement que possible - même si cela peut sembler contre-intuitif par rapport à vos propres objectifs, considérez ceci : si vous ne le faites pas, quelqu'un d'autre le fera.
via NN/g
2. Les utilisateurs ne veulent pas Pensez
Un concept popularisé pour la première fois par Steve Krug, architecte de l'information et expert en expérience utilisateur de renom, dans son livre « Don't Make Me Think » , les recherches montrent que, d'une manière générale, les utilisateurs sont impatients, veulent une gratification instantanée et ne font pas de choix optimaux, préférant se rabattre sur des choix plus faciles.
En bref, les utilisateurs ne s'intéressent qu'à ce qu'ils veulent et non au fonctionnement de votre site Web.
« Si nous trouvons quelque chose qui fonctionne, nous nous y tenons. Peu importe pour nous si nous comprenons comment les choses fonctionnent, tant que nous pouvons les utiliser. Si votre public va agir comme si vous conceviez un panneau d'affichage, alors concevez de grands panneaux d'affichage. » —Steve Krug
Il est important de mentionner le concept de charge cognitive ici, qui est défini comme "... la quantité totale d'activité mentale imposée à la mémoire de travail à un instant donné". Dans ce contexte, la charge cognitive augmente avec chaque élément d'une page Web qu'un utilisateur doit parcourir pour accéder aux informations dont il a besoin.
Vous voulez un résultat heureux ? Réduisez la charge cognitive de vos utilisateurs.
Lorsque vous créez un site web, votre rôle est d'éliminer les points d'interrogation — les décisions que les utilisateurs doivent prendre consciemment, en tenant compte des avantages, des inconvénients et des alternatives. — Vitaly Friedman
via Don't Make Me Think, Steve Krug
3. Adoptez l'espace blanc
L'espace blanc est bon car il aide à réduire la charge cognitive - il permet à l'utilisateur de diviser plus facilement la zone de contenu en informations de la taille d'une bouchée.
Une page sans espace blanc, bourrée de texte ou de graphiques, risque de paraître occupée, encombrée et généralement difficile à lire (les gens ne s'en soucieront même pas). C'est pourquoi les sites Web simples sont scientifiquement meilleurs.
via ConversionXL
Les mises en page de conception avec de nombreux espaces blancs permettent au lecteur de numériser, d'analyser et de traiter les informations rapidement et facilement. En effet, les structures hiérarchiques réduisent la complexité. Donc, si vous devez choisir entre un espace blanc et un séparateur horizontal, optez toujours pour l'espace blanc.
Tout d'abord, l'espace blanc n'a pas besoin d'être blanc. Le terme fait simplement référence à un espace vide sur une page (ou à un espace négatif comme on l'appelle parfois). L'espace blanc est utilisé pour donner l'équilibre, la proportion et le contraste à une page. Beaucoup d'espace blanc a tendance à rendre les choses plus élégantes et haut de gamme, donc par exemple si vous allez sur un site d'architecte coûteux, vous verrez presque toujours beaucoup d'espace. Si vous voulez apprendre à utiliser efficacement les espaces blancs, parcourez un magazine et regardez comment les publicités sont présentées. Les publicités pour les grandes marques de montres et de voitures, etc., ont tendance à avoir beaucoup d'espace vide utilisé comme élément de design.
via Design Tuts+
4. La règle des trois clics
La «règle des trois clics» stipule qu'un utilisateur doit pouvoir trouver toutes les informations qu'il recherche sur votre site Web en trois clics.
Cette règle est simplement un pointeur qui peut vous guider dans la création de meilleurs chemins de navigation pour la facilité des utilisateurs. Il existe plusieurs façons de procéder :
- Navigation (primaire et secondaire)
- Fil d'Ariane sur les pages
- Liens et CTA dans la barre latérale
- Menu de pied de page bien conçu
- Liens internes dans les publications
De nombreux critiques de cette règle disent qu'elle est obsolète et ne tient pas vraiment debout, mais encore une fois, considérez-la plutôt comme une idée de création de chemins de moindre résistance dans le flux de navigation de votre site Web et non comme une règle absolue (… ce serait fou).
via Wikipédia
5. Un bon design est l'absence d'un mauvais design
Dans son ouvrage *The Non-Designer's Web Book* , Robin Williams recense les éléments susceptibles de nuire à une expérience de conception réussie. Cliquez sur le lien en bas de page pour consulter la liste complète et le livre.
En voici quelques uns:
Texte
- L'arrière-plan n'interrompt pas le texte
- Le texte est assez gros pour être lu, mais pas trop gros
- La hiérarchie des informations est parfaitement claire
- Les colonnes de texte sont plus étroites que dans un livre pour faciliter la lecture à l'écran
Navigation
- Les boutons et les barres de navigation sont faciles à comprendre et à utiliser
- La navigation est cohérente sur tout le site Web
- Les boutons et les barres de navigation fournissent au visiteur un indice sur l'endroit où il se trouve, sur quelle page du site il se trouve actuellement
- Les cadres, s'ils sont utilisés, ne sont pas gênants
- Un grand site a un index ou un plan du site
Liens
- Les couleurs des liens se coordonnent avec les couleurs des pages
- Les liens sont soulignés afin qu'ils soient immédiatement clairs pour le visiteur
Les éléments graphiques
- Les boutons ne sont pas gros et idiots
- Chaque graphique a une étiquette alt
- Chaque lien graphique a un lien texte correspondant
- Les graphiques et les arrière-plans utilisent des couleurs sécurisées pour le navigateur
- Les graphiques animés s'éteignent d'eux-mêmes
Conception générale
- Les pages se téléchargent rapidement
- La première page et la page d'accueil tiennent dans un espace de 800 x 600 pixels
- Toutes les autres pages ont un impact visuel immédiat dans les 800 x 600 pixels
- Bonne utilisation des éléments graphiques (photos, sous-titres, guillemets) pour décomposer de grandes zones de texte
- Chaque page Web du site semble appartenir au même site ; il y a des éléments répétitifs qui se propagent tout au long des pages
via des fonctionnalités de mauvaise conception
FAQ
Le terme « conception Web » fait référence à la conception de sites Web affichés sur Internet. Plutôt que le développement de logiciels, il fait généralement référence aux aspects de l'expérience utilisateur du développement de sites Web.
Un concepteur de sites Web planifie, crée et code des sites Web et des pages Web, dont certains incluent de l'audio, des images, des graphiques et des clips vidéo. Un concepteur de sites Web crée la conception et la mise en page d'un site Web ou d'une page Web. Un nouveau site Web peut être développé ou un site existant peut être mis à jour.
Si vous ne savez pas si la conception Web est difficile, ne vous inquiétez pas. La conception Web n'est pas difficile si vous avez la passion, le dynamisme et les bons outils. Avec des tonnes d'opportunités d'emploi et des salaires attractifs, c'est une carrière lucrative.
Shubham est un spécialiste du marketing numérique possédant une riche expérience de travail dans le secteur des technologies publicitaires. Il possède une vaste expérience dans le secteur du programmatique, dans la conduite de stratégies commerciales et de fonctions de mise à l'échelle, y compris, mais sans s'y limiter, la croissance et le marketing, les opérations, l'optimisation des processus et les ventes.
