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 Screenfluent, une galerie d'inspiration pour la conception web.
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.
Screenfluent
Screenfluent est destiné non seulement aux concepteurs de sites Web en tant que source d’inspiration, mais également aux utilisateurs habituels qui ne sont pas engagés dans la création et la conception de pages Web. En plus d’un design de qualité, vous trouverez ici une nouvelle portion de sites Web intéressants à explorer au quotidien.?
Voici la page d'accueil du site:
Le bon
Screenfluent est définitivement un site attrayant avec un joli thème sombre qui prépare vraiment le terrain pour les sites affichés.
Graphique d'en-tête
L'en-tête graphique flamboyant est sympathique et attire l'attention. La division entre le graphique et l'arrière-plan principal est bien gérée. Il semble un peu aléatoire que le seul élément de la page avec ce regard. Je voudrais voir quelque chose de similaire intégré en quelque sorte sur une autre partie de la page. Cela pourrait être aussi simple que de saisir l'une des couleurs les plus vives du graphique et de l'appliquer à des liens ou à des en-têtes.
Barre latérale
J'aime vraiment le look de presque tout dans la barre latérale. Les en-têtes de réflexion, les icônes sociales aux coins arrondis, les zones incrustées et les menus déroulants sont stylisés pour le thème du site.
Divisions de section
Une dernière chose que j’aime vraiment dans cette conception, ce sont les lignes subtiles qui divisent le contenu de la page. Ils sont assez simples: un pixel sombre et un pixel clair étirés dans une ligne et estompés sur les bords. L'effet est un look sculpté qui ajoute une touche de réalisme à la conception.
Zones à améliorer
Dans l’ensemble, le site est tout à fait utilisable sans aucun problème grave. Lorsque vous cliquez sur une image, vous voyez un aperçu de grande taille et chaque vignette présente une belle transition animée pour l'effet de survol.
Un léger changement que je pourrais recommander est un lien pour contourner la grande image en faveur de la visite directe du site. L’aperçu est agréable pour ceux qui le veulent, mais parfois je trouve que j’aime vraiment aller directement sur le site. C’est plus une question de préférence que de solides principes d’utilisabilité.
Ci-dessous, nous examinerons quelques zones de la conception qui pourraient nécessiter un petit ajustement.
Le scénario
La sélection de polices particulière pour le slogan ci-dessus semble un peu pour le site. Il est un peu trop fin et difficile à lire et ne se lit pas bien avec la police Vag Rounded-esque dans le titre. J'essaie généralement d'éviter de coller deux polices d'affichage uniques dans un logo pour éviter les conflits. Essayez de saisir une police plus traditionnelle pour le slogan.
Parcourir plus de designs? Lien
Le lien au bas de la grille a une bordure qui s'étend sur toute la largeur de la colonne, mais seule la petite zone de texte située au milieu est cliquable. Cette zone semble juste un peu simple et inachevée et pourrait facilement être convertie en un gros bouton qui correspond un peu mieux à l'esthétique de la barre latérale.
Barres de défilement génériques
Dans une conception entièrement personnalisée telle que celle-ci, où chaque élément a été méticuleusement stylisé, je suis toujours en colère quand je vois quelque chose qui casse le sort en utilisant un élément d'interface utilisateur de navigateur par défaut. Ce n'est pas que les barres de défilement par défaut soient nécessairement laides ou peu attrayantes, elles ne correspondent tout simplement pas à la conception.
C'est un peu comme apercevoir l'homme derrière le rideau quand on commence à croire toute la magie ou à trouver un morceau de garniture laissé dans une maison récemment repeinte. L'environnement spécial créé est gâché par la réalisation de ce qui est en dessous.
À 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.