44 termos explicados

Glossário de Product Design

Os termos de UX, UI e produto que aparecem no dia a dia de quem desenha produtos digitais, explicados em português, com exemplos reais dos meus projetos.

A

• Acessibilidade digitalAcessibilidade digital é a prática de criar produtos que todas as pessoas consigam usar, incluindo quem tem deficiência visual, auditiva, motora ou cognitiva, seguindo diretrizes como a WCAG.
• AffordanceAffordance é a qualidade de um objeto ou elemento de interface que sugere como ele pode ser usado, como um botão que parece clicável ou uma alça que convida a puxar.
• Arquitetura da informaçãoArquitetura da informação é a organização do conteúdo e das funções de um produto em estruturas, categorias e menus que façam sentido para quem usa, para que cada coisa seja fácil de achar.
• Automação no-codeAutomação no-code é a criação de fluxos automáticos sem programar, conectando etapas visualmente num editor, para que pessoas de negócio montem processos sem depender de desenvolvedores.

B

• BenchmarkingBenchmarking em design é a análise de produtos concorrentes ou de referência para entender padrões, boas práticas e lacunas de mercado antes de desenhar uma solução.

C

• Card sortingCard sorting é uma técnica de pesquisa em que pessoas agrupam cartões com temas ou funções do produto, revelando como elas organizam e nomeiam o conteúdo na cabeça.
• Carga cognitivaCarga cognitiva é o esforço mental que uma interface exige para ser entendida e usada. Quanto menos a pessoa precisa lembrar, decidir e decifrar, menor a carga.
• Componente de interfaceComponente é uma peça reutilizável da interface, como um botão, um campo de formulário ou um card, desenhada uma vez com todas as suas variações e usada em várias telas.

D

• DashboardDashboard é uma tela que reúne os indicadores e informações mais importantes de um sistema num só lugar, para acompanhar a situação e decidir rápido.
• Design de interaçãoDesign de interação é a área que define como um produto responde às ações das pessoas: o que acontece ao clicar, arrastar, digitar ou falar, e como o sistema comunica cada mudança.
• Design responsivoDesign responsivo é a abordagem em que a interface se adapta a diferentes tamanhos de tela, do celular ao monitor grande, reorganizando o layout sem perder conteúdo ou função.
• Design systemDesign system é o conjunto de regras, tokens, componentes e documentação que um produto usa para manter consistência visual e de comportamento em todas as telas.
• Design thinkingDesign thinking é uma abordagem de resolução de problemas centrada nas pessoas, que alterna entre entender o problema, gerar ideias, prototipar e testar, em ciclos rápidos.
• Design tokensDesign tokens são as menores decisões visuais de um produto guardadas como variáveis com nome, como cores, tamanhos de fonte, espaçamentos, raios e sombras.
• Divulgação progressivaDivulgação progressiva é a técnica de mostrar primeiro só o essencial e revelar opções avançadas ou detalhes conforme a pessoa precisa deles.
• Double DiamondDouble Diamond é um modelo de processo de design criado pelo Design Council britânico em 2005, com quatro fases: descobrir, definir, desenvolver e entregar.

E

• Estado vazioEstado vazio é a tela que aparece quando ainda não há conteúdo para mostrar, como uma lista sem itens ou uma busca sem resultado, e que deve explicar o que aconteceu e o próximo passo.

F

• Fluxo de usuárioFluxo de usuário é o diagrama do caminho dentro do produto para completar uma tarefa, com cada tela, decisão e resultado possível, inclusive erros e estados vazios.

H

• HandoffHandoff é a entrega do design para o desenvolvimento, com telas, especificações, estados, componentes e comportamentos documentados para que o produto seja construído como foi pensado.
• Heurísticas de NielsenAs heurísticas de Nielsen são 10 princípios de usabilidade publicados por Jakob Nielsen em 1994, usados para avaliar interfaces sem precisar de testes com usuários.
• Hierarquia visualHierarquia visual é a organização dos elementos da tela por importância, usando tamanho, peso, cor, contraste e espaço para mostrar o que ler primeiro e onde agir.
• Human-in-the-loopHuman-in-the-loop é o modelo em que sistemas de IA ou automação executam o trabalho, mas uma pessoa revisa, aprova ou corrige as decisões em pontos definidos do processo.

