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 Discoveries Magazine, une publication de recherche médicale. Faisons un saut et voyons ce que nous pensons!
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 des découvertes
Le magazine Discoveries est la publication phare de Cedars-Sinai sur la recherche médicale et son impact sur les soins aux patients. Publié deux fois par an, Discoveries met en lumière l’enthousiasme suscité par les découvertes scientifiques et les hommes et les femmes qui en bénéficient.
Voici une capture d'écran de la page d'accueil:
Maintenant que nous sommes familiers avec le site, allons de l'avant et discutons des avantages de la conception.
Le bon
Ce design me plait beaucoup, alors commençons par discuter de tout ce qui s’est passé dans le design. Quels sont ses points forts? Que pouvons-nous en apprendre en tant que concepteurs?
Design épuré
La première chose que je remarque à propos de Discoveries est que le design est extrêmement propre. Les couleurs de l'arrière-plan et de la structure du site sont atténuées et minimisées, ce qui permet au contenu de briller vraiment. Je ne suis en aucun cas distrait, mes yeux se tournent droit vers le contenu. C’est un exploit impressionnant auquel de nombreux concepteurs se heurtent lorsqu’ils travaillent sur un site au contenu lourd comme un magazine.
Awesomeness
Une grande partie de la? Nettoyer? caractère de ce site est la mise en page. Il y a beaucoup d'espaces et le contenu est bien organisé de manière clairement hiérarchique. Au lieu de tout en concurrence pour mon attention, il y a un chemin clair de communication. C'est une belle chose.
La meilleure partie: c'est réactif. Le site s'adapte sans effort lorsque la fenêtre d'affichage change. Nous commençons avec une grille statique à la taille maximale du bureau, qui atteint un point d'arrêt, supprime la colonne la plus à droite, puis passe à une grille de fluide à deux colonnes. Un point d'arrêt supplémentaire est utilisé pour ramener cela à une grille de fluide à colonne unique. Si simple, si efficace. J'aime cela.
Illustrations personnalisées
Je pense que ce que je préfère dans ce site, ce sont les illustrations (apparemment) personnalisées disséminées dans les articles. Les photos d'archives sont une chose, mais de telles illustrations permettent de donner à votre site une personnalité et une marque. C'est l'une des raisons pour lesquelles j'ai toujours autant aimé A List Apart.
Pour un type visuel comme moi, des illustrations comme celle-ci accroissent votre publication. Vous devez avoir un budget décent si vous commandez des illustrations sur mesure, ce matériel peut être très coûteux!
Ces illustrations semblent toutes être originales et uniques. Je ne suis pas sûr qu'ils appartiennent au même artiste ou non, mais ils ont tous le même sens. Laissez-les venir.
Mettre en valeur le contenu important
J'ai déjà abordé la hiérarchie dans une section précédente, mais il est essentiel de souligner son efficacité pour mettre en valeur un contenu important. Les concepteurs de ce site le font dans le même style simple mais efficace qu'ils ont utilisé pour tout le reste.
Je suis un grand fan de curseurs d'image et celui-ci est exactement ce dont une page très basique a besoin pour attirer l'attention de l'utilisateur et ajouter un peu d'engagement.
Le mauvais
Comme vous pouvez le constater, j'aime beaucoup le look de ce site. Il y a beaucoup de choses que les concepteurs ont eues. Cependant, c'est une critique, n'est-ce pas? Faisons un saut dans les domaines où une petite amélioration pourrait être utile.
Conception générique
La différence entre le minimalisme audacieux et la conception générique est délicate, et il est vraiment difficile de tomber du côté ancien de cette équation. Pour tous les éloges que j'ai donnés pour la mise en page et? Nettoyer? En regardant le site, je ne peux m'empêcher de penser que tout cela a l'air un peu ennuyeux et générique.
Il y a quelque chose à ce sujet qui crie: "J'ai saisi le modèle le plus populaire d'une galerie WordPress." Certaines sections combattent ce sentiment, telles que l'en-tête:
Cela a l'air génial. La police est unique et a du caractère (comme les illustrations) et vous avez une belle touche de couleur. Mais c'est là que ça s'arrête. La répétition est la clé d'un bon design, mais je ne vois pas ce style se reproduire nulle part. Utilisez cette couleur pour attirer mon attention à d’autres endroits de la page et ajoutez des titres avec une police haute et condensée.
La meilleure façon de savoir comment lutter contre le design générique est de parcourir des sites similaires qui ont su développer une forte personnalité et une forte marque. Un de ces sites est Relevant Magazine, une publication avec des designers que j'admire depuis des années.
Comme pour Discoveries, Relevant présente un design épuré avec une grande hiérarchie et de nombreux espaces. Mais contrairement à Discoveries, le site regorge de répétitions et de petites touches de design qui combattent toute idée selon laquelle le site est basé sur un modèle.
Pagination
En parcourant le site, j'ai trouvé un problème qui fait l'objet de vives discussions dans les publications en ligne: la pagination. Chaque propriétaire de site aime les pages vues. Nous voulons autant que nous pouvons obtenir.
Un jour, quelqu'un s'est rendu compte qu'il était possible d'améliorer considérablement le nombre de pages vues avec une technique simple: il suffit de diffuser votre contenu sur plusieurs pages! C'est ce qui semble se passer sur ce site:
Comme vous pouvez le constater, cet article est divisé en six pages énormes (la plupart étaient en réalité de neuf ou dix!). Chaque page n’est pas très longue et ne contient que six paragraphes environ. Cela fait des tonnes de rechargement de pages lorsque vous lisez le contenu du site. je peux peut-être voyez quelqu'un argumenter que fractionner le contenu de cette manière est en quelque sorte une bonne chose pour l'utilisateur, mais je ne pense vraiment pas que cela s'applique ici.
Si cette tactique de pagination vous tient à coeur, ajoutez au moins un bouton qui permet de voir le contenu sur une seule page. Cela donne aux utilisateurs le pouvoir de décider de ce qui leur convient le mieux.
Pensées de clôture
En fin de compte, je pense que Discoveries Magazine a un début de travail formidable. Ils ont un contenu solide (je me suis fait avoir à quelques reprises en écrivant cette critique) et leur organisation pour ce contenu est géniale.
Les deux domaines principaux sur lesquels ils doivent se concentrer sont la lutte contre le modèle générique dans la conception avec une présence renforcée de la marque et l'amélioration de la présentation du contenu dans des messages spécifiques.
À 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.