How We’re Improving Accessibility and Usability at Guru: Part 2

Découvrez cette interview avec les leaders de notre pod système de design pour en savoir plus sur la façon dont ils mènent la charge dans le travail d'accessibilité de Guru.
Table des matières

Dans le cadre de notre engagement à améliorer l'accessibilité et l'utilisabilité de Guru, nous avons un système de design dédié "pod" qui se concentre sur la création d'expériences cohérentes, accessibles et belles sur Guru. Aujourd'hui, nous partageons une interview avec les leaders de ce pod pour donner un aperçu de leur processus réfléchi et délibéré de création d'un excellent système de design.

Merci de nous rejoindre aujourd'hui ! Pour commencer, pouvez-vous partager un peu sur vous et votre rôle chez Guru ?

Homer : Je m'appelle Homer Gaines et je suis un spécialiste de l'accessibilité certifié qui travaille dans le domaine de l'accessibilité depuis 2001. Maintenant, je suis l'ingénieur UI Staff chez Guru, dirigeant l'équipe du système de design.

Jake : Je suis Jake Sauer et je suis le concepteur de produit principal dans les équipes du système de design et de recherche. Je suis avec Guru depuis un peu plus de quatre ans et j'ai été dans le design de produit pendant environ une décennie.

inline.png

Qu'est-ce qui vous a amené à l'équipe du système de design chez Guru ?

Homer : J'avais travaillé avec certains des leaders techniques de Guru auparavant et j'occupais un rôle similaire où je me concentrais sur l'accessibilité et aidais à construire le système de design. Quand ils sont venus chez Guru, ils m'ont amené pour aider à mettre en place le système de design et à amener Guru à jour d'un point de vue accessibilité.

Jake : J'étais le deuxième concepteur de produit chez Guru et nous n'avions pas de semblance de système de design à l'époque. Au cours de ma deuxième année, nous cherchions à revoir la hiérarchie de notre produit, ce qui m'a conduit à mettre en place la première tentative honnête d'un système de design éphémère (je l'avais même appelé « SAGE », qui est ce que notre nouveau système de design s'appelle).

À l'époque, il n'était adopté que par les concepteurs - nous n'avions jamais pensé à cela comme un système holistique qui serait utile aux équipes d'ingénierie et design. Lorsque nous avons réactivé le groupe de travail du système de design l'année dernière, j'étais le candidat naturel pour le rôle de conception.

Pouvez-vous partager certains des objectifs de l'équipe du système de design et les objectifs du système de design chez Guru ?

Jake : Les concepteurs peuvent généralement avancer plus rapidement que les ingénieurs lorsqu'il s'agit de prototypage et d'idéation, mais cela nécessite encore beaucoup de construction initiale. Ainsi, mon objectif est que le système de design permette aux concepteurs de penser moins aux composants de l'UI et plus à l'expérience de l'utilisateur, ce qui aide à la vélocité d'itération.

Guru_Collage_Image-Library-64-transparent.png

De plus, j'ai historiquement été la seule source de vérité concernant les motifs du système de design, donc d'autres concepteurs devaient venir me poser des questions sur les styles de boutons, de texte, etc.

Je ne voulais pas être le « celui qu'il faut consulter » pour les réponses - je voulais construire un système qui permettrait à tous les concepteurs de prendre des décisions par eux-mêmes, en gardant à l'esprit la meilleure expérience utilisateur.

Homer : Et pour les ingénieurs, notre objectif est d'avoir un système de design qui établisse une parité entre les équipes d'ingénierie et de design. Cela augmente la confiance de nos concepteurs car ils savent que lorsqu'ils construisent une nouvelle expérience, ils s'appuient sur des composants accessibles et pré-vérifiés qui existent déjà dans le produit.

Cela donne également au développeur qui construit le projet une confiance similaire car il sait qu'il travaille avec des éléments qui existent déjà dans le produit. Ils peuvent facilement « prendre » ces composants de la bibliothèque SAGE, plutôt que de devoir les construire de zéro, ce qui améliore la rapidité et l'efficacité.

Cela garantit également la cohérence avec notre voix de marque - lorsque vous utilisez un système de design, toute l'application ressemble à un produit cohésif, même si elle est construite par plusieurs équipes différentes. Vous souhaitez créer une expérience fluide qui semble cohérente sur toutes les pages du produit.