I

• IA explicávelIA explicável é o conjunto de práticas que tornam compreensíveis as decisões de um sistema de inteligência artificial, mostrando o porquê de cada resultado para quem precisa confiar nele.

J

• Jornada do usuárioJornada do usuário é o mapa das etapas que uma pessoa percorre para atingir um objetivo, com o que ela faz, pensa e sente em cada momento, incluindo o que acontece fora do produto.

L

• Linguagem de jogos em interfacesUsar linguagem de jogos em interfaces é trazer padrões visuais e de interação dos games, como telas de seleção, cards colecionáveis e notas de atributos, para tornar a exploração de um produto mais intuitiva e envolvente.

M

• Mapa de empatiaMapa de empatia é uma ferramenta visual que organiza o que um usuário diz, pensa, faz e sente sobre uma situação, ajudando o time a entender a perspectiva dele.
• Métricas de produtoMétricas de produto são os números que mostram se um produto está cumprindo seu objetivo, como taxa de conclusão de tarefas, retenção, tempo para decidir ou chamados no suporte.
• MicrointeraçãoMicrointeração é um pequeno momento de interação com um único propósito, como curtir, alternar uma opção ou ver a confirmação de um envio, com resposta visual imediata.
• MVPMVP, ou produto mínimo viável, é a menor versão de um produto capaz de testar uma hipótese de valor com usuários reais, com o mínimo de esforço.

O

• OnboardingOnboarding é a experiência dos primeiros minutos de uso de um produto, que leva a pessoa do cadastro até o primeiro resultado de valor da forma mais curta possível.

P

• PersonaPersona é um personagem baseado em pesquisa que representa um grupo de usuários, com objetivos, contexto, dores e comportamentos, usado para manter o time focado em pessoas reais.
• Product designProduct design é a disciplina que define como um produto digital funciona e se parece, ligando o problema de quem usa aos objetivos do negócio e ao que a tecnologia consegue entregar.
• Product discoveryProduct discovery é a fase em que o time investiga problemas e testa ideias para decidir o que vale construir, antes de investir no desenvolvimento.
• ProtótipoProtótipo é uma simulação do produto, com telas ligadas entre si ou código que se comporta como o sistema real, usada para testar ideias com pessoas antes de construir de verdade.
• Protótipo de alta fidelidadeProtótipo de alta fidelidade é o que tem a aparência e o comportamento muito próximos do produto final, com visual definido, conteúdo real e interações completas.

R

• RedesignRedesign é a reformulação do design de um produto existente para resolver problemas de uso, modernizar o visual ou acompanhar a evolução do negócio, preservando o que já funciona.

T

• Tema escuroTema escuro é a variação da interface com fundos escuros e textos claros, usada para reduzir o brilho em ambientes com pouca luz e como preferência visual de muitos usuários.
• Teste A/BTeste A/B é um experimento em que duas versões de uma tela ou elemento são mostradas a grupos diferentes de usuários, para medir qual delas tem melhor resultado numa métrica definida.
• Teste de usabilidadeTeste de usabilidade é a observação de pessoas reais tentando cumprir tarefas num produto ou protótipo, para descobrir onde elas travam, erram ou se confundem.

U

• UI designUI design é o design da interface: a parte visual e interativa de um produto, como tipografia, cores, ícones, botões, espaçamentos e estados de cada componente.
• UX designUX design é o design da experiência de uso: como a pessoa entende, navega e consegue fazer o que precisa num produto, do primeiro contato até a tarefa concluída.
• UX researchUX research é a pesquisa que investiga quem usa um produto, o que essa pessoa precisa e como ela se comporta, usando métodos como entrevistas, testes, análise de dados e benchmarking.
• UX writingUX writing é a escrita dos textos de uma interface, como botões, mensagens de erro, rótulos e avisos, para que a pessoa entenda o que fazer e o que aconteceu, com o mínimo de palavras.

W

• WireframeWireframe é um rascunho de baixa fidelidade de uma tela, sem cores nem acabamento visual, usado para definir estrutura, ordem do conteúdo e hierarquia antes do design final.