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 d'aujourd'hui est Anthem Design Group. Anthem est une petite agence de création créative et interactive établie à Atlanta, en Géorgie, aux États-Unis.
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.
Hymne
«Nous sommes un groupe sympathique et travailleur de créateurs et de techniciens aux normes très élevées, qui adorent créer des sites Web, des applications, des jeux et des œuvres d'art impressionnants. Notre travail est primé, attrayant et raffiné. Nous aimons travailler avec des entreprises de toutes tailles et sommes fiers de notre groupe diversifié et fantastique de clients.
Voici la page d'accueil de leur site web:
C'est une conception assez solide avec trois colonnes principales plus une barre latérale (donc essentiellement quatre colonnes). La grande image en haut est un curseur d'image avec une transition de fondu de base.
Examinons quelques aspects vraiment intéressants de ce design.
Facile à naviguer
Il y a beaucoup de choses qui se passent ici pour une seule page, mais la plupart du temps, elles sont présentées de manière logique et sont faciles à trier. La page d'accueil semble constituer un bon aperçu de tout ce que vous trouverez sur le site. Plusieurs des pages accessibles via la navigation sont représentées ici sur la page avec un peu de contenu.
Chaque fois que vous ne savez pas comment remplir la page d'accueil d'un site volumineux, souvenez-vous qu'il devrait souvent servir de passerelle vers tout le reste. Insérer ici des aperçus minimes du reste du site permet à l'utilisateur de se familiariser rapidement avec ce que vous proposez et servira également à faciliter le processus de recherche de contenu spécifique.
Briser les lignes
Ce site contient des alignements et des dispositifs de confinement assez stricts qui permettent de tout garder propre et organisé. Cependant, nous voyons dans le pied de page qu'il est souvent bon de prendre une telle conception et de la casser à quelques endroits.
Ici, nous voyons le logo et les informations de contact placés dans une boîte qui ne respecte pas les règles strictes définies par le pied de page et la séparation du contenu. J'aimerais que quelque chose en haut de la page reprenne cette idée également pour alléger la rigidité du design.
Zones à améliorer
Maintenant plongons dans la critique. Ci-dessous, quelques problèmes qui, à mon avis, devraient être résolus en ce qui concerne la conception.
Interactif?
Je vois le mot? Interactif? à plusieurs endroits sur la page concernant ce que fait Anthem, mais mis à part le curseur d'image, le site ne semble tout simplement pas très interactif. Je pense que l’un des principaux domaines dans lesquels nous souffrons est l’effet ou l’absence d’effet de survol du lien.
Dans la navigation, la différence de couleur du lien entre les états de non-survol et de survol est un peu trop subtile et peut-être même impossible pour les utilisateurs daltoniens de le remarquer sur un texte aussi petit. De plus, mis à part ceux de la barre latérale, presque tous les autres liens de la page n’ont absolument aucun effet de survol. Si le curseur de votre navigateur ne changeait pas automatiquement pour les liens, les utilisateurs ne sauraient probablement même pas qu'il y en avait sur la page.
Encore une fois, cela est étroitement lié à la notion d '"interactive". L'ajout d'éléments qui changent en fonction de l'interaction à différents moments de la page donnera au site une sensation beaucoup plus vivante et active. Ces éléments ne doivent pas forcément crier sur vos utilisateurs, mais ils ne doivent au moins pas être cachés.
Ajout de liens
Dans la même veine que de ramener les liens actuels à la vie, je pense qu’il faudrait en ajouter quelques-uns. Comme je l'ai déjà dit, j'aime bien le lien entre le contenu de la page d'accueil et la navigation. Par exemple, il existe un lien de services dans la navigation et une section de services sur la page. Cependant, le texte qui dit "Services et fonctionnalités" dans la section de contenu n'est pas activé en tant que lien vers? Services et fonctionnalités? page.
Cherchez toujours à rendre les choses ridiculement faciles pour vos utilisateurs. S'ils voient un titre qui correspond à l'endroit où ils veulent aller, ils devraient pouvoir cliquer dessus pour y aller plutôt que de chercher le bon lien.
Espacement
Il existe plusieurs endroits sur la page qui divisent le contenu en trois colonnes, chacune avec son propre en-tête. Le problème est que l'en-tête et la colonne sont si éloignés l'un de l'autre, il n'est pas immédiatement évident qu'ils vont ensemble.
Je recommande de supprimer environ la moitié de l'espacement ici afin que les utilisateurs puissent dire instantanément que ces deux zones doivent être interprétées comme une seule et même unité.
Alignement et débordement
Il y a deux domaines clés dans lesquels je détecte des problèmes de petits objets qui ne s'alignent pas correctement. Le premier est dans la barre latérale. Le flux Twitter semble déborder de la zone de confinement.
La seconde est la copie légale et les liens de navigation dans le pied de page. Ils ne partagent aucune sorte d'alignement et semblent simplement flotter de manière aléatoire dans l'espace. Je recommande de leur donner un fort alignement à gauche et peut-être de les pousser près de la zone du logo sur la gauche.
À 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.