Critique de la conception Web # 20 Le blogue Inspiration

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 The Inspiration Blog, un site très similaire à celui-ci, dédié à l'inspiration visuelle.

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 du blog Inspiration

Il n’ya pas beaucoup d’informations biographiques sur le site en dehors des bios d’auteurs individuels, mais l’en-tête en haut de la page d’accueil résume bien tout cela: «Un blog entièrement dédié à l’inspiration visuelle et aux produits raffinés».

Voici une section de la page d'accueil (quelques articles de la pile ont été supprimés pour raccourcir l'image):

Conception générale

Dès le départ, j'aime ce que je vois. Nous avons un beau thème inspiré du journal avec une forte influence minimaliste et beaucoup d'espaces. Notez que les lignes simples ont été très utilisées tout au long de la conception en utilisant des techniques similaires à celles que nous avons décrites dans un article récent.

Le design est très propre et structuré sans être ennuyeux. Comme avec beaucoup de sites que nous examinons, les critiques ci-dessous porteront davantage sur de légères modifications que sur des modifications de conception de grande envergure. C'est une page attrayante et a besoin de très peu pour se rapprocher de la perfection.

Je pense que si une nouvelle conception était en cours, il serait peut-être intéressant de faire une déclaration plus audacieuse dans l'en-tête via un grand graphique. Cela ajouterait à la fois une marque et un intérêt visuel à la page.

Le logo

La première chose que j'ai remarquée est le style manuscrit utilisé dans le logo du blog. J'aime le choix des polices et pense qu'il apporte un élément unique à un site contenant de nombreuses polices d'aspect standard.

Cependant, les polices de script peuvent être assez difficiles à lire lorsqu'elles sont affichées avec une taille aussi petite. Le crénage semble ici un peu serré et lorsqu'il est combiné à la petite taille de la police, il est définitivement un peu difficile de lire le mot "Inspiration".

Pour commencer, je suggérerais d'espacer les lettres un peu. Si cela n'augmente pas suffisamment la lisibilité, augmentez la taille de la police de quelques points.

Gros titre

J'aime le titre de la Géorgie. C'est beau et grand avec des lettres audacieuses et un message simple. La dernière partie du titre, "Need inspiration" ("Besoin d'inspiration"), sert en réalité de lien pour afficher un message aléatoire. C'est une fonctionnalité intéressante, subtile mais amusante une fois que vous réalisez qu'elle est là.

Mon problème ici est que lorsque vous chargez la page et regardez le titre, ce n'est pas une lecture instantanée. C'est plutôt un gros bloc de copie que les lecteurs pourraient ou non prendre le temps de lire.

Une chose qui m'a constamment interpellé au cours des six années où j'ai travaillé dans la conception de la publicité pour le secteur de la vente au détail a été de créer des titres attrayants qui constituaient un élément visuel que les gens pouvaient assimiler instantanément. de sorte que même si la majorité de vos téléspectateurs parcourent le titre sans le lire, ils en obtiennent l'essentiel, presque par accident.

Vous pouvez mettre l'accent sur la couleur (ce que vous avez fait), la taille, l'audace, l'italique, etc. À titre d'exemple, voici une maquette rapide avec quelques zones de mise en gras sélective.

Maintenant, lorsque vous parcourez le titre, les principaux aspects du site vous sautent aux yeux. Cela pourrait même être l'occasion de répéter le script utilisé dans le logo.

Prévisualisation de messages

J'aime la façon dont les aperçus de messages sont structurés. Chacune est clairement une unité individuelle avec beaucoup d'espacement entre les postes et de belles grandes images de prévisualisation de 200 par 200 pixels.

Encore une fois, je commence probablement à ressembler à un disque brisé, mais je pense que le seul problème que j'ai ici est la lisibilité de certains textes (certes, c'est un thème lourd de texte, donc il n'y a pas grand chose à discuter). Le problème dans cette zone réside dans le texte en haut de l'aperçu de la publication (Ex: Posté le 30 septembre?). Ce texte apparaît en italique, toutes les lettres majuscules qui semblent presque vides d'espaces entre les mots. Tout cela forme une longue et longue ligne que vous devez séparer mentalement.

La barre latérale

Comme dans la plupart des blogs, la barre latérale contient la publicité, les liens de réseaux sociaux, les tags, le champ de recherche et d'autres éléments divers. J'aime ce domaine à peu près comme ça. Chaque section est bien espacée et alignée et s’intègre parfaitement au reste du thème.

Une option que vous pouvez envisager est d’augmenter le contraste entre les états par défaut et de survol sur les balises. J'ai consulté un ami daltonien et il était incapable de faire la différence entre les deux états. Une solution simple pourrait être de supprimer le soulignement lors du survol (l'inverse de ce que vous voyez sur de nombreux liens sur le Web).

Une dernière chose ennuyeuse que j'ai remarquée à propos de cette zone est le? Subscribe 'n' Follow? texte. La deuxième apostrophe me semble étrangement placée. Vous jouez? Steak 'n Shake? Par exemple, je pense que cela devrait être changé en? Subscribe 'n Follow.? Il est possible que je me trompe complètement. De toute façon, ce n'est définitivement pas majeur.

Le pied de page

Le dernier domaine que nous allons examiner est le pied de page. Comme tout le reste sur le site, c'est simple et agréable. Si vous cherchez du travail supplémentaire, ils recherchent des rédacteurs, alors n'hésitez pas à vous rendre sur le site et à postuler.

Je trouve un peu étrange que la section de réseau social soit dupliquée exactement ici plutôt que sous une forme plus simple, mais les icônes augmentent probablement les taux de clics, donc finalement ça me va.

À 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.