Catégories
Astuces et Design

9 conseils de conception de site Web pour différentes générations (Oui, c'est important!)

C'est une évidence pour la plupart des concepteurs de planifier un projet en fonction d'un certain public cible. Cela peut être pour les personnes qui aiment les boissons gazeuses ou qui achètent des jeux vidéo ou qui ont une affinité pour les chaussures de sport.

Mais une autre considération peut souvent être négligée: la conception pour différents segments générationnels. L'âge peut avoir un impact sur la façon dont les gens utilisent les sites Web, les applications et les appareils mobiles. Les différences générationnelles peuvent affecter votre schéma de conception, votre plan d'accessibilité et même la langue et les couleurs de la conception.

Si vous n’avez pas pensé à ces différences, le moment est venu de commencer. Avec des audiences de sites Web toujours plus larges, la conception pour différentes générations peut aider votre projet à être plus efficace pour plus de personnes.

Évitez les petites tailles de police

conception web pour les seniors

Les petites tailles de texte peuvent être difficiles pour tous les utilisateurs, mais sont encore plus difficiles à lire pour les personnes âgées ou les jeunes.

Lorsqu'il s'agit de réfléchir au design pour différentes générations, la police et la taille comptent. La bonne nouvelle est que les normes et directives communes en matière d'expérience utilisateur en tiennent compte pour tous les utilisateurs.

Établissez une hiérarchie de types qui commence par un corps de texte d'au moins 16 pixels. Vous pouvez même passer à 18 pour faire bonne mesure ou atteindre un niveau exceptionnellement élevé pour des projets dont le public appartient à la catégorie des pré-adolescents et des jeunes. (Les petits enfants, en particulier, peuvent bénéficier d'un lettrage surdimensionné.)

La taille et l'espacement des caractères peuvent avoir un impact sur la lisibilité et la compréhension. Des tailles plus grandes avec plus d'espacement peuvent ralentir les lecteurs, aidant ainsi les lecteurs.

Utiliser des boutons identifiables

conception de sites Web pour les enfants

Les boutons fantômes et autres éléments de clic géniaux peuvent sembler cool et résonner avec les adolescents et les 20 ans, mais ils sont inutiles pour les utilisateurs plus âgés qui s'attendent à un bouton défini pour les actions de clic ou de pression.

Des boutons bien définis servent des données démographiques différentes de différentes manières.

  • Fournissez un signal bien connu aux utilisateurs plus âgés qui pourraient être moins familiers avec d'autres styles.
  • Fournissez une leçon d'apprentissage aux jeunes utilisateurs – tels que les enfants utilisant des applications – sur l'apparence des éléments click / tap et leur fonctionnement.

Un bouton bien défini présente les caractéristiques suivantes:

  • Couleur qui contraste avec l'arrière-plan et une grande partie du reste du design (c'est pourquoi les boutons rouges sont si populaires).
  • Remplissez de manière solide une zone suffisamment grande pour cliquer ou appuyer (au moins 44 px par 44 px).
  • Contient des instructions claires telles que «Aller», «Soumettre» ou «Cliquez ici».
  • Peut inclure un indice visuel tactile tel qu'une ombre portée pour la profondeur ou une animation de survol ou un état pour indiquer l'utilisation.

Fournir des solutions alternatives

conception de sites Web pour la génération Y

Pour chaque chemin utilisateur, il y a quelqu'un qui ne comprend pas tout à fait ou qui regarde différemment la conception et la solution potentielle. C'est ce qui rend les solutions alternatives si importantes.

Une solution alternative pour résoudre un problème ou répondre à une question commence par une compréhension de ce que les utilisateurs ont besoin ou veulent faire.

Les solutions alternatives permettent également à tous les utilisateurs de trouver plus facilement une solution qu'ils comprennent. Considérez ces alternatives (dont vous faites peut-être déjà pour d'autres raisons):

  • Utilisez le texte alternatif pour les images afin qu'elles puissent être comprises par les lecteurs audio et d'écran.
  • Placez des liens communs à plusieurs emplacements, par exemple dans le corps de la conception et le pied de page.
  • Rendez les informations de contact visibles et cliquez ou appuyez sur. Cela inclut un lien «envoyez-nous un e-mail» ou «appelez-nous» qui fournit une action directe ainsi que fournir un numéro de téléphone ou une adresse e-mail énoncés dans la conception pour un point de contact facile.
  • Fournit la possibilité de faire des ajustements aux éléments de conception tels que l'utilisation du mode sombre ou clair ou même la taille de la police.
  • Autorisez les utilisateurs à ignorer les éléments qui pourraient ne pas plaire à tous les publics, tels que les jeux avant le contenu, la vidéo ou le son.
  • Les options d'inscription doivent varier – tout le monde ne se connecte pas ou ne se sent pas en sécurité avec un compte de réseau social. Fournissez également une autre méthode.

Ecrire pour comprendre

conception de sites Web pour les enfants

Si vous voulez que votre conception soit comprise par tous les âges et toutes les générations, écrivez pour la compréhension.

  • Utilisez un langage simple et une grammaire appropriée.
  • Évitez l'argot, le jargon ou les références à la culture pop.
  • Méfiez-vous des emojis pour transmettre des mots.
  • La microcopie et les instructions doivent être directes et expliquer exactement ce qui se passe ensuite.

