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 Gadget-O, un site consacré aux gadgets amusants!
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 de Gadget-O
Gadget-O est un site proposant un design inspirant et créatif. Il y a cinq sections à parcourir: technologie, espace de vie, objets vestimentaires, modes de transport et sports, le tout avec des tonnes d'excellentes idées, inventions et designs. Quoi que vous fassiez, vous ne pouvez pas vous empêcher d'apprécier l'incroyable ingéniosité présentée ici.
Pour être honnête, il m'a fallu une éternité pour écrire cette critique car je continuais à être distrait par tout ce qui était cool sur le site! Un bol qui sépare votre lait et vos céréales, un sac qui donne à votre sandwich un aspect moisi afin que personne ne le vole, un vélo qui se plie dans un sac à dos; l'incroyable ne finit jamais.
Voici une capture d'écran de la page d'accueil:
Défilement horizontal? Est-ce que c'est jamais bon?
La page d'accueil Gadget-O est extrêmement simple. Il y a une barre de navigation et un logo à gauche et un flux d'images à droite.
Le site défile horizontalement et contient de beaux et grands aperçus de chacun des produits. Les sites à défilement latéral sont très difficiles à exploiter, mais celui-ci le fait assez bien. Le truc, c'est que vous pouvez toujours voir un aperçu du prochain produit de la gamme. Cela rend immédiatement évident que le site fait défiler sur le côté et élimine le "maladroit"? Comprendre? étape.
Beaucoup de designers vous diront de ne jamais faire de parchemin horizontal, mais je n'aime pas faire de tels jugements. Ce site a fière allure avec ce format et j’applaudis à cet effort unique.
Cela étant dit, j'aimerais voir une autre vue de la grille. Cela ne satisferait pas uniquement les passionnés du défilement horizontal, il constituerait un excellent moyen de parcourir rapidement une grande partie du contenu de votre contenu. ambiance.
Barre latérale
La barre latérale / navigation sur la gauche du site est très simple, ce qui permet de garder le tout agréable et facile à utiliser. J'aime beaucoup la typographie fine, majuscule et comprimée pour le menu et l'illusion typographique sur les lignes de séparation.
Je pense que le designer a également fait du bon travail avec le logo. C'est à la fois mémorable et convivial et donne vraiment au site une personnalité.
Notez que toutes les informations sociales s’harmonisent parfaitement avec le thème général du site. Trop souvent, les concepteurs ajoutent simplement des logos sociaux après coup, créant des horreurs inesthétiques sur une superbe page. Ce designer a pris le temps de rendre les icônes sociales importantes et attrayantes.
Aperçus des gadgets
Chaque gadget est représenté par une grande boîte contenant uniquement une image d'aperçu, le titre, un bouton Facebook et une section date / tag. L'effet global est assez minime et attrayant.
Chaque vignette est en fait un curseur d'image et vous donnera plusieurs aperçus du gadget si vous cliquez sur les petites flèches. Il s'agit d'une fonctionnalité fantastique, car vous ne pouvez pas toujours avoir une idée précise de ce qui est dans la première image.
Palette de couleurs
La palette de couleurs est l'une de mes choses préférées sur le site. Pour l’essentiel, c’est une palette très neutre avec de très jolis tons complémentaires kaki / flocons d’avoine.
La dernière couleur montrée ci-dessus jette évidemment une clé dans le thème, mais je pense que c'est dans le bon sens. Ce vert intense dans le logo lui permet de se distinguer du reste de la page et d’attirer votre attention. Cependant, il fournit un joli point focal à la palette au lieu d'un changement choquant que vos yeux ne peuvent pas gérer.
Page produit
Lorsque vous cliquez sur un projet, vous voyez une page de produit dédiée comme celle ci-dessus. Comme le reste du site, cela a l'air génial? en premier. Il est bien aménagé et contient de nombreuses informations utiles et d’autres produits à consulter.
J'étais tout prêt à donner un grand coup de pouce mais ensuite je suis allé faire défiler et rien ne s'est passé. Il y a un contenu supplémentaire qui est évidemment coupé, mais je ne peux pas y arriver. Il n'y a pas de barre de défilement et l'action de défilement semble être désactivée (j'ai vérifié dans Safari et Firefox sur un Mac). Même si la fenêtre de votre navigateur est redimensionnée, aucune barre de défilement n'apparaît.
Il est probable que le concepteur ait créé la page sur un grand écran et ne l'ait simplement jamais vérifiée sur un plus petit (je suis sur un MacBook 13 "), mais étant donné la prévalence des ordinateurs portables au cours des dernières années, il s'agit d'un problème plutôt intéressant.
Je recommanderais vivement de jeter un coup d'œil sur cette page et de la corriger dès que possible. Pour être juste, 99% du contenu peut être vu très bien sur mon écran, mais avoir ce bug est une tache vicieuse sur un site presque parfait.
Impression générale
J'aime vraiment le site Gadget-O. Le contenu est incroyable, même au point de créer une dépendance, et je peux dire que beaucoup de réflexion a été consacrée à la conception du site afin de vraiment mettre en valeur les produits. je amour Cela se produit lorsque les concepteurs réfléchissent d’abord au contenu et créent un design axé sur une bonne présentation. Cela fonctionne tellement mieux que d’essayer d’empiler du contenu dans un thème visuel préformé.
Ce site simple et magnifique est presque parfait dans mon livre. Les pages de produits doivent absolument être corrigées dès que possible et, comme je l’ai déjà dit, j'aimerais beaucoup voir une vue optionnelle sur la page d’accueil, mais sinon, je ne peux que dire: continuez votre bon travail!
À 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.