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

Confira esta entrevista com os líderes do nosso pod de sistema de design para saber mais sobre como estão liderando o trabalho de acessibilidade do Guru.

Como parte do nosso compromisso em melhorar a acessibilidade e a usabilidade do Guru, temos um sistema de design dedicado “pod” que se concentra em criar experiências consistentes, acessíveis e bonitas em todo o Guru. Hoje, estamos compartilhando uma entrevista com os líderes desse pod para oferecer uma visão do seu processo reflexivo e deliberado de criação de um ótimo sistema de design.

Obrigado por se juntar a nós hoje! Para começar, você poderia compartilhar um pouco sobre si mesmo e seu papel no Guru?

Homer: Meu nome é Homer Gaines, e sou um especialista em acessibilidade certificado que trabalha na área de acessibilidade desde 2001. Agora, sou o Engenheiro de UI Sênior no Guru, liderando a equipe do Sistema de Design.

Jake: Eu sou Jake Sauer, e sou o Designer de Produto Líder nas equipes de Sistema de Design e Busca. Estou no Guru há pouco mais de quatro anos e estou na área de design de produto há cerca de uma década.

inline.png

O que te trouxe para a equipe do sistema de design no Guru?

Homer: Trabalhei com alguns dos líderes de engenharia do Guru antes e ocupei um papel semelhante onde me concentrei na acessibilidade e ajudei a construir o sistema de design. Quando eles vieram para o Guru, me trouxeram para ajudar a configurar o sistema de design e colocar o Guru em dia em termos de acessibilidade.

Jake: Eu fui o segundo designer de produto no Guru, e na época não tínhamos qualquer semblante de um sistema de design. No meu segundo ano, estávamos procurando refazer a hierarquia de nosso produto, o que me levou a construir a primeira tentativa honesta de um sistema de design de curta duração (eu até o chamei de “SAGE”, que é o nome do nosso novo sistema de design).

Na época, ele foi adotado apenas por designers—nunca pensamos nele como um sistema holístico que seria útil para engenharia e design. Quando reunimos novamente o grupo de trabalho do sistema de design no ano passado, eu fui o candidato natural para líder de design.

Você pode compartilhar alguns dos objetivos da equipe de sistema de design e os objetivos do sistema de design no Guru?

Jake: Os designers geralmente podem se mover mais rápido que os engenheiros quando se trata de prototipagem e ideação, mas ainda assim é necessário um grande esforço inicial de construção. Portanto, meu objetivo é que o sistema de design permita que os designers pensem menos sobre os componentes da interface e mais sobre a experiência do usuário, o que ajuda na velocidade de iteração.

Guru_Collage_Image-Library-64-transparent.png

Além disso, historicamente, fui a única fonte de verdade sobre padrões de sistema de design, então outros designers tinham que vir a mim para perguntas sobre estilos de botões, texto, etc.

Eu não queria ser o “tapa no ombro” para a resposta—eu queria construir um sistema que empoderasse todos os designers a tomar decisões por si mesmos, mantendo a melhor experiência do usuário em mente.

Homer: E para os engenheiros, nosso objetivo é fazer com que o sistema de design crie paridade entre as equipes de engenharia e design. Isso aumenta a confiança de nossos designers porque eles sabem que, ao construir uma nova experiência, eles estão utilizando componentes acessíveis previamente avaliados que já existem no produto.

Isso também dá confiança ao engenheiro que acaba construindo o projeto, pois ele sabe que está trabalhando com elementos que já existem no produto. Eles podem facilmente “pegar” esses componentes da biblioteca SAGE, em vez de precisarem construí-los do zero, o que melhora a velocidade e eficiência.

Isso também garante consistência com a nossa voz de marca—ao usar um sistema de design, toda a aplicação parece um produto coeso, mesmo que tenha sido construída por várias equipes diferentes. Você deseja criar uma experiência fluida que pareça consistente em todas as páginas do produto.

Por último, o sistema de design nos permite incorporar nossas necessidades de acessibilidade diretamente nos componentes. Podemos garantir que nosso código tenha a marcação semântica correta, tenha sido testado para leitores de tela e entradas de teclado, e que os componentes sejam focáveis quando necessário.

Temos uma única fonte de verdade que garante a integridade dessas funcionalidades, e podemos ter confiança de que nossa qualidade não se deteriorará com o tempo.

Quais são os benefícios de ter um sistema de design em funcionamento?

Homer: O sistema de design melhora a experiência dos funcionários para designers e engenheiros. Ele aumenta a colaboração e a confiança entre a equipe de que estamos construindo experiências consistentes e acessíveis.