Ne stéréotypez pas votre démographie

conception de sites Web pour la génération Y

Cela pourrait être le conseil le plus compliqué – et le plus chargé – de cette liste. Ne stéréotypez pas votre public ou votre démographie avec le design.

Cela peut être difficile parce que vous essayez de concevoir pour un certain groupe d'utilisateurs, mais en fin de compte, le design plaira au bon groupe démographique en raison du récit et de l'histoire, des éléments de conception et de la fonction, ainsi que de l'ambiance et de l'utilité générales. du site Web ou de l'application.

Cela semble presque trop simple, mais il y a trop de projets qui crient «POUR LES CITOYENS SENIORS». Si vous avez besoin du produit ou si vous aimez l'idée, mais que vous ne voulez pas être étiqueté de cette manière, vous engagez-vous? Évitez les stéréotypes.

Évitez les motifs sombres

Les motifs sombres sont un autre domaine délicat. Ils sont devenus beaucoup trop courants et présentent des problèmes d'utilisabilité supplémentaires pour les utilisateurs les plus jeunes et les plus âgés.

Les problèmes de motifs sombres les plus flagrants sont les éléments ou les promotions qui ne peuvent pas être fermés facilement.

Ce minuscule «x» est presque impossible à cliquer ou à taper avec une dextérité supérieure; imaginez si vous ne l’avez pas. Ou de gros boutons pour ajouter un élément payant à un jeu pour tout-petits. (Combien d'entre vous ont trouvé une charge de 3,99 $ de votre neveu dans l'App Store?)

Les motifs sombres frustrent les utilisateurs et rendent votre site Web moins utilisable. C'est un problème pour tous les groupes démographiques et pourrait même être considéré comme un prédateur.

Utiliser des éléments modernes avec des instructions

conception de sites Web pour les enfants

Le point à retenir jusqu'à présent n'est pas que vous deviez concevoir des éléments de site Web qui datent d'environ 2000, mais de penser et de faire attention à des conceptions trop modernes. (Nous aimons les éléments de design à la mode.)

L'astuce consiste à ajouter des éléments modernes avec des instructions et des indices visuels qui aident les utilisateurs de tous âges à comprendre comment interagir avec eux et à assurer une fonctionnalité appropriée.

Si votre cible démographique est constituée de personnes qui recherchent des communautés de vie assistée, par exemple, une intro vidéo de style TikTok qui demande un like pour entrer sur le site n'est peut-être pas la plus appropriée. Mais si vous utilisez cette vidéo avec quelques explications, elle pourrait résonner avec le public. Dites aux utilisateurs ce qu'ils doivent faire si leur réponse n'est apparemment pas claire.

Cela revient à un simple fait: si le design est pertinent et facile à utiliser, votre public trouvera un moyen de s'engager avec lui.

Présentez des images inclusives

conception web pour les seniors

Les gens aiment voir d'autres personnes qui leur ressemblent. Utilisez des images dans la conception qui montrent des personnes de votre segment d'audience clé utilisant votre produit ou service ou s'engageant d'une manière ou d'une autre.

Cela ne veut pas dire que les seules images incluent ce groupe démographique, mais il doit être bien représenté.

De plus, assurez-vous d'inclure la diversité dans la démographie pour créer une association avec le plus grand nombre de personnes possible.

Suivez les directives d'accessibilité

Des directives d'accessibilité existent pour de nombreuses raisons, mais saviez-vous que WCAG 2.0 a des conseils spécifiques sur la façon de répondre aux besoins des utilisateurs plus âgés?

Les normes s'appliquent à tout, de la taille et de la mise en page du texte à l'utilisation d'une souris ou d'un clavier jusqu'à l'organisation du contenu. Si des utilisateurs plus âgés accèdent régulièrement à votre site Web ou à votre application, cela peut être le point de départ de la conception ou de la refonte de votre projet.

Comment WCAG s'applique aux utilisateurs plus âgés: «Bien que tous les critères de réussite WCAG 2.0 ne soient pas répertoriés ici, WAI recommande de satisfaire au moins tous les critères de réussite WCAG 2.0 niveau A et AA. Certains des critères de réussite du niveau AAA qui sont particulièrement importants pour les personnes âgées sont également énumérés dans cette section.

«Lors de la mise en œuvre de WCAG 2.0, les développeurs peuvent utiliser différentes techniques pour répondre aux critères de réussite. Dans certains cas, l'utilisation d'une technique au lieu d'une autre peut optimiser l'accessibilité pour certains utilisateurs. Cette section répertorie certaines des techniques qui peuvent aider à optimiser les sites Web pour les personnes âgées. "

Conclusion

Vous pensez probablement à l'impact des différents éléments de conception sur différents groupes d'utilisateurs à tout moment. Assurez-vous d'inclure des publics de différentes générations dans cette recherche.

Bien que de nombreuses choses que vous faites déjà s'appliquent à de nombreux publics, il peut être utile de savoir quelles étapes supplémentaires vous pouvez prendre en termes de conception pour différents groupes d'utilisateurs. Il est évident que concevoir un site Web ou une application pour un enfant par rapport à un parent peut être très différent, mais il n'est peut-être pas aussi évident que bon nombre des mêmes éléments de conception que vous utilisez pour les plus jeunes publics peuvent également s'appliquer aux plus âgés.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *