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 HealthyHearing, une source d'informations sur la santé et les prothèses auditives. 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 de HealthyHearing
«Chez Healthy Hearing, nous travaillons très fort pour maintenir notre réputation de principale ressource en ligne d’information sur la santé auditive. Notre objectif est de fournir un contenu de haute qualité, compréhensible et inspirant.
Voici une capture d'écran de la page d'accueil:
Première impression
Ma première impression de ce site est assez positive. D'un point de vue esthétique, c'est très attrayant. La palette de couleurs est apaisante et les images sont amicales et abordables.
Plus important encore, je peux clairement déterminer en quelques secondes à quoi et à qui le site est destiné. Le but est clairement indiqué (votre source complète d’informations sur les appareils de correction auditive) de différentes manières et à plusieurs endroits. Je ne peux tout simplement pas rater le fait que ce site est conçu pour fournir aide et information aux malentendants. Il s’agit d’un objectif majeur, c’est pourquoi ce site a si bien réussi.
En plus de l'identification des objectifs, je pense que le site se débrouille très bien dans le domaine de la navigation. Je veux dire par là que je peux très facilement trouver ce que je cherche, et même si je ne fais que parcourir, il y a beaucoup de chemins simples et utiles à suivre. L’expérience globale du site est bien structurée; une autre victoire majeure.
Tout cela étant dit, j'ai certainement quelques petites préoccupations et recommandations d'amélioration. Passons maintenant à des zones spécifiques de la page d'accueil, où nous allons nous concentrer sur des problèmes d’orientation conceptuelle et de problèmes d’utilisabilité.
A qui s'adresse le site?
Avant de nous lancer dans les domaines à améliorer, nous devons trouver le bon point de vue pour ces critiques. Je pourrais critiquer chaque site en fonction de la manière dont cela répond à mes propres besoins, mais en fin de compte, tous les sites ne sont pas ciblés sur moi, ce qui ne serait donc pas très utile.
En regardant cette page, voici le graphique principal qui attire mon attention:
Lorsque d'autres personnes voient des visages souriants, je vois un public cible, et c'est exactement ce que nous observons dans cette image soigneusement sélectionnée. Ici, je vois quelqu'un qui n'est certainement pas un jeune homme, et il n'est pas trop loin dans les "personnes âgées". Catégorie. Il a l'air élégant, amusant et actif. Il veut vivre pleinement sa vie avec ses petits-enfants géniaux.
Les personnes âgées sont-elles les seules à avoir besoin de prothèses auditives? Certainement pas, et peut-être que les enfants de l’image couvrent cette idée. Cela dit, beaucoup de choses sur ce site suggèrent qu’il s’adresse directement à une génération plus âgée. Il est donc important de garder cela à l’esprit. Les décisions de conception majeures peuvent et doivent être prises à la lumière de votre public cible.
Bouton de taille de texte
Dès le départ, je vois quelque chose qui confirme nos hypothèses sur le public cible. Il y a un bouton en haut à droite de l'écran qui augmente la taille du texte sur la page:
Maintenant, si vous considérez qui aurait besoin d’un tel bouton et qui ne se rendrait pas compte que la plupart des navigateurs peuvent le faire sur n’importe quelle page avec un simple raccourci clavier, là encore, nous nous intéressons aux utilisateurs plus âgés.
Personnellement, je pense que c’est une fonctionnalité intéressante que mes grands-parents aimeraient voir sur de nombreux sites (ils ont paniqué lorsque Facebook a réduit leur texte). Mon problème avec cela sur la page d'accueil, c'est que c'est presque inutile. Il y a une tonne de texte sur la page d'accueil et ce bouton n'en affecte qu'une partie, tout en ignorant complètement le reste.
Certes, cela a un effet beaucoup plus marqué sur les autres pages, mais ici, sur la page d'accueil, je pense qu'il faut faire deux choses. Faites-le fonctionner sur beaucoup plus de texte ou supprimez-le complètement pour éviter la frustration de l'utilisateur. Dans sa forme actuelle, cela va probablement faire croire aux gens que le site est en panne.
Social Media Button Bouton Bouton Bouton Bouton
Avez-vous remarqué la redondance dans mon titre? Ennuyant, n'est-ce pas? C'est ce que je ressens lorsque je regarde les caractéristiques des médias sociaux sur cette page. En haut, au-dessus du champ de recherche, je trouve cinq boutons de médias sociaux:
Comme vous pouvez le constater, deux de ces boutons sont Facebook et deux Twitter. Pourquoi avez-vous besoin de quatre boutons pour deux sites de médias sociaux? C’est un cas clair du type de fouillis des médias sociaux qui frappe d’innombrables sites aujourd'hui.
Alors que nous faisons défiler un peu, que voyons-nous? Plus de boutons de médias sociaux!
Je comprends que les médias sociaux, c’est bien. Mais, comme avec un gâteau et une crème glacée, vous pouvez avoir trop d'une bonne chose. Limiter cet enthousiasme un peu, moins peut être plus.
Sur une note de côté, les images de Twitter sont fausses. L'image ci-dessus montre l'ancien? T? logo à côté du nouveau logo oiseau. Ce dernier a remplacé le premier et il ne faut jamais les montrer ensemble. En fait, Twitter indique clairement ici que le? T? Le logo est mort et ne devrait jamais être utilisé pour représenter Twitter.
La navigation
Le prochain domaine qui me pose problème est la navigation. Du point de vue de l’esthétique et de la convivialité, je pense que nous pourrions modifier quelques points ici.
D'un point de vue visuel, j'ai d'abord pensé que les éléments du menu déroulant ressemblaient à des champs de texte, ce qui était assez déroutant (ce n'est pas le cas). Je considérerais ces styles un peu différemment pour éviter une telle confusion.
Une infraction bien pire cependant provient de la taille réduite de la zone cliquable sur chaque lien. Il y a cette grande boîte autour de chaque élément, avec un état de survol qui ajoute de la luminosité, mais ces boîtes ne sont pas cliquables, seuls les mots le sont.
Compte tenu du public cible de ce site, vous souhaitez que vos zones cliquables soient aussi grandes que possible. Si vous me fournissez une grande boîte avec des commentaires de survol, je ferais mieux de pouvoir cliquer dessus! Encore une fois, l'alternative est que vos utilisateurs auront l'impression que votre site ne fonctionne tout simplement pas.
Conclusion
Comme vous pouvez le constater, j’ai seulement signalé quelques très petites choses qui doivent être peaufinées. Dans l'ensemble, la conception de la page répond assez bien à ses objectifs. Ma principale recommandation est de garder ce public cible à l'esprit et de parcourir le site pour comprendre ce qui va le perturber ou le détourner. De nombreux petits désagréments peuvent rapidement créer une expérience utilisateur médiocre.
À 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.