Nossos Princípios de Design: as 4 bases da experiência na Conta Azul

Princípios de design são um grupo de recomendações que formam a base de produtos para trazer uma boa experiência. Eles ajudam o time no processo de tomada de decisão, reduzindo a necessidade de argumentação, trazendo clareza, e alinhando as squads sobre o que é realmente importante. Quer saber como criamos os nossos? Continue lendo este artigo.

O que são princípios de design

Sabemos que é muito difícil trabalhar de maneira direcionada sem termos diretrizes de design.

Imagine uma equipe composta por pessoas diversas, que trazem conhecimentos diferentes e experiências incríveis, cada uma trabalhando em uma parte do produto.

Sem um foco, mesmo com todo o conhecimento acumulado, essas pessoas estariam fadadas a discutir por muito mais tempo as estratégias para cada ponta, ou pior, criariam um produto com muitas inconsistências de tom e experiência.

Como diz o próprio nome, os princípios são a base que deve vir em primeiro lugar em toda tomada de decisão relacionada ao design do produto.

Só não devemos confundir com princípios universais do design: os princípios de design de uma marca são definidos de acordo com a experiência ideal e difereciais do produto.

Então, o que você pode fazer quando quiser escrever os princípios de design para seu time? Confira nossas dicas básicas para acertar em cheio:

1. Crie princípios que sejam inovadores e desafiem seu time a ir mais longe;
2. Não reescreva os princípios universais de usabilidade ou human-centred design;
3. Os princípios de design devem orientar você, seu time e stakeholders quais direções tomar quanto a escolhas difíceis;
4. Eles devem se concentrar no que diferencia seu produto dos outros;
5. Eles devem expressar como seu produto deverá ser percebido e o que é importante para o negócio e para os seus clientes.

Nossos antigos princípios

Desde muito tempo atrás, nosso time já trabalhava se baseando em recomendações específicas, os Princípios de Design da Conta Azul. Até 2021, nossos princípios eram:

• Priorizamos interfaces invisíveis
  Na nossa visão de plataforma, criamos integrações inéditas entre serviços. Isso permite criar automatizações surpreendentes “por baixo dos panos”.
• Vemos dono de negócio e contador como um só
  Tudo que fazemos considera os dois lados da mesma moeda. Falamos a língua do dono de negócio e contador, atuando como tradutores sempre que necessário.
• Projetamos experiências progressivas
  Conhecemos nosso cliente como um parceiro próximo. Isso permite que acompanhemos seu ciclo de vida na plataforma e surpreendamos a cada oportunidade.
• Instruímos nossos usuários
  Evitamos jargões técnicos e buscamos a obviedade em tudo. Criamos conceitos que cabem como luva ao dono de negócio e contador.

É importante lembrar que nenhum princípio pode ser ultrapassado por outra ideia, ou ser colocado de lado em alguns contextos. Além disso, os princípios definidos sempre devem andar juntos.

E era isso que acontecia até pouco tempo atrás, quando percebemos que nossos princípios estavam precisando de uma nova versão.

A decisão de atualizar

Quando começamos a criar a nova versão da Conta Azul Pro, lançada neste ano de 2022, parte do time percebeu que esses princípios não eram mais facilmente aplicáveis nas novas interfaces.

Era necessário criar algo mais sólido, que direcionasse o trabalho dos designers de forma homogênea. Havia muito além do que estávamos seguindo, e queríamos definir regras claras que não poderiam ser ignoradas em nenhuma parte da experiência dos produtos Conta Azul.

Também levávamos em consideração quão fáceis eram de entender os princípios por um time que estava crescendo.

Seria mais fácil memorizar os princípios e seus significados se eles fossem simples, fortes e escritos em poucas palavras.

Para serem usados por todos os designers da Conta Azul, a decisão deveria ser tomada em colegiado, de preferência com todo o time.

Dinâmica de definição dos princípios

Reunimos os designers de produto e marketing. No início da dinâmica, os designers precisaram responder às seguintes perguntas:

• Qual o papel do time de Design?
• Qual o nosso objetivo principal com nosso trabalho?
• Como saberíamos que atingimos o objetivo?
• Como o time de Design poderia ter consistência nas decisões tomadas no dia a dia?

