Decisões de design
Design de aplicativos vs design de UX: por onde começar?
Uma tela bem-acabada e uma experiência fácil de usar não são a mesma coisa. A App Design distingue o trabalho de interface visual da pesquisa de UX para que você escolha o que seu produto realmente precisa.
Tabela de custo total
O custo de uma decisão de design envolve mais do que desenhar telas. Considere as pessoas, as evidências e o retrabalho necessários para chegar a uma decisão em que você possa confiar.
- design de aplicativos vs design de interface do usuário Compare o escopo de um trabalho completo de design de aplicativos com o trabalho mais restrito de definir elementos de interface.
- alternativa gratuita de design de aplicativos Conheça opções para começar pelo navegador e as concessões a avaliar antes de escolher uma.
- qual é o melhor design de aplicativos Veja quais qualidades tornam um design de aplicativos eficaz além do estilo visual.
Onde a qualidade difere
O design visual melhora o que as pessoas veem e usam; a prática de UX testa se a jornada como um todo faz sentido para elas.
-
1
Defina a decisão
Se você já conhece o público, a tarefa e a sequência de telas, comece pelo design da interface: hierarquia, controles, estados e conteúdo fácil de ler. Se essas premissas ainda são incertas, identifique primeiro o que a pessoa está tentando fazer e onde a jornada atual falha.
-
2
Crie o artefato certo
O design de uma tela ajuda a equipe a avaliar o layout, a consistência visual e os detalhes da interação. Um fluxo de UX ou um achado de pesquisa ajuda a equipe a decidir quais telas, etapas e explicações devem fazer parte do produto. Nenhum dos dois substitui o outro.
-
3
Verifique o resultado
Avalie o trabalho visual quanto à legibilidade, ao contraste, às áreas de toque e à clareza do feedback. Teste as premissas de UX observando pessoas representativas do público tentando realizar uma tarefa e registrando hesitações e erros, em vez de apenas perguntar se gostam da aparência.
Onde o tempo necessário difere
Uma etapa de design pode avançar rapidamente quando o problema está definido. Descobrir qual é o problema certo leva mais tempo porque as evidências precisam vir de fora da prancheta.
Uma tela não comprova a demanda
Esta página pode ajudar a distinguir os escopos de design, mas uma interface convincente não mostra se alguém precisa do recurso. Trate a aprovação visual como feedback sobre a apresentação, não como prova do valor do produto.
O que fazer em vez disso
Converse com possíveis usuários sobre uma tarefa real e recente antes de investir em telas detalhadas.
Um fluxo de trabalho no navegador não é pesquisa com usuários
Explorar layouts de aplicativos em um navegador pode ajudar a esclarecer ideias e revelar estados que faltam. Mas não permite observar como o público-alvo se comporta nem resolver divergências sobre suas prioridades.
O que fazer em vez disso
Teste um fluxo de tarefas simples com pessoas representativas do público-alvo e registre onde elas param ou pedem ajuda.
Uma visualização estática não contempla todos os estados
Uma tela principal bem-acabada pode ocultar casos difíceis, como resultados vazios, permissão negada, erros e tarefas interrompidas. Essas lacunas costumam afetar a experiência mais do que a primeira impressão.
O que fazer em vez disso
Liste os estados prováveis de cada tarefa crítica e analise-os junto com a tela principal.
Esta comparação não certifica um produto
Estas orientações ajudam a escolher sua próxima atividade de design, mas não substituem uma auditoria de usabilidade nem uma avaliação de acessibilidade de um aplicativo específico.
O que fazer em vez disso
Antes do lançamento, faça análises baseadas em tarefas e verificações de acessibilidade na interface real.
Quando vale a pena mudar de abordagem
Passe do trabalho focado em telas para a investigação de UX quando revisões visuais repetidas não resolverem as dúvidas sobre a tarefa em si.
| Foco em design de aplicativos | Foco em design de UX | |
|---|---|---|
| Pergunta principal | Como este aplicativo deve parecer e funcionar na tela? | As pessoas conseguem realizar a tarefa pretendida? Essa tarefa atende a uma necessidade real? |
| Evidências úteis para começar | Uma funcionalidade definida, um público conhecido e um fluxo de tarefas acordado. | Necessidades incertas dos usuários, dificuldades observadas ou ideias divergentes sobre a jornada. |
| Trabalho típico | Hierarquia de telas, componentes, linguagem visual e estados da interface. | Pesquisa, análise de tarefas, arquitetura da informação, fluxos e testes de usabilidade. |
| Entrega comum | Telas e especificações de interface que uma equipe pode discutir e aprimorar. | Resultados, mapas da jornada ou fluxos testados que explicam por que a interface deve funcionar de determinada maneira. |
| Verificação de qualidade | Avalie a clareza, a consistência, as questões de acessibilidade e o comportamento nos diferentes estados. | Observe se pessoas representativas conseguem concluir tarefas importantes sem dificuldades evitáveis. |
| Risco de prazo | Aprimorar uma tela antes de definir a tarefa que ela atende pode gerar retrabalho. | Fazer pesquisa sem uma decisão específica a orientar pode atrasar uma etapa útil de design. |
| Melhor motivo para mudar o foco | Volte às telas quando o público, a tarefa e o fluxo estiverem claros o suficiente para serem representados. | Investigue quando os usuários não conseguirem encontrar, entender ou concluir a tarefa, mesmo com telas mais claras. |
Como é uma mudança de foco
Estas imagens ilustram duas perspectivas de avaliação, não um redesign literal de antes e depois. Um layout mais claro pode facilitar a compreensão, mas mudar a jornada pode exigir informações sobre usuários, tarefas e obstáculos que vão além do que uma imagem mostra.
Examine a telaExamine a jornadaComece pela decisão que você pode tomar agora
Anote a quem o aplicativo se destina, o que essa pessoa precisa concluir e o que você ainda não sabe. Se houver dúvidas sobre a jornada, investigue-a primeiro. Se a jornada estiver clara, use um ponto de partida para o design no navegador para explorar a interface. Depois, avalie seus estados e teste o fluxo resultante com pessoas reais.
Priorize uma tarefa clara antes de uma tela refinada
- Separe as suposições sobre os usuários das decisões sobre a aparência.
- Projete a tarefa principal e seus prováveis estados de erro ou estados vazios.
- Use o desempenho observado nas tarefas para decidir o que revisar.
Perguntas frequentes sobre a comparação
O design de aplicativos geralmente se refere à criação das telas, dos controles, do sistema visual e dos detalhes de interação de um aplicativo. O design de UX considera a experiência mais ampla de concluir uma tarefa, incluindo pesquisa, fluxo e usabilidade. As duas áreas se sobrepõem, mas uma tela bonita, por si só, não garante uma boa experiência.
Comece entendendo o público e a tarefa o suficiente para evitar projetar o fluxo errado. Isso nem sempre exige uma longa fase de pesquisa: uma conversa direcionada ou um teste simples de tarefa pode indicar a próxima decisão. Quando a tarefa estiver razoavelmente clara, as telas facilitarão a avaliação da ideia.
Rótulos claros, hierarquia e feedback podem eliminar alguns obstáculos. Mas não corrigem um percurso que exige trabalho desnecessário das pessoas ou esconde a ação que elas vieram realizar. Se a confusão persistir após as melhorias visuais, examine o fluxo e as premissas por trás dele.
Ela pode ser suficiente para uma análise inicial quando o público, a tarefa e a sequência de ações já são conhecidos. Inclua estados importantes em vez de apresentar apenas a tela ideal. Antes do lançamento, verifique se as pessoas conseguem realmente concluir a tarefa.
Faça essa mudança quando o feedback continuar levantando dúvidas sobre o que os usuários precisam, qual é a próxima etapa ou por que um recurso existe. Criar mais variações visuais provavelmente não responderá a essas perguntas. Escolha uma dúvida específica, reúna evidências de usuários representativos e incorpore as descobertas ao design.