transparent15-1200pxwide.png

Jake: O sistema de design aumenta a consistência, a clareza de uso, a reutilização e, em última análise, a flexibilidade dentro das diretrizes. É realmente importante garantir que a acessibilidade esteja incorporada em cada experiência. Agora que garantimos que o Guru atenda ao sistema de design atual, podemos iterar e melhorar mais rapidamente, pois podemos atualizar os componentes em todo o aplicativo.

Homer: Sim, a experiência do designer é fundamental. É uma coisa para os designers e engenheiros apenas pegarem componentes e colocá-los na interface e chamá-lo de “recurso”, mas o sistema de design explica o porquê de como todas essas experiências são construídas.  

Ele também impacta a usabilidade em ambos os caminhos: usabilidade para aqueles que são rotulados e usabilidade para aqueles que estão com deficiência. Por exemplo, um chat assistivo funciona de forma completamente diferente de alguém usando um mouse, então precisamos estar atentos a como o sistema de design funciona com diferentes formas de tecnologia assistiva.

Quais são os impactos de não ter um sistema de design em vigor?

Homer: CONFUSÃO!

Jake: Sim, confusão! Às vezes, também há uma mentalidade de “objeto brilhante” entre os designers que os leva a querer reconstruir completamente experiências com as quais estão insatisfeitos.

O sistema de design retira alguma dessa flexibilidade, o que na verdade não prejudica o designer—liberta e desafia a pensar: “como posso combinar esses componentes e padrões de UX para criar o que eu quero construir?” Remove a incerteza de “temos um botão que parece assim?” ou “como chamamos esses tipos de usuários?”

Homer: Sem um sistema de design, você se depara com situações onde os desenvolvedores acabam construindo duas seções de um aplicativo com funcionalidades semelhantes que são codificadas de forma completamente diferente. Isso torna difícil manter o código—um teste que passa para uma seção pode falhar completamente para a outra.

O sistema de design também permite que os engenheiros se preocupem menos com a camada de apresentação, pois já está cuidada para eles dentro de cada componente. Sem isso, você teria que rastrear cada área do aplicativo que parece semelhante sempre que quiser fazer uma alteração estilística.

O poder no sistema de design é como ele se espalha: Se fizermos uma alteração em um botão no sistema de design, ele é automaticamente alterado em todos os lugares onde esse botão existe dentro do aplicativo.

transparent07-1200pxwide.png

Jake: Uma coisa única sobre o Guru é o quão estreitamente nossos Gerentes de Produto, Designers de UX e Engenheiros trabalham juntos. Em algumas organizações, os designers acabam “jogando os designs por cima do muro” para os engenheiros pegarem, dificultando muito toda vez que os designs precisam ser atualizados. Com um sistema de design, os engenheiros não precisam se preocupar em rastrear designers se algo estiver deslocado por um pixel. Em vez disso, eles podem ter confiança de que, ao usar componentes do sistema de design, tudo estará correto.

Você pode compartilhar suas perspectivas sobre onde estamos em relação à usabilidade e acessibilidade do nosso produto?

Homer: Do ponto de vista da usabilidade, estamos em um lugar muito melhor do que estávamos há alguns anos, simplesmente porque a interface está se tornando mais unificada. Ainda temos um longo caminho a percorrer, mas fizemos nossa “primeira passagem” para corrigir a maioria das partes mais confusas do nosso aplicativo. Agora, podemos voltar e fazer aqueles pequenos ajustes que fazem toda a diferença.

Quando digo “usabilidade”, também me refiro à acessibilidade porque a usabilidade deve ser para todos os nossos usuários.

Guru_Collage_Image-Library-30-transparent.png

Jake: Eu concordo. Acho que chegamos longe graças ao sistema de design e ao projeto de usabilidade que completamos recentemente. Uma das melhores coisas sobre o nosso sistema de design é que ele fez com que nossos designers se tornassem mais conscientes de quão importante é a acessibilidade—mudamos de escolher cores por serem “bonitas” ou criar experiências que são apenas “legais”, e agora levamos tempo para avaliar a acessibilidade desde o início.

Homer: Também avançamos bastante em termos de redação de copy dentro do aplicativo (microcopy). Ligamos aos Guru Cards que detalham nossos padrões de microcopy diretamente dentro do sistema de design, o que ajuda todos a garantir que o copy dentro da aplicação seja acessível.

Vocês dois podem compartilhar sua visão para a equipe do sistema de design e acessibilidade no Guru?