Enfin, le système de design nous permet d'incorporer nos besoins en accessibilité directement au sein des composants. Nous pouvons être sûrs que notre code dispose d'une balise sémantique correcte, a été testé pour les lecteurs d'écran et les entrées au clavier, et que les composants sont focusables lorsque cela est nécessaire.

Nous avons une seule source de vérité qui garantit l'intégrité de ces fonctionnalités, et nous pouvons être confiants que notre qualité ne se détériorera pas avec le temps.

Quels sont les avantages d'avoir un système de design en place ?

Homer : Le système de design améliore l'expérience des employés pour les concepteurs et les ingénieurs. Il augmente la collaboration et la confiance entre les équipes que nous construisons des expériences cohérentes et accessibles.

transparent15-1200pxwide.png

Jake : Le système de design augmente la cohérence, la clarté d'utilisation, la réutilisabilité, et finalement, la flexibilité au sein des directives. Il est vraiment important d'incorporer l'accessibilité dans chaque expérience. Maintenant que nous avons renforcé Guru pour répondre au système de design actuel, cela nous permet d'itérer et d'améliorer plus rapidement car nous pouvons mettre à jour les composants dans l'ensemble de l'application.

Homer : Oui, l'expérience du designer est essentielle. C'est une chose pour les concepteurs et les ingénieurs de simplement prendre des composants et de les intégrer dans l'interface et de l'appeler une « fonctionnalité », mais le système de design explique le pourquoi derrière la façon dont toutes ces expériences sont construites.  

Cela impacte également l'utilisabilité sur les deux fronts : l'utilisabilité pour ceux qui sont étiquetés et l'utilisabilité pour ceux qui sont handicapés. Par exemple, le chat assisté fonctionne complètement différemment de quelqu'un utilisant une souris, donc nous devons être attentifs à la façon dont le système de design fonctionne avec différentes formes de technologie d'assistance.

Quelles sont les répercussions de ne pas posséder un système de design ?

Homer : CONFUSION !

Jake : Oui, confusion ! Il y a aussi parfois une mentalité de « nouvel objet brillant » avec les concepteurs qui les pousse à vouloir reconstruire complètement des expériences qui ne leur plaisent pas.

Le système de design enlève une partie de cette flexibilité, ce qui ne freine pas en fait le designer - cela le libère et le pousse à réfléchir, « comment puis-je combiner ces composants et motifs UX pour créer ce que je veux construire ? » Cela enlève l'incertitude de « avons-nous déjà un bouton qui ressemble à cela ? » ou « comment appelons-nous ces types d'utilisateurs ? »

Homer : Sans un système de design, vous vous heurtez à des situations où les développeurs finissent par construire deux sections d'une application avec des fonctionnalités et des fonctions similaires qui sont codées de manière totalement différente. Cela rend difficile le maintien du code – un test qui réussit pour une section pourrait complètement échouer pour l'autre.

Le système de design permet également aux ingénieurs de s'inquiéter moins de la couche de présentation car elle est déjà prise en charge pour eux au sein de chaque composant. Sans cela, vous devrez traquer chaque zone de l'application qui semble similaire chaque fois que vous souhaitez apporter un changement stylistique.

La puissance du système de design réside dans la manière dont il s'étend : si nous apportons un changement à un bouton dans le système de design, il est automatiquement changé partout où ce bouton se trouve dans l'application.

transparent07-1200pxwide.png

Jake : Ce qui est unique chez Guru, c'est à quel point nos chefs de produit, concepteurs UX et ingénieurs travaillent en étroite collaboration. Dans certaines organisations, les concepteurs finiront par « lancer des designs par-dessus le mur » pour que les ingénieurs s'en occupent, rendant beaucoup plus difficile chaque fois que les designs doivent être mis à jour. Avec un système de design, les ingénieurs n'ont pas à s'inquiéter de retrouver des concepteurs si quelque chose est centré de façon décalée. Au lieu de cela, ils peuvent être confiants qu'en utilisant les composants du système de design, tout sera correct.

Pouvez-vous partager vos perspectives sur où nous en sommes concernant l'utilisabilité et l'accessibilité de notre produit ?

