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 WebAppers.
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 des WebAppers
WebAppers est un blog dédié au partage quotidien de ressources open source de qualité supérieure pour les développeurs et concepteurs Web. En tant que concepteur Web, vous trouverez parmi les meilleures icônes gratuites, des images d'archives, des brosses, des polices et des inspirations de conception. En tant que développeur Web, vous trouverez également certains des meilleurs composants Javascript et Ajax tels que des fenêtres modales, des menus, des galeries, des info-bulles, des graphiques, des plugins de calendriers et bien plus encore? ?
Voici une section de la page d'accueil:
Comme vous pouvez le constater, WebAppers est un joli blog. Il a une conception très axée sur le contenu et vous emmène directement dans de grands aperçus des articles les plus récents. La palette de couleurs est principalement composée de gris et de noirs, ce qui confère au site une sensation de classe lorsqu'il est combiné à un arrière-plan texturé subtil.
Pour bien le suivre, analysons le design pièce par pièce.
Entête
L'en-tête pour WebAppers est assez minime. Elle ne mesure que 80 pixels de haut environ et est recouverte d’un effet noir brillant.
J'aime le gros logo et le gloss, je pense qu'ils vont bien avec le thème du site. Je ne suis cependant pas sûr d'avoir une grosse annonce dans l'en-tête de votre site. Cependant, je me rends vraiment compte que nous avons besoin de publicités. C'est ainsi que les blogs de design restent ouverts et que je ne critiquerai jamais un blog pour les utiliser (nous en avons beaucoup nous-mêmes!).
Ici, la publicité est créée dans un concours visuel avec le logo du site. L'en-tête est divisé à peu près à mi-chemin avec les deux graphiques et ce n'est pas immédiatement évident que? Design to XHTML? ce n'est pas ce que sont les WebAppers.
Je suggérerais d'utiliser l'en-tête pour créer un message visuel plus clair afin que les utilisateurs sachent immédiatement que WebAppers offre des ressources libres et open source. Free est un mot magique et le dire haut et fier dans l'en-tête aidera à empêcher le visiteur occasionnel de passer au site suivant avant de regarder autour de lui.
Structure de poste
Comme il s’agit d’un blog, il est utile de jeter un coup d’œil sur la structure des articles. Voici une photo du format de base:
Il n'y a pas grand chose à discuter ici, mais j'aime bien. Le texte est agréable et facile à lire, j'aime bien la légende de la date et l'auteur est clairement indiqué.
Ma suggestion ici serait d’augmenter un peu la taille des titres des articles afin qu’ils contrastent davantage avec le reste du texte de la page. Faites ceci en conjonction avec l'ajout d'un peu de marge de manœuvre ici, ce qui augmentera considérablement la facilité avec laquelle les utilisateurs peuvent numériser votre page d'accueil à la recherche de sujets intéressants.
Barres latérales
Le côté droit du site est occupé par deux barres latérales. La première contient une longue liste de catégories avec une forme de vecteur tourbillonnante et contient des icônes et des en-têtes pour séparer les différentes sections. Le second est un espace publicitaire de base avec une seule bande verticale d'espaces publicitaires.
J'aime le fait qu'il y a tellement de catégories d'articles répertoriées ici. Sur un site qui se concentre sur le contenu gratuit, il est important de pouvoir trouver rapidement ce que vous recherchez et c’est ce qui est accompli ici. Les chiffres indiquant le nombre de postes dans chaque catégorie vont également très loin.
Le graphique en haut est légèrement arty mais attrayant et permet de détourner votre attention de ce domaine.
Barre de recherche
La barre de recherche est l’un des domaines sur lesquels nous devrions peut-être attirer un peu d’attention. D'une part, il faut vraiment chasser pour le trouver, donc je ne serais pas surpris si la plupart de vos utilisateurs ne savaient même pas que cela existait.
De plus, j'ai l'impression que le bouton est légèrement plus petit que la barre de recherche et peut être plus gros. Enfin, le choix de police ici ne correspond pas à celui du contenu principal, ni à celui des catégories, ni à celui recommandé? Recommandé? section sous la zone de recherche.
Je recommande de choisir une ou deux polices, puis de les respecter tout au long de la conception. À l’heure actuelle, chaque secteur a l’impression d’avoir été conçu individuellement plutôt que comme un tout cohérent.
Bas de page
J'aime l'idée de lancer quelques livres ici, c'est un peu aléatoire mais utile pour tous les lecteurs qui s'aventurent en bas de page.
Autre que cela, je pense que la région se sent un peu maladroite. Le coin inférieur arrondi et inversé est un peu funky et la deuxième colonne de texte est un peu trop proche de la première et trop éloignée de la troisième. Ils ne doivent pas être régulièrement espacés, mais la première colonne pourrait utiliser un peu de sa largeur enlevée.
À 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.