Resumo:

Você já se sentiu frustrado quando um parceiro de produto tentou explicar um sistema complexo usando apenas um documento? Ou se sentiu desanimado ao tentar descrever um fluxo de usuário sem nenhum protótipo? Você não está sozinho — isso é um desafio comum no nosso dia a dia na Okta. Os seres humanos são criaturas visuais. Como designers de produto, temos um superpoder: nossa capacidade de usar recursos visuais. Neste artigo, compartilharei como tenho aproveitado os recursos visuais ao longo do ciclo de vida do design de produto para facilitar a vida para mim e para meus colegas de equipe.

Por que isso importa

É aqui que seu superpoder de design capacita a equipe inteira

Promova maior clareza

O resultado mais importante do uso de recursos visuais é a clareza e o alinhamento que eles criam. O artefato visual em si não é o objetivo final; ele é um método de comunicação. Seja um esboço rápido ou um fluxo de tarefas de baixa fidelidade, seu recurso visual reflete a forma como você processou informações complexas. Ao compartilhar esses recursos visuais, você está essencialmente mostrando à sua equipe como entende o problema. Ou seja, é uma maneira fácil e eficaz de se comunicar.

Capacite o pensamento produtivo

Além de promover clareza, outro benefício do uso de recursos visuais é que isso incentiva você e sua equipe a refletir mais. Geralmente, ao converter as informações que recebe (lendo ou ouvindo) em um recurso visual, você está unindo fragmentos de informação. O próprio processo incentiva você a pensar de forma sistemática, o que é uma habilidade importante em um domínio técnico como a Okta.

Um favor para seus parceiros

Seus parceiros de produto (gerentes de produto e engenheiros) podem não ser especialistas na criação de recursos visuais, mas frequentemente precisam deles para trabalhar. Alguns podem tentar criá-los, enquanto outros desistem. Já vi muitos exemplos em que um PM simplesmente usou um recurso visual que eu criei para a apresentação dele — um exemplo perfeito de trabalho em equipe e confiança mútua.

Quando praticar

As oportunidades de usar recursos visuais estão por toda parte no seu processo.

Entenda o sistema

É aqui que os recursos visuais podem desempenhar um papel fundamental para aumentar a clareza e ajudar sua equipe a lidar com as próximas etapas. As iniciativas de design na Okta são frequentemente baseadas em domínios de produtos complexos. Portanto, é possível que você não tenha nenhum conhecimento prévio. Imagine receber uma especificação de produto de 30 páginas, cheia de diferentes áreas de produto, personas de vários administradores, modelos de permissão e siglas de que você nunca ouviu falar. O que você faz?

Você tem muitas opções, mas mapear o que entende é uma ótima escolha. Normalmente, esboço o modo como acredito que o sistema atual funciona. Não se preocupe se ficar confuso — como mencionei, o recurso visual em si não é o objetivo. Ele é uma forma eficaz de iniciar uma conversa com seus parceiros de produto e engenharia e seguir em frente.

A detailed workflow diagram illustrating digital asset management processes.

Navegue na direção correta

Considere o estágio em que o problema está claro e sua equipe está pronta para pensar em soluções de alto nível. Para um designer de produto, essa é a chance de inserir uma mentalidade centrada no usuário e defender a melhor experiência para suas personas-alvo.

Uma atividade prática é mapear visualmente todos os dados que você coletou (por exemplo, de pesquisas) e apresentá-los de forma organizada. Esse é um passo crucial para transformar conhecimento em ideias. Sejam suposições ou requisitos técnicos acionáveis, é o momento para você se destacar alinhando seus colegas de equipe para imaginar o futuro do seu produto.

A detailed workflow chart showcasing configuration and feature management for digital assets.

Execute a solução

Ao avançar para a etapa de execução do design, os designers costumam elaborar uma especificação de design que os engenheiros possam consultar. No entanto, comunicar um design utilizando apenas mock-ups ou protótipos pode ser um desafio.

Por exemplo, para comunicar como diferentes validações de entrada funcionam em um formulário de criação, eu produzi um mapa lógico. Como algumas entradas tinham dependências e mais de uma regra de validação, esse mapa forneceu uma visão geral clara do comportamento esperado. Em vez de compartilhar inúmeras telas, foi uma maneira mais eficiente de comunicar como o sistema deve funcionar.