Homer : D'un point de vue d'usabilité, nous sommes dans une bien meilleure position que celle où nous étions il y a quelques années, simplement parce que l'UI devient plus unifiée. Nous avons encore un long chemin à parcourir, mais nous avons pris notre « première passe » pour renforcer la plupart des parties les plus confuses de notre application. Maintenant, nous pouvons revenir et apporter les ajustements fins qui font toute la différence.

Quand je dis « utilisabilité », je veux aussi dire accessibilité car l'utilisabilité devrait être pour tous nos utilisateurs.

Guru_Collage_Image-Library-30-transparent.png

Jake : Je suis d'accord. Je pense que nous avons fait beaucoup de progrès grâce au système de design et au projet d'utilisabilité que nous avons récemment terminé. Une des meilleures choses de notre système de design est qu'il a rendu nos concepteurs plus conscients de l'importance de l'accessibilité - nous nous sommes éloignés du choix des couleurs parce qu'elles sont « jolies » ou de la conception d'expériences qui sont juste « cool », et maintenant nous prenons le temps d'évaluer l'accessibilité dès le départ.

Homer : Nous avons également fait beaucoup de chemin en termes de rédaction pour l'application (microcopie). Nous faisons le lien vers des Guru Cards qui détaillent nos normes de microcopie directement dans le système de design, ce qui aide tout le monde à s'assurer que la microcopie d'application est accessible.

Pouvez-vous tous deux partager votre vision pour l'équipe du système de design et l'accessibilité chez Guru ?

Homer : Ma vision pour l'équipe est de devenir le hub central pour la documentation de design et de développement et l'utilisabilité de chaque zone de l'application. Je nous vois maintenant maintenir des normes pour les expériences globales à travers l'application et travailler avec des partenaires à travers l'entreprise pour faire cela.

Pourquoi est-il important de construire un produit hautement utilisable dans notre secteur (gestion des connaissances) spécifiquement ?

Homer : Environ 10 % de la population mondiale a un handicap. Lorsque nous y pensons, nous pensons généralement à des handicaps physiques - mais le plus grand groupe de personnes ayant des handicaps a des handicaps cognitifs, que vous ne pouvez pas voir. Il y a 33 millions de personnes aux États-Unis ayant un handicap cognitif, et cela peut aller de la perte de mémoire à court terme à des problèmes de vision. Beaucoup d'entre nous travaillons dans l'industrie technologique et ressentons la douleur d'expériences qui ne sont pas conçues avec l'accessibilité à tous les utilisateurs à l'esprit.

Donc, si vous pensez « oh, les utilisateurs avec des handicaps n'utilisent pas notre application » parce que vous ne pouvez pas les voir, cela ne pourrait pas être plus éloigné de la vérité. Il existe des utilisateurs ayant des handicaps construisant ces applications.

Jake : Notre marché accessible est vraiment infini et la chose à laquelle nous devons être attentifs est comment notre application soutient non seulement les utilisateurs actuels mais aussi les personnes qui pourraient nous utiliser à l'avenir. Nous devons réfléchir à la façon dont notre navigation et notre hiérarchie peuvent rester flexibles tout en étant accessibles au plus grand nombre de personnes possible.

Guru_Collage_Image-Library-63-transparent.png

Homer : Combien d'entre nous portent des lunettes ? Nous devons réfléchir à la façon dont notre outil interagit avec les outils de grossissement pour soutenir ces utilisateurs. Et les utilisateurs de Guru n'ont pas de limite d'âge - tout le monde vieillit, et nous ne devrions pas nous attendre à ce que nos utilisateurs cessent d'utiliser la technologie en raison de leur démographie.

Nous disposons d'un outil qui donne le pouvoir à chacun de documenter et de partager des informations d'une manière qui est réellement accessible à toute leur équipe. Nous voyons de plus en plus d'utilisateurs explorer Guru et demander comment créer et partager un contenu accessible, car ils réalisent que cela affectera tout le monde.

Notre application n'est pas seulement conçue pour les utilisateurs experts ; elle est destinée à quiconque souhaite être capable de rédiger et de partager des informations dans leur organisation. Nous leur donnons le pouvoir et la liberté de le faire.

