Chaque semaine, nous examinons un nouveau site Web et en analysons le design. Nous soulignerons les deux domaines qui sont bien faits en plus de ceux qui pourraient nécessiter du travail. Enfin, nous terminerons en vous demandant de fournir vos propres commentaires.
Le site actuel est Income Diary, un blog qui propose des conseils simples et pratiques sur la manière de gagner de l'argent en ligne. Faisons un saut et voyons ce que nous pensons!
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 49 $ pour la critique de votre conception - bien moins que le coût d'un consultant pour consulter votre site! Vous pouvez en savoir plus ici.
À propos du journal de revenu
«J'ai lancé IncomeDiary en 2009 après une conférence à laquelle j'ai assisté à Washington DC en mars de cette année. Avant cela, je gérais des sites Web avec succès depuis environ 4 ans et l’une des principales choses que j’ai retirée de la rencontre d’entrepreneurs aux vues similaires était qu’il fallait redonner! C’est la raison d’être de ce site Web: éduquer et aider les entrepreneurs Internet, quel que soit leur niveau.?
Voici une capture d'écran de la page d'accueil:
Première impression
Journal de revenu ne pas briser les barrières dans la conception de blogs. C'est une conception très simple qui utilise une disposition vue sur un million d'autres blogs sur le Web. Est-ce une chose négative? Pas le moindre. De la même manière que les journaux sont finalement tous tombés dans un format similaire et prévisible, il est parfaitement naturel que les blogs atterrissent sur quelques mises en page standard qui fonctionnent bien.
L'avantage est que les nouveaux visiteurs sont immédiatement à l'aise avec le format et savent se déplacer dès la seconde charge du site. Les mises en page innovantes sont également utiles, mais il existe une idée fausse commune en matière de conception selon laquelle un produit non innovant n'est pas bon et ce n'est tout simplement pas une affirmation véridique.
Cela étant dit, de nombreux choix de conception ont été faits sur ce site. Esthétiquement, ça ne me souffle pas, mais c'est assez attrayant et fonctionnel. La principale question que je pose toujours pour toute critique de conception est la suivante: "La conception remplit-elle son rôle?" Dans ce cas, pensez que la réponse est oui si le but est d’éduquer les gens avec succès sur la façon de gagner de l’argent en ligne. Voyons pourquoi cela est vrai.
Schéma de couleur
Si vous connaissez nos critiques de conception, vous devez déjà savoir ce que je vais dire à propos de cette palette de couleurs. Il utilise le simple truc de couleurs que vous ne pouvez presque pas vous tromper:
En premier lieu, le concepteur a choisi une couleur principale, dans ce cas le vert. Le vert est un choix solide, non pas pour des raisons esthétiques, mais pour la corrélation psychologique que nous faisons inévitablement: vert = argent. Ce site a pour objectif de gagner de l'argent, il n'y a donc pas de couleur plus appropriée!
Ensuite, quelques nuances différentes de cette couleur ont été choisies. Cela fournit un moyen décent d’avoir des variations subtiles tout au long de la conception: dégradés, barres d’entête différentes, etc. Enfin, une couleur a été choisie qui complète mais se démarque de la couleur principale. Cette technique offre un moyen extrêmement sûr de choisir un jeu de couleurs qui n’est ni monotone ni excessivement occupé.
Logo
Comme tout le reste, le logo suit un itinéraire très sûr et prévisible. C'est quelque chose d'important qui mérite d'être discuté. Est-ce un logo générique ennuyeux? Oui. Est-ce mieux qu'un non-designer qui tente de créer un logo complexe? Absolument. L'essentiel est que tous les créateurs de site Web ne sont pas des concepteurs professionnels. Si tel est le cas avec vous, n'hésitez pas à taper le nom de votre site Web de manière simple et à l'appeler un jour. Un jour que vous avez le budget (bien que ce site convienne sans doute?), Vous pouvez engager un professionnel pour vous créer une identité unique.
Une chose que je pense que ce site a besoin de retravailler est le slogan sur le logo. C'est tout simplement trop mince et minuscule et ne lit pas bien. Une solution simple pourrait simplement consister à augmenter la taille de cette ligne afin qu’elle ait la même largeur horizontale que la ligne située au-dessus de celle-ci.
La navigation
La zone de navigation est un format de navigation CSS classique avec de gros blocs définissant chaque lien. Une des choses pour lesquelles je critique constamment les concepteurs dans ces critiques, ce sont les effets de survol de lien si subtils que vous pouvez à peine en affirmer l'existence, surtout si vous êtes un utilisateur daltonien. Heureusement, ce n'est pas le cas ici.
Comme vous pouvez le constater, la différence entre les états stationnaire et non stationnaire est assez spectaculaire et peut être clairement vue par tous les utilisateurs. Cela peut sembler minime, mais de petites erreurs peuvent gâcher un dessin. Il est donc important de bien faire les choses.
Hiérarchie de l'information
La création d’une solide hiérarchie informationnelle est au cœur même de vos objectifs dans une conception Web. Si vous écrivez tout ce que vous voulez accomplir avec une conception Web, cela devrait toujours figurer en haut de la liste.
L'un des aspects les plus solides de cette conception est la façon dont toutes les informations de la page sont structurées. Par exemple, notez que la publication la plus récente dans le flux de base reçoit une plus grande importance visuelle que les autres publications sous la forme d'une image d'aperçu plus grande.
Nous utilisons encore plus la même astuce sur la page d’accueil de Design Shack. C'est un peu subtile dans le journal de revenu et je suggérerais même que le concepteur trouve un moyen supplémentaire de le faire ressortir encore plus (couleur de fond différente, titre plus gros, etc.).
Il existe également un autre niveau de différenciation. Lorsque vous faites défiler la liste des articles, vous trouverez une section contenant quelques produits que vous pouvez acheter. C’est là que cette autre couleur entre en jeu dont nous avons déjà parlé:
Ce contenu est jeté dans une jolie boîte minimale avec du texte et une mise en page fixes et beaucoup d’espace. C'est un excellent moyen de distinguer ce contenu du flux principal.
Maintenant, bien que j'aime le design de cette petite boîte, je suis un perfectionniste, alors il y a une chose qui me rend fou:
Le bouton sous l'aperçu du produit est presque la même largeur que l'image ci-dessus, mais pas tout à fait. C'est littéralement une manière de quelques pixels mais je ne peux pas m'empêcher d'être distrait par cela. Faites-en la même largeur ou réduisez-la beaucoup, tout le reste ressemble à une erreur.
Bas de page
Nous terminerons cette critique en jetant un coup d’œil sur le pied de page, tout simplement parce que j’aime son apparence. J'adore la manière dont le contenu casse la ligne de bas de page, la transition du gris au blanc lorsque vous survolez un lien, la présentation nette et minimale des icônes de réseaux sociaux et le soupçon de texture si subtil derrière le logo. À mon avis, c'est la meilleure partie du site. Une conclusion étrange pour être sûr, mais je suis juste un grand fan de toute personne qui ne se relâche pas et jette sur un pied de page laid comme la dernière étape d'un design.
À 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.