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 d'aujourd'hui est iPhone Toolbox.
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 iPhoneToolbox
Nous rassemblons les meilleures ressources pour iPhone, notamment des fonds d'écran, des icônes, des applications pour iPhone et des nouvelles pour les fans d'iPhone. iPhone Toolbox est également mis à jour quotidiennement.
Voici une section de la page d'accueil:
Premières impressions
Ma réaction initiale à cette conception est mitigée. Il y a un bon début ici. Le contenu a été organisé en unités modulaires, ce qui signifie que la page d'accueil peut contenir une tonne de contenu disparate. C’est une base assez solide pour la construction et un bon début.
Le site se sent un peu emporte-pièce cependant. J'entends par là qu'il semble que le contenu a été forcé dans un modèle plutôt que le site conçu autour du contenu. Les modèles sont excellents et peuvent vous faire économiser beaucoup d’argent, mais vous sacrifiez beaucoup d’opportunités de marque en en choisissant un avec un design aussi commun.
Examinons de près quelques zones du site qui pourraient être améliorées.
Le logo
Je suis certes assez pointilleux en matière de résolution et je me retrouve à faire la même suggestion sur plusieurs critiques. Votre logo est la première et principale représentation de votre site que les visiteurs rencontreront. Vous voulez donc qu'il soit aussi net et précis que possible. Le logo ici est un peu flou.
L'image est déjà un PNG, mais elle ressemble à un JPG basse résolution. Les PNG sont capables de conserver une quantité impressionnante de détails et de clarté. J'imagine que le problème réside dans votre PSD. Assurez-vous de construire le fichier à la taille voulue et ne commencez pas par de petites ressources que vous devrez ensuite étirer pour être plus volumineuses.
Où est l'accent?
L'un des principaux problèmes liés à l'utilisation d'une telle disposition modulaire est qu'il est facile de perdre le sens de la hiérarchie. Au lieu d'une structure de communication clairement définie, vous avez plusieurs éléments avec une emphase similaire qui se disputent l'attention. Regardez l'image ci-dessous et réfléchissez à l'endroit où l'accent est mis. Quelle partie du site attire le plus votre attention?
Si vous demandiez à une centaine de personnes, vous obtiendriez probablement plusieurs réponses différentes. Il n'y a tout simplement pas de point de départ fort. Au mieux, la publicité en haut est l'élément visuel le plus puissant et confond les téléspectateurs quant à savoir si le message fait la publicité de vos services ou de ceux d'une autre personne.
N'oubliez pas qu'un bon design crée un chemin clair à suivre pour les téléspectateurs. Ils peuvent s’écarter du chemin s’ils le souhaitent mais une suggestion forte devrait y figurer. Dirigez-les d'un endroit à un autre et ils resteront intéressés, les jetteront dans un pool de contenu, ils fermeront la page et passeront à autre chose.
Je recommande de créer un en-tête plus clair pour le site, qu'il s'agisse d'une stratégie de marque pure ou d'une version plus grande? section, il suffit de créer quelque chose qui s’étire sur toute la largeur du site et qui puisse servir de point de départ visuel.
Alignement
Les cases contenant le contenu principal établissent un alignement clair pour le site, à gauche et à droite. Cette ligne est suivie tout au long de la page, mais est violée en haut. Dans l'image ci-dessous, j'ai montré ceci en traçant deux lignes qui partent du contenu principal.
Comme vous pouvez le constater, l’annonce et la navigation ne s’alignent tout simplement pas correctement sur le contenu du site. Cela a pour effet de rendre le site un peu négligé et de faire croire que la publicité a été prise après coup, ce qui a forcé la conception. Je suggère d'aligner l'annonce avec le reste du contenu et de déplacer la navigation de manière à ce que? Home? s'aligne avec le reste du contenu en dessous.
Dernières pensées
En dehors de cela, le site se comporte plutôt bien. Les alignements sont forts tout au long du reste. Certains effets de survol sympas montrent l’apparence d’un papier peint sur un iPhone, la section papier peint présente un traitement soigné en coin sur les images et le pied de page du site est superbe.
La taille du texte (un peu petite), les coins arrondis (légèrement en dents de scie) et la navigation (couleurs répétées) sont d’autres éléments qui peuvent éventuellement être traités. Enfin, pensez à ajouter quelques points de contraste importants à la page. La suggestion d'en-tête que j'ai faite plus tôt pourrait être vraiment accrocheuse s'il s'agissait d'un gris très foncé ou d'un noir étendu sur toute la longueur de la page. Le contraste est un excellent moyen d'ajouter de la variété et un intérêt visuel à un dessin.
À 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.