Chaque semaine, nous examinons un nouveau site Web et en analysons le design. Nous indiquerons à la fois les domaines qui sont bien réalisés et ceux qui pourraient nécessiter du travail. Enfin, nous terminerons en vous demandant de fournir vos propres commentaires.
Le site actuel est Wallpapa, un site proposant des téléchargements gratuits de fonds d'écran.
Si vous souhaitez soumettre votre site Web pour qu'il soit présenté dans une future Critique de conception, cela ne prend que quelques minutes. Nous facturons 24 $ pour la critique de votre conception - beaucoup moins que le coût d'un consultant pour jeter un coup d'œil sur votre site! Vous pouvez en savoir plus ici.
Wallpapa
Nous adorons les images de haute qualité et les fonds d’écran super cool Sur Internet, de nombreux sites peuvent aider à résoudre ce problème, mais ils présentent tous des lacunes. Nous avons conçu et produit un service pratique, polyvalent et bien sûr que nous espérons que vous approuverez. Pour atteindre nos objectifs, nous avons examiné le problème des deux côtés. Des artistes qui souhaitent partager leur travail avec d’autres personnes et obtenir des retours, ainsi que des utilisateurs également préoccupés par notre problème.
Voici la page d'accueil du site:
Premières impressions
Dans l’ensemble, Wallpapa n’est pas un mauvais site. Le nom est accrocheur, la conception de base est agréable et lumineuse et suffisamment minimale pour mettre l’accent sur les vignettes.
Il existe de nombreuses manières évidentes de rechercher des fonds d'écran, tels que la barre de recherche, les catégories dans l'en-tête et le nuage de mots-clés dans le pied de page. Il existe même des options plus avancées telles que la recherche par couleur ou par appareil (iPhone, iPad, etc.)
Alignement
Lorsque je parcours le site, l’erreur principale que j’ai constatée est un mauvais alignement. La page tente d’être centrée, mais tout est légèrement en retrait. Si la grille est le centre principal de l'équilibre, tout ce qui se trouve à gauche doit l'être également à droite. La capture d'écran ci-dessous montre que ce n'est tout simplement pas le cas.
Les problèmes d'alignement comme celui ci-dessus peuvent être vus sur toute la page et doivent être ajustés si l'alignement du centre doit être respecté.
Cela dit, je suis rarement d'accord avec center pour justifier tout le contenu d'une page. Dans la théorie de la conception de base, vous apprenez que les alignements centraux sont les plus faibles, principalement parce qu'il n'y a pas de bord solide et dur à suivre pour vos yeux.
Cela ne signifie pas que les alignements centraux ne doivent jamais être utilisés, mais simplement qu'ils doivent être appliqués avec précaution. À mon avis, les alignements centraux fonctionnent mieux lorsque vous avez une grande page et très peu de choses à placer dessus. Cependant, cette page est assez lourde et pourrait utiliser un peu plus de structure.
Si vous modifiez l'alignement, trouvez-en un et respectez-le. J'entends par là l'appliquer aux catégories, aux éléments d'en-tête, aux balises, au contenu du pied de page supplémentaire; tout.
Effets de survol
Lorsque vous survolez une vignette, l'aperçu est masqué et un lien vous permet de télécharger l'image. C'est un bel effet, mais le lien ne s'applique qu'au petit extrait situé au bas de la vignette, pas à la totalité de la zone de l'image.
C'est un peu déroutant et mauvais pour la facilité d'utilisation. Les utilisateurs s’attendront à pouvoir cliquer sur la vignette de l’image qu’ils souhaitent voir. Être forcé de rechercher le bon endroit où cliquer est un moyen rapide de les amener à passer à un autre site.
La grande image
Les modifications suggérées ci-dessus sont assez mineures, mais je pense qu'il y a un problème beaucoup plus important ici concernant la présentation du contenu sur le site.
Lorsqu'un utilisateur visite ce site pour la première fois, il se voit attribuer un ensemble de vignettes et de balises. À partir du nom du site et du titre de la page (ce que de nombreux utilisateurs risquent de manquer), ils doivent interpréter exactement ce qui se passe et ce que vous souhaitez qu'ils fassent.
En tant que concepteurs, nous pensons souvent que certaines choses sont si évidentes qu’elles n’ont pas besoin d’être dites. Cependant, notre point de vue est complètement biaisé parce que c'est nous qui créons le site. Dans ce cas, le concepteur a probablement dit quelque chose comme "ainsi tout idiot peut voir que c'est un site de papier peint!" Mais ce n'est pas la question.
Ce n'est pas parce qu'un utilisateur peut comprendre ce qu'est le site qu'il faut le forcer. Les frapper à la tête avec une déclaration simple et claire est une méthode de marketing éprouvée et vraie. Si vous proposez des téléchargements de fonds d'écran gratuits, votre site doit le dire haut et fort.
De plus, je ne pense pas que ce soit idéal que la première chose que vous voyez soit des vignettes. Cela ressemble à une page de contenu, pas une page de bienvenue. Cela donne l'impression de marcher au milieu de quelque chose plutôt que de commencer au début.
Les vignettes fournissent également une page sans mise au point claire. Encore une fois, cela convient pour une page de contenu, mais pas pour une page de bienvenue. Vous voulez quelque chose pour aspirer les utilisateurs et les faire rester. En général, vous ne disposez que d’une seconde pour convaincre un utilisateur que votre site lui convient. Si rien ne retient leur attention pendant cette seconde, ils passeront directement à leur prochain onglet ouvert.
La solution
Les images de ce site étant principalement destinées à des sites Web attrayants, il est judicieux d’en utiliser certaines pour attirer l’attention des visiteurs et présenter votre produit en même temps. Considérez la maquette rapide et sale ci-dessous:
Nous avons maintenant un point de mire clair! Il y a une grande image attrayante vers le haut de la page qui crie pour attirer l'attention. J'imagine cela comme un curseur d'image jQuery qui alterne entre les téléchargements présentés. Cela vous permet de présenter beaucoup de contenu dans un espace relativement petit.
Notez que j'ai également inclus les suggestions ci-dessus. Tout ici, à l'exclusion de la? Next? bouton, adhère fortement à l'alignement de la grille principale. Plus important encore, il y a un grand et beau message informant les gens que vous offrez du contenu premium gratuit. Ceci informe immédiatement les visiteurs que vous avez quelque chose de valeur que vous voudriez partager avec eux.
Sur chaque page que vous concevez, essayez toujours d'imaginer que vous la voyez pour la première fois. Voulez-vous savoir ce que le site est? Voudriez-vous rester? Demandez à quelques personnes de votre entourage de jeter un coup d'œil sans leur parler du site, puis posez quelques questions sur tout ce qui, à votre avis, devrait être évident du point de vue de l'utilisateur.
Faites également très attention à la question de savoir si vous faites ou non une déclaration de valeur. Qu'on le veuille ou non, Internet est un lieu très concurrentiel et si vous voulez que du trafic vienne de votre site, vous devez devenir vendeur. Le travail d'un designer consiste à vendre le site en moins d'une seconde. Cela prend presque toujours une déclaration audacieuse, que ce soit à travers l'image des mots ou les deux.
Quelle est votre déclaration?
À ton tour!
Maintenant que vous avez lu mes commentaires, apportez votre contribution en donnant quelques conseils supplémentaires au concepteur. Dites-nous ce que vous pensez être génial à propos de la conception et ce que vous pensez pourrait être plus fort. Comme toujours, nous vous demandons d'être également respectueux du concepteur du site et d'offrir des conseils clairs et constructifs, sans aucune insulte dure.
Intéressé d'avoir votre propre site critiqué? Vous pouvez en savoir plus ici.