Com essas perguntas respondidas, seria possível chegar a palavras-chave que serviriam de base para a criação dos nossos novos princípios.

Antes disso, para termos um ponto de partida, apresentamos alguns benchmarks e materiais de marcas que nos inspiram. É importante salientar que eles tinham que ser princípios de design (não princípios de marca, por exemplo), aplicados especificamente no dia a dia de times de design de produto.

Percebemos que, assim como já imaginávamos escrever nossos novos princípios, os times de design que usamos como referência também tinham princípios com uma ou duas palavras. Além disso, eram normalmente um substantivo ou um adjetivo.

Por que isso é importante?

Como dito anteriormente, para escalar as diretrizes em um time de design, precisamos de princípios que traduzam a missão do time, que sejam claros, aplicáveis no produto e fáceis de memorizar. E conseguimos isso com:

• Um número razoável de princípios (entre 3 e 6)
• Palavras autoexplicativas
• Nada de metáforas ou charadas
• Até duas palavras por princípio

Durante a dinâmica, precisávamos responder: de que forma conseguimos nos aproximar do nosso objetivo por meio de palavras?

Para chegar às palavras que mais refletiam nosso objetivo como defensores da experiência do usuário, agrupamos e votamos nos significados conforme a imagem abaixo:

#ParaTodosVerem: a imagem acima é um print da fase 2 do brainstorming: “vamos agrupar”. O fundo da imagem é branco e ela possui vários post-its coloridos, agrupados em oito categorias. Acima dos grupos de post-its, está a descrição: “Como grupo, aprupem as palavras que têm significado semelhante ou o sentimento por trás da palavra. Cada grupo possui um post-it preto, sendo eles: facilidade, guiar, ser inovador, UAU, conectar, consistência e bonito sem deixar complicado. Cada grupo possui algumas bolinhas, que foram votos depositados pelos designers. Os quatro grupos mais votados foram: facilidade, guiar, consistência e bonito sem deixar complicado.

Essa dinâmica mostrou como o time enxergava o que queria dos nossos produtos, a experiência ideal.

As palavras mais votadas, mostradas na imagem acima, representam não só o resultado de um brainstorming, mas a importância de o time compartilhar o mesmo objetivo: por um produto ainda mais fácil, educador, consistente e visualmente agradável.

A formatação

Com os 4 elementos escolhidos, uma nova leva de discussões foi aberta, e novos termos surgiram entre os participantes. Tudo isso na tentativa de estressar ao máximo os sinônimos que estivessem mais próximos do que o design da Conta Azul deveria demonstrar acima de tudo.

Outra preocupação que tínhamos era de manter esses mesmos padrões em todos os produtos da Conta Azul: Web, mobile, para empreendedores e para contadores.

Afinal, assim como nossa personalidade é uma só, a Conta Azul é uma única marca, e seus princípios não mudam.

Após fecharmos a dinâmica com vários sinônimos, nos reunimos em um tipo de guilda dos princípios para formatar estes elementos: o nome oficial de cada um dos princípios; um texto-símbolo que pudesse acompanhar o nome; e uma descrição mais detalhada.

Esse trabalho consistiu em uma imersão em materiais sobre princípios de design, busca por benchs e comparação de formatações. Sempre levamos em consideração o que combinava mais com a cultura do nosso time e como os princípios seriam lembrados e compartilhados.

Também comparamos os 4 elementos mais votados com nossos 4 atributos de marca, e ficou assim:

• O princípio é facilidade, a Conta Azul é simples
• O princípio é orientação, a Conta Azul é parceira
• O princípio é consistência, a Conta Azul é segura
• O princípio é encantador, a Conta Azul é transformadora

Com essa comparação, pudemos ver que estávamos no caminho certo. Enquanto os atributos da Conta Azul englobam toda a identidade da marca, nosso trabalho era representar a identidade do produto, a experiência ideal.

Após isso, chegamos aos nossos 4 princípios:

Simplicidade

Texto símbolo: “Simplificar a experiência reduz a complexidade do negócio”