Note : Cette interview a été éditée pour plus de brièveté et de clarté.

Dans le cadre de notre engagement à améliorer l'accessibilité et l'utilisabilité de Guru, nous avons un système de design dédié "pod" qui se concentre sur la création d'expériences cohérentes, accessibles et belles sur Guru. Aujourd'hui, nous partageons une interview avec les leaders de ce pod pour donner un aperçu de leur processus réfléchi et délibéré de création d'un excellent système de design.

Merci de nous rejoindre aujourd'hui ! Pour commencer, pouvez-vous partager un peu sur vous et votre rôle chez Guru ?

Homer : Je m'appelle Homer Gaines et je suis un spécialiste de l'accessibilité certifié qui travaille dans le domaine de l'accessibilité depuis 2001. Maintenant, je suis l'ingénieur UI Staff chez Guru, dirigeant l'équipe du système de design.

Jake : Je suis Jake Sauer et je suis le concepteur de produit principal dans les équipes du système de design et de recherche. Je suis avec Guru depuis un peu plus de quatre ans et j'ai été dans le design de produit pendant environ une décennie.

inline.png

Qu'est-ce qui vous a amené à l'équipe du système de design chez Guru ?

Homer : J'avais travaillé avec certains des leaders techniques de Guru auparavant et j'occupais un rôle similaire où je me concentrais sur l'accessibilité et aidais à construire le système de design. Quand ils sont venus chez Guru, ils m'ont amené pour aider à mettre en place le système de design et à amener Guru à jour d'un point de vue accessibilité.

Jake : J'étais le deuxième concepteur de produit chez Guru et nous n'avions pas de semblance de système de design à l'époque. Au cours de ma deuxième année, nous cherchions à revoir la hiérarchie de notre produit, ce qui m'a conduit à mettre en place la première tentative honnête d'un système de design éphémère (je l'avais même appelé « SAGE », qui est ce que notre nouveau système de design s'appelle).

À l'époque, il n'était adopté que par les concepteurs - nous n'avions jamais pensé à cela comme un système holistique qui serait utile aux équipes d'ingénierie et design. Lorsque nous avons réactivé le groupe de travail du système de design l'année dernière, j'étais le candidat naturel pour le rôle de conception.

Pouvez-vous partager certains des objectifs de l'équipe du système de design et les objectifs du système de design chez Guru ?

Jake : Les concepteurs peuvent généralement avancer plus rapidement que les ingénieurs lorsqu'il s'agit de prototypage et d'idéation, mais cela nécessite encore beaucoup de construction initiale. Ainsi, mon objectif est que le système de design permette aux concepteurs de penser moins aux composants de l'UI et plus à l'expérience de l'utilisateur, ce qui aide à la vélocité d'itération.

Guru_Collage_Image-Library-64-transparent.png

De plus, j'ai historiquement été la seule source de vérité concernant les motifs du système de design, donc d'autres concepteurs devaient venir me poser des questions sur les styles de boutons, de texte, etc.

Je ne voulais pas être le « celui qu'il faut consulter » pour les réponses - je voulais construire un système qui permettrait à tous les concepteurs de prendre des décisions par eux-mêmes, en gardant à l'esprit la meilleure expérience utilisateur.

Homer : Et pour les ingénieurs, notre objectif est d'avoir un système de design qui établisse une parité entre les équipes d'ingénierie et de design. Cela augmente la confiance de nos concepteurs car ils savent que lorsqu'ils construisent une nouvelle expérience, ils s'appuient sur des composants accessibles et pré-vérifiés qui existent déjà dans le produit.

Cela donne également au développeur qui construit le projet une confiance similaire car il sait qu'il travaille avec des éléments qui existent déjà dans le produit. Ils peuvent facilement « prendre » ces composants de la bibliothèque SAGE, plutôt que de devoir les construire de zéro, ce qui améliore la rapidité et l'efficacité.

Cela garantit également la cohérence avec notre voix de marque - lorsque vous utilisez un système de design, toute l'application ressemble à un produit cohésif, même si elle est construite par plusieurs équipes différentes. Vous souhaitez créer une expérience fluide qui semble cohérente sur toutes les pages du produit.

