Academia UPIXEL

Glossário Dissecado de UX

O que eles falam × o que realmente significa.

Aqui a gente abre o termo, tira o verniz e mostra o que sobra.

Sem papinho. Sem pretensão. Sem enrolação.

Se um conceito é bom, ele sobrevive sem buzzword. Se precisa de quinze adjetivos para parecer inteligente... talvez o problema nunca tenha sido a definição.

A

A/B Test

Tradução cruaDuas versões de uma tela brigando pra ver qual converte mais.

Quando usamPra parecer orientado a dados antes de uma decisão que já tinha sido tomada na reunião anterior.

O que realmente aconteceO teste empata ou dá "quase significativo", e vence a versão que o chefe já preferia desde o início.

Versão sem filtroValidação estatística pra justificar intuição de quem manda.

Acessibilidade

Tradução cruaFazer o produto funcionar para pessoas que não são exatamente o usuário padrão inventado no slide.

Quando usamQuando lembram que existem pessoas além do usuário "médio".

O que realmente aconteceVira uma etapa esquecida no final do projeto.

Versão sem filtroIncluir quem sempre foi ignorado.

Accordion

Tradução cruaUm conteúdo que fica fechado até alguém clicar para descobrir o que existe dentro.

Quando usamPra economizar espaço e esconder informações consideradas secundárias.

O que realmente aconteceTransforma-se uma página inteira em uma sequência de portas fechadas e espera-se que o usuário tenha vontade de abrir todas.

Ágil

Tradução cruaUm jeito de trabalhar em ciclos curtos — na teoria.

Quando usamPra explicar por que o prazo mudou de novo.

O que realmente aconteceVira sinônimo de "sem planejamento", só que com cerimônia toda semana pra compensar.

Versão sem filtroCascata com daily.

Alinhamento

Tradução cruaConcordar (ou fingir que concordou) com alguma coisa.

Quando usamDepois de uma reunião que não decidiu nada.

O que realmente aconteceTrês pessoas saem achando que ficou combinado três coisas diferentes.

Leia também: Kickoff

B

Backlog

Tradução cruaLista de tudo que "vamos fazer" um dia.

Quando usamPra guardar uma ideia sem precisar dizer não na hora.

O que realmente aconteceVira um cemitério educado de sugestões.

Versão sem filtroOnde as boas ideias vão morrer com dignidade.

Badge

Tradução cruaUm pequeno selo visual que grita uma informação que ninguém pediu.

Quando usamPra destacar status, novidade, quantidade, categoria ou qualquer coisa que precise parecer importante.

O que realmente aconteceEnfia-se uma bolinha, etiqueta ou cápsula colorida em algum canto da interface e torce-se para o usuário entender o que ela significa.

Brainstorming

Tradução cruaTodo mundo falando ao mesmo tempo achando que é criatividade.

Quando usamQuando ninguém quer assumir sozinho a responsabilidade de decidir.

O que realmente aconteceSai um post-it amarelo com a mesma ideia que já existia antes da reunião.

Breadcrumb

Tradução cruaUm caminho que mostra onde você está dentro de um site.

Quando usamEm estruturas profundas, quando voltar para níveis anteriores pode ser útil.

O que realmente aconteceDescobre-se que o usuário está em Produtos > Categoria > Subcategoria > Produto > Deus me ajude.

C

Co-criação

Tradução cruaFazer o usuário trabalhar de graça e chamar de parceria.

Quando usamPra dizer que o produto "nasceu com o cliente".

O que realmente aconteceUm workshop de duas horas vira uma citação no slide de pitch pro investidor.

Versão sem filtroPesquisa com nome bonito.

Customer centricity

Tradução cruaColocar o cliente no centro — do slide, pelo menos.

Quando usamNo mesmo trimestre em que cortam o time de suporte.

O que realmente aconteceO cliente continua no centro só da apresentação.

D

Data-driven

Tradução cruaDecisão tomada com números do lado, não necessariamente por causa deles.

Quando usamPra dar peso científico a uma escolha que já tinha sido feita no feeling.

O que realmente aconteceEscolhe-se a métrica que confirma o que já se queria fazer.

Versão sem filtroConfirmação de viés com gráfico.

Design Thinking

Tradução cruaUm processo de cinco etapas pra chegar onde o bom senso já chegaria em duas.

Quando usamQuando querem inovar sem sair da zona de conforto do processo.