Homer: Minha visão para a equipe é ser o centro de documentação de design e desenvolvimento e usabilidade de cada área do aplicativo. Eu nos vejo mantendo padrões para experiências globais em todo o aplicativo e trabalhando com parceiros em toda a empresa para que isso aconteça.

Por que é importante construir um produto altamente utilizável em nossa indústria (gestão do conhecimento) especificamente?

Homer: Aproximadamente 10% da população global tem alguma deficiência. Quando pensamos nisso, geralmente pensamos em deficiências físicas—mas o maior grupo de pessoas com deficiências tem deficiências cognitivas, que não são visíveis. Existem 33 milhões de pessoas nos Estados Unidos com deficiências cognitivas, que podem variar desde perda de memória de curto prazo até deficiência visual. Muitos de nós trabalhamos na indústria de tecnologia e sentimos a dor de experiências que não são projetadas com acessibilidade para todos os usuários em mente.

Então, se você pensa “oh, usuários com deficiências não usam nosso aplicativo” porque você não consegue vê-los, isso não poderia estar mais longe da verdade. Existem usuários com deficiências construindo esses aplicativos.

Jake: Nosso mercado endereçável é realmente infinito, e a coisa que precisamos considerar é como nosso aplicativo apoia não apenas usuários atuais, mas também pessoas que podem nos usar no futuro. Precisamos pensar em como nossa navegação e hierarquia podem permanecer flexíveis enquanto são acessíveis ao maior número possível de pessoas.

Guru_Collage_Image-Library-63-transparent.png

Homer: Quantos de nós usamos óculos? Precisamos pensar em como nossa ferramenta interage com ferramentas de ampliação para apoiar esses usuários. E os usuários do Guru não têm limite de idade—todos ficam mais velhos, e não devemos esperar que nossos usuários parem de usar tecnologia por causa de sua demografia.

Temos uma ferramenta que capacita todos a documentar e compartilhar informações de maneira que seja realmente acessível para toda a sua equipe. Estamos vendo cada vez mais usuários explorando o Guru e perguntando como criar e compartilhar conteúdo acessível porque percebem que isso afetará a todos.

Nosso aplicativo não é apenas projetado para usuários avançados; é para qualquer um que queira escrever e compartilhar informações em toda a sua organização. Estamos dando a eles o poder e a liberdade de fazer isso.

Nota: Esta entrevista foi editada para brevidade e clareza.

Como parte do nosso compromisso em melhorar a acessibilidade e a usabilidade do Guru, temos um sistema de design dedicado “pod” que se concentra em criar experiências consistentes, acessíveis e bonitas em todo o Guru. Hoje, estamos compartilhando uma entrevista com os líderes desse pod para oferecer uma visão do seu processo reflexivo e deliberado de criação de um ótimo sistema de design.

Obrigado por se juntar a nós hoje! Para começar, você poderia compartilhar um pouco sobre si mesmo e seu papel no Guru?

Homer: Meu nome é Homer Gaines, e sou um especialista em acessibilidade certificado que trabalha na área de acessibilidade desde 2001. Agora, sou o Engenheiro de UI Sênior no Guru, liderando a equipe do Sistema de Design.

Jake: Eu sou Jake Sauer, e sou o Designer de Produto Líder nas equipes de Sistema de Design e Busca. Estou no Guru há pouco mais de quatro anos e estou na área de design de produto há cerca de uma década.

inline.png

O que te trouxe para a equipe do sistema de design no Guru?

Homer: Trabalhei com alguns dos líderes de engenharia do Guru antes e ocupei um papel semelhante onde me concentrei na acessibilidade e ajudei a construir o sistema de design. Quando eles vieram para o Guru, me trouxeram para ajudar a configurar o sistema de design e colocar o Guru em dia em termos de acessibilidade.

Jake: Eu fui o segundo designer de produto no Guru, e na época não tínhamos qualquer semblante de um sistema de design. No meu segundo ano, estávamos procurando refazer a hierarquia de nosso produto, o que me levou a construir a primeira tentativa honesta de um sistema de design de curta duração (eu até o chamei de “SAGE”, que é o nome do nosso novo sistema de design).

Na época, ele foi adotado apenas por designers—nunca pensamos nele como um sistema holístico que seria útil para engenharia e design. Quando reunimos novamente o grupo de trabalho do sistema de design no ano passado, eu fui o candidato natural para líder de design.

Você pode compartilhar alguns dos objetivos da equipe de sistema de design e os objetivos do sistema de design no Guru?