Enfin, le système de design nous permet d'incorporer nos besoins en accessibilité directement au sein des composants. Nous pouvons être sûrs que notre code dispose d'une balise sémantique correcte, a été testé pour les lecteurs d'écran et les entrées au clavier, et que les composants sont focusables lorsque cela est nécessaire.

Nous avons une seule source de vérité qui garantit l'intégrité de ces fonctionnalités, et nous pouvons être confiants que notre qualité ne se détériorera pas avec le temps.

Quels sont les avantages d'avoir un système de design en place ?

Homer : Le système de design améliore l'expérience des employés pour les concepteurs et les ingénieurs. Il augmente la collaboration et la confiance entre les équipes que nous construisons des expériences cohérentes et accessibles.

transparent15-1200pxwide.png

Jake : Le système de design augmente la cohérence, la clarté d'utilisation, la réutilisabilité, et finalement, la flexibilité au sein des directives. Il est vraiment important d'incorporer l'accessibilité dans chaque expérience. Maintenant que nous avons renforcé Guru pour répondre au système de design actuel, cela nous permet d'itérer et d'améliorer plus rapidement car nous pouvons mettre à jour les composants dans l'ensemble de l'application.

Homer : Oui, l'expérience du designer est essentielle. C'est une chose pour les concepteurs et les ingénieurs de simplement prendre des composants et de les intégrer dans l'interface et de l'appeler une « fonctionnalité », mais le système de design explique le pourquoi derrière la façon dont toutes ces expériences sont construites.  

Cela impacte également l'utilisabilité sur les deux fronts : l'utilisabilité pour ceux qui sont étiquetés et l'utilisabilité pour ceux qui sont handicapés. Par exemple, le chat assisté fonctionne complètement différemment de quelqu'un utilisant une souris, donc nous devons être attentifs à la façon dont le système de design fonctionne avec différentes formes de technologie d'assistance.

Quelles sont les répercussions de ne pas posséder un système de design ?

Homer : CONFUSION !

Jake : Oui, confusion ! Il y a aussi parfois une mentalité de « nouvel objet brillant » avec les concepteurs qui les pousse à vouloir reconstruire complètement des expériences qui ne leur plaisent pas.

Le système de design enlève une partie de cette flexibilité, ce qui ne freine pas en fait le designer - cela le libère et le pousse à réfléchir, « comment puis-je combiner ces composants et motifs UX pour créer ce que je veux construire ? » Cela enlève l'incertitude de « avons-nous déjà un bouton qui ressemble à cela ? » ou « comment appelons-nous ces types d'utilisateurs ? »

Homer : Sans un système de design, vous vous heurtez à des situations où les développeurs finissent par construire deux sections d'une application avec des fonctionnalités et des fonctions similaires qui sont codées de manière totalement différente. Cela rend difficile le maintien du code – un test qui réussit pour une section pourrait complètement échouer pour l'autre.

Le système de design permet également aux ingénieurs de s'inquiéter moins de la couche de présentation car elle est déjà prise en charge pour eux au sein de chaque composant. Sans cela, vous devrez traquer chaque zone de l'application qui semble similaire chaque fois que vous souhaitez apporter un changement stylistique.

La puissance du système de design réside dans la manière dont il s'étend : si nous apportons un changement à un bouton dans le système de design, il est automatiquement changé partout où ce bouton se trouve dans l'application.

transparent07-1200pxwide.png

Jake : Ce qui est unique chez Guru, c'est à quel point nos chefs de produit, concepteurs UX et ingénieurs travaillent en étroite collaboration. Dans certaines organisations, les concepteurs finiront par « lancer des designs par-dessus le mur » pour que les ingénieurs s'en occupent, rendant beaucoup plus difficile chaque fois que les designs doivent être mis à jour. Avec un système de design, les ingénieurs n'ont pas à s'inquiéter de retrouver des concepteurs si quelque chose est centré de façon décalée. Au lieu de cela, ils peuvent être confiants qu'en utilisant les composants du système de design, tout sera correct.

Pouvez-vous partager vos perspectives sur où nous en sommes concernant l'utilisabilité et l'accessibilité de notre produit ?