O que realmente aconteceMuito post-it, pouca decisão, e o protótipo final parece o rascunho do dia 1.

Discovery

Tradução cruaTempo para descobrir o que deveria ter sido perguntado antes de sair construindo.

Quando usamAntes de iniciar um projeto para entender problema, usuário e contexto.

O que realmente aconteceVira uma sequência de reuniões, entrevistas e documentos que às vezes confirma algo que já era óbvio.

Versão sem filtroInvestigar antes de gastar tempo criando a solução errada.

Dropdown

Tradução cruaUma lista de opções que fica escondida até alguém clicar nela.

Quando usamQuando existem várias opções e não querem ocupar espaço mostrando todas.

O que realmente aconteceO usuário clica, a lista aparece, ele procura a opção desejada e tenta não selecionar a errada com o dedo.

E

Empatia

Tradução cruaTentar entender o usuário antes de decidir por ele mesmo assim.

Quando usamNo começo de qualquer processo de design, geralmente numa frase de efeito.

O que realmente aconteceEntrevista-se cinco pessoas e projeta-se pras outras cinco mil como se fossem iguais.

Versão sem filtroSuposição com nome bonito.

Leia também: Persona

Empty state

Tradução cruaA tela que aparece quando não existe nada para mostrar.

Quando usamQuando uma busca não encontrou resultados, uma lista está vazia ou o usuário ainda não fez nada.

O que realmente aconteceUma tela completamente vazia ganha uma ilustração triste e a frase “Nada por aqui ainda”.

Engajamento

Tradução cruaQuanto tempo alguém fica preso na tela, de preferência sem perceber.

Quando usamPra justificar uma notificação a cada quinze minutos.

O que realmente aconteceConfunde-se "gostar do produto" com "não conseguir sair dele".

F

Feedback

Tradução cruaCrítica embrulhada em papel de presente.

Quando usamAntes de dizer algo que vai doer.

O que realmente aconteceVira "amei, só um ajuste pequeno" seguido de sete parágrafos de ajuste.

Fricção

Tradução cruaQualquer coisa que faz o usuário pensar por mais de dois segundos.

Quando usamPra justificar remover uma etapa que, na real, protegia o usuário de errar.

O que realmente aconteceTira-se a fricção boa junto com a ruim, e o erro fica mais fácil de cometer.

Leia também: Zero fricção

G

Growth

Tradução cruaCrescer rápido, de qualquer jeito, e resolver os detalhes depois.

Quando usamQuando a métrica de curto prazo importa mais que a de longo prazo.

O que realmente aconteceO produto cresce, a dívida técnica e a de confiança do usuário também.

H

Handoff

Tradução cruaO momento em que o designer entrega a tela e torce pelo melhor.

Quando usamQuando o design acabou e começa a briga com desenvolvimento.

O que realmente aconteceO botão chega diferente, a animação some e alguém diz "era só um detalhe".

Versão sem filtroA fronteira onde a intenção encontra a realidade.

Header

Tradução cruaA parte de cima da tela onde colocam logo, menu, busca e decisões que ninguém sabe onde encaixar.

Quando usamSempre. Porque aparentemente toda interface precisa começar pelo topo.

O que realmente aconteceVira um depósito de navegação, notificações, perfil, busca, botão de ajuda e mais três coisas que deveriam estar em outro lugar.

Heurística

Tradução cruaRegra prática de usabilidade que todo mundo cita e poucos aplicam de verdade.

Quando usamPra justificar uma crítica de design com aparência de ciência.

O que realmente aconteceVira lista de dez mandamentos decorada, não ferramenta de análise.

I

Insight

Tradução cruaUma observação óbvia dita com cara de descoberta.

Quando usamNo fim de uma pesquisa, geralmente num slide sozinho, em fonte grande.

O que realmente acontece"Usuários preferem tarefas mais fáceis" é chamado de revelação.

J

Jornada do usuário

Tradução cruaO caminho que a pessoa faz até (ou apesar) do produto.

Quando usamPra desenhar um mapa bonito que ninguém revisita depois.

O que realmente aconteceFica emoldurado na parede da sala de reunião, virou decoração.

Leia também: Touchpoint

K

Kickoff

Tradução cruaA reunião mais animada do projeto — a primeira.

Quando usamNo dia 1, com uma energia que não volta mais até o fim.