A detailed user flow diagram showcasing the process of filling out fields such as first-last name, username, primary email, and realm.

Conte a história

Às vezes, é necessário contar uma história curta, mas clara, sobre o trabalho que você está fazendo. Pode ser uma integração rápida para um novo funcionário ou uma breve apresentação para as partes interessadas. Cobrir todos os detalhes de um projeto complexo em apenas cinco minutos é sempre um desafio.

Novamente, pense na possibilidade de usar recursos visuais! Tente compactar as informações principais em um pequeno diagrama. Ele pode ser flexível, dependendo do que você deseja destacar (por exemplo, ações do usuário, produtos por equipes proprietárias, melhorias de segurança). Você descobrirá que é uma forma produtiva de se comunicar e, ao mesmo tempo, incentiva seu público a pensar, assim como você faz com seus colegas de equipe.

A visual representation of the workflow for integrating identity providers in an organizational setup.

Como receber suporte

Você não precisa produzir artefatos visuais sozinho

Envolva seus colegas de equipe

Já que você deseja que seus recursos visuais se comuniquem e inspirem sua equipe, é sempre valioso envolver seus colegas de equipe. Eles podem atuar como cocriadores, compartilhando opiniões sobre o que deve ser destacado. Por exemplo, um PM pode ser um ótimo parceiro, pois possui um conhecimento abrangente que varia de experiência do usuário a requisitos técnicos.

Você também pode convidar outros designers para colaborar se o seu projeto estiver relacionado aos domínios de produto deles. Além de criar os recursos visuais, essa é uma ótima oportunidade para pensar sobre como seu trabalho se conecta a um sistema maior.

Pense em um workshop

É possível que a pessoa que você deseja envolver não tenha conhecimento suficiente para ajudar — ou talvez você apenas queira a opinião de um público mais amplo. Pense em um workshop. Quando você facilita um workshop, tem a chance de ouvir um grupo maior de pessoas. Elas podem vir da equipe de engenharia com a qual você não interage regularmente ou serem PMs de equipes adjacentes capazes de ajudar a preencher lacunas de conhecimento.

Por exemplo, um workshop me ajudou a mapear melhor os pontos problemáticos dos usuários e a refletir sobre as oportunidades da UX. Minha equipe estava no meio do processo Double Diamond. Tínhamos uma definição de alto nível dos requisitos do produto, mas nos faltava clareza sobre qual experiência poderia ser melhorada. Para ajudar a mapear as coisas, convidei vários PMs e designers para um workshop. Embora a maioria não conhecesse toda a jornada de ponta a ponta, as áreas de produto deles interagiam com meu trabalho. Nesse contexto, eles ainda contribuíram com muitas ideias perspicazes que me levaram a uma proposta de design mais sólida.

Dicas adicionais

Tenho 2 dicas adicionais.

Primeiro, pense no seu público e no contexto dele. Como na hora de preparar uma apresentação, considerar quem verá seu trabalho ajuda a criar recursos visuais mais valiosos. Porém, ao contrário de uma apresentação, as pessoas que virem seu recurso visual confiarão apenas no que está presente. Garanta que o artefato visual esteja alinhado com o contexto dessas pessoas para ter sucesso.

Segundo, pratique como um parceiro igual. Às vezes, buscamos PMs e engenheiros pelo conhecimento deles, mas é possível que eles também não tenham todas as respostas. Nos estágios iniciais do ciclo de vida de um produto, é comum que ninguém tenha uma imagem perfeitamente clara em mente. Se essa for sua situação, seja ousado e tome a iniciativa. Use um esboço para falar sobre o que você pensa ou mapeie o que é conhecido e o que não é. Um esboço simples pode ter um impacto positivo na capacidade da equipe de lidar com a ambiguidade.

Resumo

Os recursos visuais são o superpoder de um designer para lidar com a ambiguidade e a complexidade. Eles são uma ótima ferramenta para promover a clareza, alinhar-se com os colegas de equipe e estimular o pensamento criativo ao longo de todo o ciclo de vida do produto.

Meu conselho é simplesmente tentar. Não há maneira errada de criar um recurso visual, seja um esboço rápido ou um diagrama detalhado. Pegue um quadro branco, abra um novo arquivo e comece a desenhar para ser um parceiro de design de produto melhor!

Continue sua jornada de identidade