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 RunAddicts, un blog pour qui aime courir.
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.
À propos de RunAddicts
«Il y a quelque temps, j'ai pris l'habitude de courir. Bien que je sois une pomme de terre de canapé autoproclamée, ce n’est qu’après quelques courses que j’ai constaté des améliorations majeures de l’endurance qui me motivent à prendre au sérieux la course. Quelques mois plus tard, j'ai décidé de partager ma nouvelle passion avec le monde. En conséquence, RunAddicts, un blog professionnel sur tout ce qui concerne la course à pied, est né. Animé par plusieurs écrivains professionnels du monde entier, RunAddicts vous fera vivre des années d'expérience, des conseils et d'autres astuces et conseils essentiels liés à la gestion de tout individu que vous devriez connaître. (Le design de RunAddicts a été présenté dans les principales galeries de création telles que SiteInspire et Creattica)?
Voici la page d'accueil de RunAddicts:
Comme vous pouvez le constater, il s’agit là d’un site conçu avec professionnalisme et comportant d’excellents éléments. Séparons-les et examinons-les pièce par pièce.
Entête
L'en-tête est l'une des parties les plus attrayantes de la page. Sur le plan fonctionnel, l'en-tête se lit parfaitement, le logo étant le gros élément attrayant à gauche qui attire votre attention, suivi de la navigation à droite exactement où vous vous attendez.
Voici un zoom avant de cet excellent graphique d'en-tête. J'aime l'eau tourbillonnante et la grande bande rouge. Ces caractéristiques, combinées au choix de la police de caractères, confèrent une sensation sportive. Remarquez comment le concepteur transmet diverses parties de l'expérience de course (l'eau et la route) sans prendre le thème trop à la lettre.
Le contenu principal
La page d'accueil est divisée en différents modules. Cela permet à beaucoup de contenu d'occuper un espace relativement petit, chaque élément restant toutefois distinct.
Bien que l’idée des modules me plaise, cette zone est certes un peu encombrée. Encore une fois, le but est de stocker beaucoup d’informations ici, mais j’estime qu’elles ont été poussées trop loin.
Je suggérerais d’expérimenter ici un nombre réduit de modèles qui reçoivent individuellement plus d’attention que chacun d’eux en raison de la tâche un peu laborieuse qui consiste à trier visuellement le contenu.
Dernier module de message
Individuellement, j'aime beaucoup la conception de certains modules. Par exemple, le? Dernier message? zone est un travail simple mais attrayant. La grande photo capte vraiment votre attention et j'adore le titre et la superposition d'auteur qui ne s'étire pas à 100% de la largeur de la boîte. Je sais que j'aurais instinctivement traîné ces bords, mais je pense que ce look est beaucoup plus unique.
Notez la forte répétition du jeu de couleurs utilisé de manière créative. Le noir, le rouge et le blanc sont mélangés dans chaque module, souvent de différentes manières.
Le côté droit
Avec le côté gauche si attrayant, je pense que c'est le côté droit qui contribue vraiment à l'aspect encombré que j'ai mentionné ci-dessus.
Malheureusement, je peux voir comment les éléments ici sont assez obligatoires. L'espace publicitaire et la section Facebook sont fonctionnels, même s'ils manquent esthétiquement.
Un des objectifs principaux de la conception des modules est de les rendre tous similaires. Cette zone est visiblement un fouillis de pièces qui ne vont pas très bien ensemble. Encore une fois cependant, il se peut que la fonctionnalité prenne le pas sur la conception.
Catégorie Modules
De retour à gauche, les modules de catégorie près du bas sont parfaits. J'adore la répétition visuelle et comment elle fait clairement de ces quatre modules un seul cluster visuel.
La photographie utilisée ici est assez attrayante et pas trop d'art-ish. Notez combien d'espace vide a été utilisé dans la zone blanche. Cela donne de la place au contenu pour respirer et rend cette zone beaucoup plus facile à lire.
L'effet de survol sur ces titres d'articles est vraiment sympa. L'arrière-plan change de couleur et le titre se déplace vers la droite, le tout dans une belle animation fluide.
Bas et pied de page
Le bas de la page se termine avec quelques gros modules sympas qui constituent une bonne base pour le site. Ceci illustre ce que je disais auparavant à propos de l'efficacité du fait d'avoir moins de modules avec plus d'emphase sur chacun.
Le? Écris pour nous? Cette section est particulièrement agréable et attire votre attention en violant le thème visuel des autres modules tout en maintenant l’aspect général du site.
J'aime aussi le style du fil Twitter ici. Je pense que c'est beaucoup plus minimal et approprié que la zone Facebook ci-dessus. Cependant, la proximité est un concept majeur dans la conception et la règle générale consiste à regrouper des éléments similaires. Il est un peu étrange de voir le fil Twitter au bas de la liste alors que le reste de l'information sur les médias sociaux est en haut. Notez que cela a été légèrement corrigé par l’inclusion d’une autre mention Facebook juste en dessous du fil Twitter.
J'aime beaucoup le design du pied de page et la manière dont il ramène le thème de l'eau du haut du site. Je l'ai dit tout au long de la critique, le concepteur comprend très bien comment utiliser la répétition pour que le design se sente cohérent. Cela semble être un principe simple et évident, mais si vous lisez ces critiques hebdomadaires, vous savez qu’il s’agit d’un domaine de faiblesse majeur pour de nombreux designers.
À 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.