O que realmente aconteceTodo mundo alinhado, até a primeira mudança de escopo.

Leia também: Alinhamento

KPI

Tradução cruaO número que decide se você teve um bom trimestre.

Quando usamPra transformar um objetivo complexo em uma única casa decimal.

O que realmente aconteceOtimiza-se o número, não o motivo pelo qual ele existia.

L

Lean

Tradução cruaFazer o mínimo pra aprender o máximo — na teoria.

Quando usamPra justificar entregar algo incompleto.

O que realmente acontece"Mínimo" vira desculpa permanente, "completo" nunca chega.

M

Modal / Dialog

Tradução cruaUma janela que aparece na frente daquilo que você estava tentando fazer.

Quando usamPra confirmar ações, pedir informações, mostrar detalhes ou interromper o usuário com alguma coisa considerada importante.

O que realmente aconteceVocê estava usando a interface normalmente. Agora precisa descobrir onde está o X.

MVP

Tradução cruaA versão mais barata que ainda pode ser vendida como "produto".

Quando usamQuando o prazo já era curto antes mesmo de começar.

O que realmente acontece"Mínimo" sobra, "viável" some.

Versão sem filtroProtótipo com preço.

Mindset

Tradução cruaJeito de pensar que vira desculpa quando o processo falha.

Quando usamQuando o problema não é a ferramenta, é "a cultura".

O que realmente aconteceCobra-se do time uma mudança de mentalidade em vez de mudar o processo que não funciona.

N

North Star Metric

Tradução cruaO número que resume tudo que a empresa quer, numa métrica só.

Quando usamPra simplificar uma estratégia que não estava clara nem complicada.

O que realmente aconteceVira alvo a ser otimizado isoladamente, ignorando o resto do produto.

O

Onboarding

Tradução cruaA primeira impressão que o produto tem uma chance de não estragar.

Quando usamPra tentar explicar em três telas o que o design deveria explicar sozinho.

O que realmente aconteceVira tutorial que todo mundo pula, inclusive quem devia ter simplificado o produto antes.

OKR

Tradução cruaMeta com nome em inglês pra parecer mais estratégica.

Quando usamNo planejamento trimestral, com bastante convicção em janeiro.

O que realmente aconteceEm março já ninguém lembra qual era o "objective".

P

Pagination

Tradução cruaDividir uma quantidade enorme de conteúdo em várias páginas.

Quando usamQuando carregar ou mostrar tudo de uma vez seria pesado ou confuso.

O que realmente aconteceO usuário chega na página 2 e começa a questionar se realmente precisava encontrar aquele conteúdo.

Persona

Tradução cruaUm usuário imaginário com nome, foto de banco de imagens e citação inventada.

Quando usamPra dar um rosto a uma pesquisa que, no fundo, poderia ter virado só uma lista.

O que realmente acontece"A Marina, 32 anos" decide o roadmap de gente que nunca foi entrevistada.

Versão sem filtroEstatística fantasiada de gente.

Leia também: Empatia

Placeholder

Tradução cruaUm texto provisório dentro de um campo para sugerir o que deve ser digitado.

Quando usamPra orientar o usuário sem ocupar espaço com um rótulo maior.

O que realmente aconteceO usuário começa a digitar e a única pista que explicava o campo desaparece.

Protótipo

Tradução cruaUma versão de mentira do produto, pra testar antes de gastar de verdade.

Quando usamAntes de qualquer decisão cara.

O que realmente aconteceVira o produto final, porque "depois a gente refaz direito" nunca chega.

Q

Quick win

Tradução cruaA vitória fácil que dá pra mostrar rápido pro chefe.

Quando usamQuando o projeto grande está atrasado e precisa de algo pra apresentar.

O que realmente aconteceResolve-se o sintoma visível; o problema de verdade continua esperando.

R

Retrospectiva

Tradução cruaA reunião pra falar o que deu errado sem apontar quem errou.

Quando usamNo fim de cada sprint, por ritual.

O que realmente aconteceOs mesmos três problemas aparecem, ninguém resolve, todos anotam de novo.

Leia também: Sprint

Roadmap

Tradução cruaUm plano de futuro que muda toda vez que alguém importante muda de ideia.

Quando usamPra parecer que existe planejamento de longo prazo.

O que realmente aconteceÉ reescrito a cada trimestre, mas sempre apresentado como "a visão de sempre".