Jake: Os designers geralmente podem se mover mais rápido que os engenheiros quando se trata de prototipagem e ideação, mas ainda assim é necessário um grande esforço inicial de construção. Portanto, meu objetivo é que o sistema de design permita que os designers pensem menos sobre os componentes da interface e mais sobre a experiência do usuário, o que ajuda na velocidade de iteração.

Guru_Collage_Image-Library-64-transparent.png

Além disso, historicamente, fui a única fonte de verdade sobre padrões de sistema de design, então outros designers tinham que vir a mim para perguntas sobre estilos de botões, texto, etc.

Eu não queria ser o “tapa no ombro” para a resposta—eu queria construir um sistema que empoderasse todos os designers a tomar decisões por si mesmos, mantendo a melhor experiência do usuário em mente.

Homer: E para os engenheiros, nosso objetivo é fazer com que o sistema de design crie paridade entre as equipes de engenharia e design. Isso aumenta a confiança de nossos designers porque eles sabem que, ao construir uma nova experiência, eles estão utilizando componentes acessíveis previamente avaliados que já existem no produto.

Isso também dá confiança ao engenheiro que acaba construindo o projeto, pois ele sabe que está trabalhando com elementos que já existem no produto. Eles podem facilmente “pegar” esses componentes da biblioteca SAGE, em vez de precisarem construí-los do zero, o que melhora a velocidade e eficiência.

Isso também garante consistência com a nossa voz de marca—ao usar um sistema de design, toda a aplicação parece um produto coeso, mesmo que tenha sido construída por várias equipes diferentes. Você deseja criar uma experiência fluida que pareça consistente em todas as páginas do produto.

Por último, o sistema de design nos permite incorporar nossas necessidades de acessibilidade diretamente nos componentes. Podemos garantir que nosso código tenha a marcação semântica correta, tenha sido testado para leitores de tela e entradas de teclado, e que os componentes sejam focáveis quando necessário.

Temos uma única fonte de verdade que garante a integridade dessas funcionalidades, e podemos ter confiança de que nossa qualidade não se deteriorará com o tempo.

Quais são os benefícios de ter um sistema de design em funcionamento?

Homer: O sistema de design melhora a experiência dos funcionários para designers e engenheiros. Ele aumenta a colaboração e a confiança entre a equipe de que estamos construindo experiências consistentes e acessíveis.

transparent15-1200pxwide.png

Jake: O sistema de design aumenta a consistência, a clareza de uso, a reutilização e, em última análise, a flexibilidade dentro das diretrizes. É realmente importante garantir que a acessibilidade esteja incorporada em cada experiência. Agora que garantimos que o Guru atenda ao sistema de design atual, podemos iterar e melhorar mais rapidamente, pois podemos atualizar os componentes em todo o aplicativo.

Homer: Sim, a experiência do designer é fundamental. É uma coisa para os designers e engenheiros apenas pegarem componentes e colocá-los na interface e chamá-lo de “recurso”, mas o sistema de design explica o porquê de como todas essas experiências são construídas.  

Ele também impacta a usabilidade em ambos os caminhos: usabilidade para aqueles que são rotulados e usabilidade para aqueles que estão com deficiência. Por exemplo, um chat assistivo funciona de forma completamente diferente de alguém usando um mouse, então precisamos estar atentos a como o sistema de design funciona com diferentes formas de tecnologia assistiva.

Quais são os impactos de não ter um sistema de design em vigor?

Homer: CONFUSÃO!

Jake: Sim, confusão! Às vezes, também há uma mentalidade de “objeto brilhante” entre os designers que os leva a querer reconstruir completamente experiências com as quais estão insatisfeitos.

O sistema de design retira alguma dessa flexibilidade, o que na verdade não prejudica o designer—liberta e desafia a pensar: “como posso combinar esses componentes e padrões de UX para criar o que eu quero construir?” Remove a incerteza de “temos um botão que parece assim?” ou “como chamamos esses tipos de usuários?”

Homer: Sem um sistema de design, você se depara com situações onde os desenvolvedores acabam construindo duas seções de um aplicativo com funcionalidades semelhantes que são codificadas de forma completamente diferente. Isso torna difícil manter o código—um teste que passa para uma seção pode falhar completamente para a outra.

O sistema de design também permite que os engenheiros se preocupem menos com a camada de apresentação, pois já está cuidada para eles dentro de cada componente. Sem isso, você teria que rastrear cada área do aplicativo que parece semelhante sempre que quiser fazer uma alteração estilística.

O poder no sistema de design é como ele se espalha: Se fizermos uma alteração em um botão no sistema de design, ele é automaticamente alterado em todos os lugares onde esse botão existe dentro do aplicativo.

transparent07-1200pxwide.png