Homer : D'un point de vue d'usabilité, nous sommes dans une bien meilleure position que celle où nous étions il y a quelques années, simplement parce que l'UI devient plus unifiée. Nous avons encore un long chemin à parcourir, mais nous avons pris notre « première passe » pour renforcer la plupart des parties les plus confuses de notre application. Maintenant, nous pouvons revenir et apporter les ajustements fins qui font toute la différence.

Quand je dis « utilisabilité », je veux aussi dire accessibilité car l'utilisabilité devrait être pour tous nos utilisateurs.

Guru_Collage_Image-Library-30-transparent.png

Jake : Je suis d'accord. Je pense que nous avons fait beaucoup de progrès grâce au système de design et au projet d'utilisabilité que nous avons récemment terminé. Une des meilleures choses de notre système de design est qu'il a rendu nos concepteurs plus conscients de l'importance de l'accessibilité - nous nous sommes éloignés du choix des couleurs parce qu'elles sont « jolies » ou de la conception d'expériences qui sont juste « cool », et maintenant nous prenons le temps d'évaluer l'accessibilité dès le départ.

Homer : Nous avons également fait beaucoup de chemin en termes de rédaction pour l'application (microcopie). Nous faisons le lien vers des Guru Cards qui détaillent nos normes de microcopie directement dans le système de design, ce qui aide tout le monde à s'assurer que la microcopie d'application est accessible.

Pouvez-vous tous deux partager votre vision pour l'équipe du système de design et l'accessibilité chez Guru ?

Homer : Ma vision pour l'équipe est de devenir le hub central pour la documentation de design et de développement et l'utilisabilité de chaque zone de l'application. Je nous vois maintenant maintenir des normes pour les expériences globales à travers l'application et travailler avec des partenaires à travers l'entreprise pour faire cela.

Pourquoi est-il important de construire un produit hautement utilisable dans notre secteur (gestion des connaissances) spécifiquement ?

Homer : Environ 10 % de la population mondiale a un handicap. Lorsque nous y pensons, nous pensons généralement à des handicaps physiques - mais le plus grand groupe de personnes ayant des handicaps a des handicaps cognitifs, que vous ne pouvez pas voir. Il y a 33 millions de personnes aux États-Unis ayant un handicap cognitif, et cela peut aller de la perte de mémoire à court terme à des problèmes de vision. Beaucoup d'entre nous travaillons dans l'industrie technologique et ressentons la douleur d'expériences qui ne sont pas conçues avec l'accessibilité à tous les utilisateurs à l'esprit.

Donc, si vous pensez « oh, les utilisateurs avec des handicaps n'utilisent pas notre application » parce que vous ne pouvez pas les voir, cela ne pourrait pas être plus éloigné de la vérité. Il existe des utilisateurs ayant des handicaps construisant ces applications.

Jake : Notre marché accessible est vraiment infini et la chose à laquelle nous devons être attentifs est comment notre application soutient non seulement les utilisateurs actuels mais aussi les personnes qui pourraient nous utiliser à l'avenir. Nous devons réfléchir à la façon dont notre navigation et notre hiérarchie peuvent rester flexibles tout en étant accessibles au plus grand nombre de personnes possible.

Guru_Collage_Image-Library-63-transparent.png

Homer : Combien d'entre nous portent des lunettes ? Nous devons réfléchir à la façon dont notre outil interagit avec les outils de grossissement pour soutenir ces utilisateurs. Et les utilisateurs de Guru n'ont pas de limite d'âge - tout le monde vieillit, et nous ne devrions pas nous attendre à ce que nos utilisateurs cessent d'utiliser la technologie en raison de leur démographie.

Nous disposons d'un outil qui donne le pouvoir à chacun de documenter et de partager des informations d'une manière qui est réellement accessible à toute leur équipe. Nous voyons de plus en plus d'utilisateurs explorer Guru et demander comment créer et partager un contenu accessible, car ils réalisent que cela affectera tout le monde.

Notre application n'est pas seulement conçue pour les utilisateurs experts ; elle est destinée à quiconque souhaite être capable de rédiger et de partager des informations dans leur organisation. Nous leur donnons le pouvoir et la liberté de le faire.

Note : Cette interview a été éditée pour plus de brièveté et de clarté.

Découvrez la puissance de la plateforme Guru de première main - faites notre visite interactive du produit
Faire une visite guidée