S

Sidebar

Tradução cruaUma coluna lateral criada para colocar coisas que não couberam no conteúdo principal.

Quando usamPra navegação secundária, filtros, atalhos ou uma coleção de informações que alguém jurou que seria útil.

O que realmente aconteceOcupa espaço nobre da tela e frequentemente vira uma parede de links que o usuário ignora.

Skeleton (loading)

Tradução cruaUma versão fantasma da interface que aparece enquanto o conteúdo verdadeiro não chega.

Quando usamPra dar a sensação de que alguma coisa está acontecendo durante o carregamento.

O que realmente aconteceO usuário vê blocos cinzentos durante cinco segundos e começa a suspeitar que a internet morreu.

Sprint

Tradução cruaUm pedaço curto de tempo pra fingir urgência constante.

Quando usamPra dividir o trabalho em blocos de duas semanas, sempre.

O que realmente aconteceO ritmo de uma corrida, sem nunca ter a linha de chegada.

Stakeholder

Tradução cruaQualquer pessoa que pode dizer não pro seu projeto.

Quando usamPra soar mais formal do que "chefe" ou "cliente".

O que realmente aconteceÉ quem realmente decide, mesmo quando o time acha que decidiu sozinho.

T

Tab / Abas

Tradução cruaUma forma de colocar várias páginas dentro da mesma página sem admitir que são várias páginas.

Quando usamPra organizar conteúdos relacionados sem aumentar demais o tamanho da interface.

O que realmente aconteceO usuário fica pulando entre abas tentando descobrir onde esconderam a informação que ele procura.

Toast / Snackbar

Tradução cruaUma mensagem temporária que aparece para avisar que alguma coisa aconteceu.

Quando usamDepois de salvar, excluir, copiar, enviar ou realizar qualquer ação que mereça um tapinha nas costas.

O que realmente aconteceA mensagem aparece por três segundos, desaparece e deixa o usuário se perguntando se ele realmente viu aquilo.

Tooltip

Tradução cruaUma pequena explicação que aparece quando você passa o mouse sobre alguma coisa.

Quando usamPra explicar ícones, botões ou termos que seriam óbvios se tivessem sido bem projetados.

O que realmente aconteceEsconde-se a informação atrás de uma interação que o usuário talvez nem descubra.

Touchpoint

Tradução cruaCada lugar onde o usuário esbarra com a marca.

Quando usamPra fazer um mapa colorido cheio de setinhas.

O que realmente aconteceVira gráfico bonito que não muda a experiência em nenhum desses pontos.

U

Usabilidade

Tradução cruaO quanto uma interface deixa a pessoa fazer o que veio fazer, sem sofrer.

Quando usamDepois que o produto já foi lançado e alguém percebeu que ninguém entende.

O que realmente aconteceVira item de checklist no fim, quando deveria ser decisão desde o início.

V

Validação

Tradução cruaConfirmar que uma ideia funciona antes de gastar rios de dinheiro nela.

Quando usamPra dar aparência de rigor a uma decisão que já tinha sido tomada.

O que realmente aconteceTesta-se até aparecer o resultado que confirma o que já se queria ouvir.

W

Wireframe

Tradução cruaO esqueleto da tela, sem cor, sem enfeite, só estrutura.

Quando usamNo começo do projeto, pra discutir função antes de estética.

O que realmente aconteceAlguém sempre pede "só um preview de como vai ficar", e o esqueleto vira decisão final.

X

XP (Extreme Programming)

Tradução cruaProgramação extrema para quem achou que trabalhar normal era pouco.

Quando usamQuando querem desenvolver software com muita colaboração e mudanças rápidas.

O que realmente aconteceA equipe abraça a agilidade até o momento em que alguém pede uma alteração urgente.

Versão sem filtroCorreria organizada com nome bonito.

Y

Essa letra tá devendo verbete. Bora resolver isso — sugere um termo em Y.

Z

Zero fricção

Tradução cruaA promessa de uma experiência sem nenhum obstáculo, nunca.

Quando usamNo pitch, pro investidor, antes do produto existir de verdade.

O que realmente aconteceFricção zero é impossível — o que existe é fricção bem escolhida.

Versão sem filtroSlogan.

Leia também: Fricção

Achou um termo que merece autópsia? Manda pra gente lá no Contato — esse glossário só cresce.