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 Okay Geek, un gadget génial et un blog technologique.
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 okay geek
Auparavant connu sous le nom de "T3ch H3lp", Okay Geek est un blog technologique repensé qui s'efforce de proposer un contenu original geek aux personnes passionnées de technologie. Nous avons construit Okay Geek à partir de rien en utilisant Squarespace et nos propres outils personnalisés. Nous voulons que Okay Geek soit un site Web rapide, bien conçu et facile à utiliser, et nous pensons que nous l'avons très bien fait.
Voici une capture d'écran de la page d'accueil:
Impression initiale
Vous savez, j'ai écrit près de soixante de ces critiques. Au début, c’était assez facile, j’ai reçu beaucoup de propositions qui étaient excellentes, mais il y avait des domaines solides à améliorer. Dernièrement, les participants ne m'ont pas rendu la tâche aussi facile. Okay Geek est l'un de ces sites.
Il est assez facile de critiquer un site laid, mais celui-ci est magnifique. En dépit d'être un peu gabarit, en ce qui concerne les blogs de technologie, c'est certainement l'un des plus attrayants que j'ai vus depuis un moment. Je veux dire, avez-vous vu Gizmodo ces derniers temps? Mais je m'égare?
En résumé, Okay Geek est un superbe site avec un contenu que je trouve vraiment intéressant. Après avoir lu cette critique, assurez-vous de passer sur le site pour la vérifier.
Compte tenu du fait que nous n’avons pas beaucoup de commentaires négatifs, examinons quelques-unes des choses que j’aime chez Okay Geek.
Beaucoup d'espaces
Les espaces blancs sont une bête difficile à manier correctement. De nombreux designers semblent en avoir peur et cachent tout sur la page de manière extrêmement rapprochée. D'autres tombent dans le piège de toujours utiliser une largeur de gouttière prédéfinie dans un cadre CSS et de ne jamais vraiment analyser si les éléments ont vraiment besoin de plus d'espace pour respirer.
Les espaces blancs sont quelque chose que vous devez analyser sur une base de conception, il n'y a pas de formule magique qui fonctionnera mieux pour chaque site. Okay Geek a vraiment ouvert la mise en page traditionnelle du blog semblable à Envato et a donné beaucoup de place à chaque colonne. Le résultat est une sensation agréable et aérienne qui donne à chaque élément individuel l’accent dont il a besoin pour se démarquer du reste du contenu.
Une petite note, cette case à droite dans l'image ci-dessus est juste un un peu trop haut. Réduisez-le de quelques pixels pour l'aligner avec la colonne de gauche.
Espace blanc adaptatif
Peut-être encore plus important est le fait que les espaces répondent très bien à des fenêtres de navigateur de tailles différentes. Lorsque la fenêtre devient plus petite ou plus grande, la mise en page effectue des ajustements mineurs qui réduisent la mise en page dans un espace plus petit tout en préservant la lisibilité.
Suggestion: Requêtes de médias
Une suggestion que vous me verrez probablement commencer à faire beaucoup de choses est l’incorporation de requêtes de médias pour améliorer l’apparence du site avec quelques tailles génériques prédéfinies. Okay Geek a déjà un site mobile exceptionnel pour les smartphones, mais les requêtes de médias et les styles personnalisés pourraient aider à resserrer la conception pour les présentations intermédiaires de la taille d'une tablette.
Un en-tête lisse
Je suis une ventouse pour une belle tête. Pour des sites comme ceux-ci, ils servent vraiment de couverture au livre. Ici, l'en-tête est beau et grand, contient les éléments de recherche et de navigation requis exactement où vous vous attendez et contient trois grandes images d'articles avec de jolis effets de survol animés.
Placer ces articles dans l'en-tête est un excellent moyen d'aspirer immédiatement les utilisateurs. Je sais que je peux difficilement résister à un clic si je vois une histoire à propos de The Legend of Zelda!
Nice Post Previews
Une autre chose que j’aime vraiment, c’est la conception générale des aperçus des publications. Ils sont beaux et grands avec beaucoup de contenu teaser. J'aime particulièrement ces énormes images, qui vous attirent vraiment (même si je pense que le site est en train de prendre un coup de performance pour eux).
Je peux dire que beaucoup de réflexion et d’efforts ont été nécessaires pour rendre ce site aussi beau qu’il le fait. Il existe de nombreuses petites touches qui vont très loin, comme le fait que, lorsque vous survolez un aperçu de publication, le moindre effet de survol de l'ombre portée apparaisse. Une très belle touche!
Suggestion: alignement du texte et bouton Enregistrer
J'ai deux petites préoccupations à propos de ce domaine. Premièrement, le texte du paragraphe en bas est trop à gauche. Il devrait avoir les mêmes marges que les autres contenus de la boîte, mais il semble en sortir et se rapprocher maladroitement du bord.
De plus, j'aime l'intégration d'Instapaper ici depuis la page d'accueil. Mon seul problème avec cela est, il n'y a vraiment aucun moyen de dire que le bouton de sauvegarde est un lien vers Instapaper. ?Sauvegarde ça? est un peu vague et pas nécessairement un terme que nous connaissons dans un contexte de blog. Peut-être un? Save to Instapaper? bouton serait plus approprié.
Une barre latérale utile
La disposition générale en deux colonnes de Okay Geek est très populaire, mais la colonne de droite est généralement envahie par des encombrements et des déchets inutiles que personne ne veut examiner. Cependant, j'ai trouvé la barre latérale Okay Geek très intéressante. Faire un effort supplémentaire pour créer du matériel pertinent pour cette section aide vraiment à justifier la zone vis-à-vis de vos utilisateurs plutôt que de simplement en faire un fourre-tout publicitaire. Cela aide aussi réellement vos annonceurs à avoir des vues!
Sérieusement Social
Okay Geek ne ménage aucun effort pour essayer de vous faire partager son contenu avec vos amis.Cette entreprise peut facilement s’avérer démesurée, en particulier avec tous les différents liens sociaux et boutons dispersés sur tout le site.
Cependant, chaque petit espace social est conçu sur mesure pour s’intégrer parfaitement au thème du blog, de sorte que le résultat est loin d’être encombré. Les blogs vivent et meurent par le biais des médias sociaux, il est donc indispensable de disposer de solides intégrations!
À 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.