Descrição: Nós prezamos pela praticidade e obviedade. Criamos interfaces organizadas, objetivas e de fácil entendimento. Trabalhamos o reconhecimento usando uma linguagem clara e comum ao usuário.

Enfatizamos a simplicidade em nossas interfaces adicionando significado e subtraindo o desnecessário e o complexo. Mostramos ao usuário apenas o que é relevante, eliminando o esforço cognitivo, sem interromper a sua jornada.

Consistência

Texto símbolo: “Manter a padronização das interações garante a consistência da experiência”

Descrição:
Nós garantimos fluidez e usabilidade utilizando sempre os mesmos padrões de interação. Nossas interfaces e fluxos são projetados levando em consideração a facilidade do usuário em identificar a localização de cada funcionalidade, para que sejam facilmente relembradas e acessadas sem esforço.

Nossos padrões de design e escrita são tão consistentes que o usuário sabe que é algo feito pela Conta Azul só de bater o olho.

Orientação

Texto símbolo: “Instruir e guiar eleva a confiança dos nossos usuários para realizarem seus objetivos”

Descrição: Nós compreendemos que as pessoas são únicas e que cada uma possui níveis de conhecimento e habilidades distintos no que diz respeito à gestão financeira.

Somos didáticos e tutores, oferecemos explicações sobre os termos técnicos e guiamos o usuário pelo caminho certo. Oferecemos ajuda, lembramos dos riscos e nunca o deixamos se perder, nem o deixamos sem alternativas. Mesmo que ele não perceba, nós sempre o guiamos.

Estética encantadora

Texto símbolo: “Proporcionar uma estética encantadora torna a rotina mais prazerosa”

Descrição:
Nós tornamos a experiência do usuário agradável. Buscamos uma resposta emocional positiva às nossas interfaces, sem sacrificar o óbvio pela beleza. Equilibramos os aspectos estéticos e funcionais de maneira que ambos sejam igualmente importantes.

Combinamos cores e formatos em nossos fluxos para proporcionar uma sensação de conforto. Priorizamos a harmonia visual, sem excesso de informações, possibilitando que o usuário trabalhe focado.

Concretizamos o plano de criar princípios memoráveis e simples, com apenas uma palavra (apenas um é escrito com duas), todos começando com substantivo (o que gera consistência na lembrança) e o mais importante: todos demonstrando o nosso objetivo como defensores da experiência.

Quando abrirmos um fluxo e encontramos um problema, esses princípios vão naturalmente nomear o problema.

Veja como isso é facilmente aplicável:

• A partir de agora, se tivermos a ideia de adicionar uma notificação sobre um fluxo, vamos nos perguntar: isso fere nosso princípio de simplicidade?
• Se quisermos criar uma interface sem usar componentes de System ou os padrões de linguagem, lembraremos que precisamos de consistência.
• Caso pensemos em um botão inespecífico, saberemos nomear este problema: falta de orientação.
• Se sentirmos que uma tela ou mensagem vai causar um sentimento ruim no usuário, sabemos que o princípio a ser levado em conta é a estética encantadora.

E esses foram só alguns exemplos de como estamos aplicando os princípios nas nossas cerimônias e no nosso dia a dia. Lembrando que todos eles devem andar lado a lado todo o tempo, com o mesmo grau de importância.

Com os princípios formatados, existe um novo objetivo, tão importante quanto a criação deste material: a disseminação das orientações ao time.

Na verdade, a divulgação não seria exatamente de novas orientações, mas sim de orientações já utilizadas que ainda não tinham nome. Pois os designers mesmos consideraram estes os 4 elementos mais fortes na nossa experiência.

É importante salientar que, quando qualquer coisa é nomeada, ela passa a ter mais força, pois se torna muito mais identificável, compartilhável e memorável.

Uma boa divulgação garante o respaldo do time sobre a decisão, e chega mais perto do grande objetivo que é termos esses princípios intrínsecos em todas as decisões de design.

Além da divulgação, é necessário manter o assunto fresco na memória de todos, por meio de pílulas e atividades práticas com os designers.

Mas, sobre isso, vamos contar em um próximo artigo. :)

E aí? Conta pra gente se você e sua equipe têm princípios de design e como foi o processo de criação.