Critique de conception Web # 4: Anthem Design Group
Chaque semaine, nous examinons un nouveau site Web et analysons le design. Nous soulignerons à la fois les domaines qui sont bien exécuté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 primée située à 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 critiquer votre conception - considérablement moins que ce que vous paieriez pour qu'un consultant jette un œil à votre site! Vous pouvez en savoir plus ici.
Hymne
«Nous sommes un groupe amical et travailleur de personnes créatives et techniques avec des normes très élevées qui aiment créer des sites Web, des applications, des jeux et de l'art impressionnants. Notre travail est primé, attrayant et finement conçu. Nous aimons travailler avec des entreprises de toute taille 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-unes des choses qui sont vraiment agréables à propos de cette conception.
Facile à naviguer
Il se passe beaucoup de choses ici pour une seule page, mais pour la plupart, il est organisé de manière logique et est facile à trier. La page d'accueil semble servir de 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 grand site, n'oubliez pas qu'il devrait souvent servir de passerelle vers tout le reste. L'insertion ici d'aperçus de la taille d'une bouchée 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 a des alignements et des dispositifs de confinement assez stricts qui sont bons pour garder tout propre et organisé. Cependant, nous voyons dans le pied de page qu'il est souvent bon de prendre un design comme celui-ci et de le casser à quelques endroits.
Ici, nous voyons le logo et les informations de contact placés dans une boîte qui viole les lignes dures configurées par le pied de page et la séparation du contenu. J'aimerais voir quelque chose en haut de la page reprendre cette idée aussi pour alléger la rigidité du design.
Domaines à améliorer
Plongeons-nous maintenant dans la critique. Vous trouverez ci-dessous quelques problèmes qui, selon moi, devraient être résolus concernant la conception.
Interactif?
Je vois le mot «interactif» à plusieurs endroits sur la page concernant ce que fait Anthem, mais à part le curseur d'image, le site n'est tout simplement pas très interactif. Je pense que l'un des principaux domaines qui souffrent est les effets de survol des liens, ou leur absence.
Dans la navigation, la différence de couleur du lien sur les états de non-survol et de survol est un peu trop subtile et peut-être impossible pour les utilisateurs daltoniens de même remarquer sur un si petit texte. De plus, à 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 change 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 '«interactif». L'ajout d'éléments qui changent avec l'interaction à divers points de la page rendra le site beaucoup plus vivant et actif. Ces éléments n'ont pas à crier après vos utilisateurs, mais ils ne devraient au moins pas être cachés.
Ajout de liens
Dans la même veine que de donner vie aux liens actuels, je pense que quelques autres devraient être ajoutés. Comme je l'ai déjà dit, j'aime la façon dont le contenu de la page d'accueil et la navigation sont liés. Par exemple, il y a un lien de services dans la navigation et une section de services sur la page. Cependant, le texte qui dit «Services et capacités» dans la section de contenu n'est pas activé en tant que lien vers la page «Services et capacités».
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 y a quelques 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 appartiennent ensemble.
Je recommande de supprimer environ la moitié de l'espacement ici afin que les utilisateurs puissent instantanément dire que ces deux zones doivent être interprétées comme une seule unité.
Alignement et débordement
Il y a deux domaines clés où je repère des problèmes avec 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 boîte de confinement.
Le second est la copie légale et les liens de navigation dans le pied de page. Ils ne partagent pas vraiment d'alignement et semblent simplement flotter au hasard dans l'espace. Je recommande de leur donner à la fois 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, lancez-vous et aidez-moi en donnant au designer quelques conseils supplémentaires. Faites-nous savoir ce que vous pensez de la conception et ce que vous pensez pourrait être plus fort. Comme toujours, nous vous demandons également d'être respectueux envers le concepteur du site et d'offrir des conseils constructifs clairs, sans insultes.
Intéressé à faire critiquer votre propre site? Vous pouvez en savoir plus ici.