Jake: Uma coisa única sobre o Guru é o quão estreitamente nossos Gerentes de Produto, Designers de UX e Engenheiros trabalham juntos. Em algumas organizações, os designers acabam “jogando os designs por cima do muro” para os engenheiros pegarem, dificultando muito toda vez que os designs precisam ser atualizados. Com um sistema de design, os engenheiros não precisam se preocupar em rastrear designers se algo estiver deslocado por um pixel. Em vez disso, eles podem ter confiança de que, ao usar componentes do sistema de design, tudo estará correto.

Você pode compartilhar suas perspectivas sobre onde estamos em relação à usabilidade e acessibilidade do nosso produto?

Homer: Do ponto de vista da usabilidade, estamos em um lugar muito melhor do que estávamos há alguns anos, simplesmente porque a interface está se tornando mais unificada. Ainda temos um longo caminho a percorrer, mas fizemos nossa “primeira passagem” para corrigir a maioria das partes mais confusas do nosso aplicativo. Agora, podemos voltar e fazer aqueles pequenos ajustes que fazem toda a diferença.

Quando digo “usabilidade”, também me refiro à acessibilidade porque a usabilidade deve ser para todos os nossos usuários.

Guru_Collage_Image-Library-30-transparent.png

Jake: Eu concordo. Acho que chegamos longe graças ao sistema de design e ao projeto de usabilidade que completamos recentemente. Uma das melhores coisas sobre o nosso sistema de design é que ele fez com que nossos designers se tornassem mais conscientes de quão importante é a acessibilidade—mudamos de escolher cores por serem “bonitas” ou criar experiências que são apenas “legais”, e agora levamos tempo para avaliar a acessibilidade desde o início.

Homer: Também avançamos bastante em termos de redação de copy dentro do aplicativo (microcopy). Ligamos aos Guru Cards que detalham nossos padrões de microcopy diretamente dentro do sistema de design, o que ajuda todos a garantir que o copy dentro da aplicação seja acessível.

Vocês dois podem compartilhar sua visão para a equipe do sistema de design e acessibilidade no Guru?

Homer: Minha visão para a equipe é ser o centro de documentação de design e desenvolvimento e usabilidade de cada área do aplicativo. Eu nos vejo mantendo padrões para experiências globais em todo o aplicativo e trabalhando com parceiros em toda a empresa para que isso aconteça.

Por que é importante construir um produto altamente utilizável em nossa indústria (gestão do conhecimento) especificamente?

Homer: Aproximadamente 10% da população global tem alguma deficiência. Quando pensamos nisso, geralmente pensamos em deficiências físicas—mas o maior grupo de pessoas com deficiências tem deficiências cognitivas, que não são visíveis. Existem 33 milhões de pessoas nos Estados Unidos com deficiências cognitivas, que podem variar desde perda de memória de curto prazo até deficiência visual. Muitos de nós trabalhamos na indústria de tecnologia e sentimos a dor de experiências que não são projetadas com acessibilidade para todos os usuários em mente.

Então, se você pensa “oh, usuários com deficiências não usam nosso aplicativo” porque você não consegue vê-los, isso não poderia estar mais longe da verdade. Existem usuários com deficiências construindo esses aplicativos.

Jake: Nosso mercado endereçável é realmente infinito, e a coisa que precisamos considerar é como nosso aplicativo apoia não apenas usuários atuais, mas também pessoas que podem nos usar no futuro. Precisamos pensar em como nossa navegação e hierarquia podem permanecer flexíveis enquanto são acessíveis ao maior número possível de pessoas.

Guru_Collage_Image-Library-63-transparent.png

Homer: Quantos de nós usamos óculos? Precisamos pensar em como nossa ferramenta interage com ferramentas de ampliação para apoiar esses usuários. E os usuários do Guru não têm limite de idade—todos ficam mais velhos, e não devemos esperar que nossos usuários parem de usar tecnologia por causa de sua demografia.

Temos uma ferramenta que capacita todos a documentar e compartilhar informações de maneira que seja realmente acessível para toda a sua equipe. Estamos vendo cada vez mais usuários explorando o Guru e perguntando como criar e compartilhar conteúdo acessível porque percebem que isso afetará a todos.

Nosso aplicativo não é apenas projetado para usuários avançados; é para qualquer um que queira escrever e compartilhar informações em toda a sua organização. Estamos dando a eles o poder e a liberdade de fazer isso.

Nota: Esta entrevista foi editada para brevidade e clareza.

Experimente o poder da plataforma Guru em primeira mão - faça nosso tour interativo pelo produto
Faça um tour