Do problema à tela
Procurando ideias de design de aplicativos? Comece com uma tarefa que alguém já tem dificuldade para concluir e esboce o caminho mais curto para realizá-la. App Design ajuda você a pensar nas telas antes de passar para um fluxo de trabalho de design no navegador.
Um conceito promissor geralmente surge fora de uma ferramenta de design: em um pedido de cliente, em uma solução improvisada recorrente ou em uma tarefa que exige etapas demais.
Use esta página para transformar um problema em um conceito e uma sequência de telas. Ela ajuda no planejamento, mas não substitui a pesquisa nem a implementação.
Um conceito de design de aplicativos plausível não mostra se as pessoas enfrentam o problema com frequência suficiente para mudar seu comportamento.
O que fazer em vez disso
Antes de investir em telas com acabamento refinado, peça a possíveis usuários que descrevam a última vez que o problema ocorreu.
Uma direção visual não define o tratamento de dados, o comportamento dos recursos de acessibilidade, os requisitos de segurança nem o trabalho de engenharia necessário para fazer um aplicativo funcionar.
O que fazer em vez disso
Inclua em cada tela uma breve observação sobre os dados necessários, seus estados e as dependências técnicas.
Um layout atraente pode depender de recursos visuais, permissões ou interações que você não pode levar para o seu próprio projeto.
O que fazer em vez disso
Aproveite a estrutura por trás da ideia, substitua o conteúdo e verifique se ela ainda atende à sua tarefa.
Um pequeno exercício de design de aplicativos facilita a comparação entre ideias concorrentes sem precisar criar todos os recursos possíveis.
Escreva uma frase sobre quem precisa de ajuda e o que está tentando concluir. Por exemplo, um organizador doméstico pode ajudar pessoas que dividem a moradia a registrar despesas compartilhadas logo após uma compra. Evite começar com uma lista de recursos.
Identifique a tela inicial, a ação principal e a confirmação. Para despesas compartilhadas, isso pode significar uma visão geral dos saldos, um formulário para adicionar despesas e um estado que indique que o lançamento foi salvo. Anote o que acontece quando faltam informações ou quando um lançamento falha.
Mostre a sequência a alguém que realiza a tarefa. Pergunte em que essa pessoa tocaria primeiro, quais informações espera encontrar e onde hesita. Revise o fluxo antes de dedicar tempo a cores ou detalhes decorativos.
A mudança importante é passar de um tema amplo para uma interface que permita concluir uma tarefa.
Trate as imagens como referências de planejamento, não como prova de que determinado recurso foi criado. Um briefing de design de aplicativos mais sólido define o usuário, a ação, as informações necessárias e o estado de sucesso.
Antes: um layout sem direção definidaDepois: uma direção guiada pela tarefaCada cenário abaixo sugere uma entrega concreta: um fluxo curto, o conteúdo essencial das telas e uma pergunta para testar com o usuário a que se destina.
As pessoas precisam se inscrever em um turno disponível sem trocar mensagens para acertar os detalhes. Planeje uma lista de oportunidades, uma tela com os detalhes do turno e uma confirmação clara que informe o horário e o local.
Entregue um fluxo de três telas e teste se alguém que vai atuar como voluntário pela primeira vez consegue identificar com o que se comprometeu. Inclua no plano os estados de cancelamento e de turno lotado.
Os clientes esquecem qual é o próximo exercício durante uma sessão. Planeje uma visão geral da sessão, uma tela com os detalhes do exercício e um estado de conclusão com uma indicação de progresso fácil de entender.
Entregue um esboço de telas que funcione mesmo quando a pessoa estiver em movimento, cansada ou olhando rapidamente para o celular. Teste se as instruções e a próxima ação continuam fáceis de encontrar.
Os doadores querem saber quais itens são necessários hoje. Planeje uma lista de necessidades atuais, uma página com os detalhes de cada item e as quantidades úteis, e uma tela com informações sobre a entrega das doações.
Entregue um fluxo que priorize o conteúdo e identifique quem mantém a lista de necessidades atualizada. Teste se um doador consegue agir sem confundir um pedido antigo com uma necessidade atual.
Escolha o cenário com a necessidade do usuário mais clara. Leve a descrição da tarefa, a sequência de telas e as perguntas em aberto para a próxima sessão de design. App Design pode ajudar você a estruturar o trabalho; o fluxo de trabalho no navegador acessado pelo link é onde você pode explorar como levá-lo adiante. Confira os recursos disponíveis antes de contar com uma funcionalidade específica.
Liste tarefas que as pessoas já realizam com anotações, mensagens ou planilhas. Procure uma tarefa com começo e fim claros e, então, esboce como seria um caminho mais simples na tela. Um inconveniente específico é mais útil do que uma categoria ampla, como produtividade.
Pergunte às pessoas que enfrentam o problema como elas lidam com ele hoje e em que pontos o método atual deixa a desejar. Se você consegue descrever uma tarefa recorrente e uma melhoria significativa, vale a pena testá-la em um pequeno fluxo de telas. Isso é um motivo para investigar, não uma prova de que há demanda.
Inclua o usuário pretendido, a tarefa que ele quer concluir e o mínimo de telas necessárias para isso. Registre o conteúdo que cada tela deve mostrar e, quando pertinente, um estado vazio, de erro ou de confirmação. Deixe as funcionalidades secundárias para uma etapa posterior.
Não. Um esboço legível ou um wireframe simples basta para perguntar a alguém o que espera que aconteça em cada etapa. O feedback inicial é mais útil quando ainda pode mudar o fluxo, os rótulos e as prioridades.