Design que começa no navegador
Explore o design de aplicativos online e gratuito, uma tela de cada vez
Uma página da web pode ser um lugar prático para começar o design de aplicativos: descreva uma tarefa, mapeie as telas necessárias e examine uma direção visual antes de se comprometer com um fluxo de trabalho maior. Comece com uma descrição breve que você possa avaliar, em vez de tentar especificar um produto inteiro de uma só vez.
Três maneiras de desenvolver um conceito de aplicativo
O acesso pelo navegador é apenas o ponto de partida. O trabalho mais importante é decidir o que uma tela precisa comunicar, como alguém navega por ela e o que deve acontecer quando algo dá errado.
- software de design de aplicativos Compare os recursos que importam ao escolher entre um fluxo de trabalho no navegador e outros softwares de design.
- ferramenta gratuita de design de aplicativos Veja como transformar uma breve descrição de tela em uma direção de design que você possa avaliar.
- como criar o design da interface de um aplicativo Siga uma sequência prática para organizar controles, conteúdo e feedback em uma tela.
Passe da tarefa à tela, passo a passo
Mantenha a primeira versão focada o suficiente para poder avaliá-la criticamente. Uma tarefa completa do usuário revela mais sobre uma interface do que um conjunto de telas desconectadas e visualmente refinadas.
-
1
Descreva a tarefa do usuário
Identifique a pessoa, seu objetivo imediato e a decisão que a tela precisa apoiar. Em um fluxo de agendamento, especifique se ela está escolhendo um serviço, selecionando um horário ou confirmando uma reserva. Essa distinção determina quais informações devem aparecer na tela.
-
2
Organize o essencial
Posicione a ação principal onde seu propósito fique claro, agrupe escolhas relacionadas e dê espaço suficiente aos rótulos importantes para que sejam compreendidos. Inclua na descrição um estado vazio ou de erro para que o layout seja útil além do cenário ideal.
-
3
Analise a próxima ação
Leia a tela como alguém que a acessa pela primeira vez. Verifique o que essa pessoa nota primeiro, o que pode alterar e como sabe que uma ação foi concluída. Revise a descrição quando a resposta depender de uma explicação externa à interface.
Conheça os limites de uma abordagem que começa pelo navegador
A expressão “on-line” descreve onde você começa, não todos os recursos de que precisará. Use a comparação para distinguir o trabalho inicial de design das exigências de um processo de produto maduro.
| Exploração inicial no navegador | Processo completo de design de produto | |
|---|---|---|
| Melhor ponto de partida | Uma tarefa definida para o usuário e uma direção inicial para a tela. | Um escopo de produto, pesquisas com usuários e um plano de entrega acordado. |
| Nível de detalhe | Estrutura suficiente para discutir conteúdo, hierarquia e ações. | Estados especificados, padrões reutilizáveis e detalhes de implementação. |
| Navegação | Um caminho simples pela tarefa pode revelar etapas ausentes. | Fluxos mais amplos precisam considerar pontos de entrada, retornos e exceções. |
| Acessibilidade | Verifique se os rótulos são legíveis, as ações são claras e os erros são compreensíveis. | Teste a interação, o comportamento das tecnologias assistivas e os requisitos documentados. |
| Validação | Avalie se o conceito faz sentido para o público a que se destina. | Observe pessoas realizando tarefas e faça ajustes com base no que descobrir. |
| Passagem para implementação | Registre as decisões e as questões em aberto junto ao conceito. | Confirme as especificações e o comportamento com as pessoas que vão desenvolver o produto. |
Continue com uma tela que você possa avaliar
Para começar a fazer design de aplicativos on-line gratuitamente, o briefing mais útil define uma tarefa, as informações necessárias para concluí-la e a resposta a uma ação que falhou. Leve esse briefing para o fluxo de trabalho no navegador e, depois, avalie a direção resultante à luz desses requisitos. Os recursos disponíveis e as condições de acesso dependem do destino.
Dê à sua primeira tela um propósito claro
- Concentre-se em uma tarefa do usuário.
- Inclua um caminho de sucesso e um estado de erro.
- Revise o resultado antes de expandir o fluxo.
Dúvidas sobre como criar o design de um aplicativo online
Um processo que começa no navegador permite planejar uma interface sem precisar instalar um programa no computador como primeiro passo. Comece descrevendo uma tarefa do usuário e a tela necessária para realizá-la. Confira os recursos atuais e os requisitos de acesso da plataforma escolhida.
Não. Um termo de busca não determina as condições da plataforma nem quais recursos estão disponíveis em cada nível de acesso. Confira as condições atuais antes de contar com um recurso específico para seu projeto.
Anote a quem a tela se destina, o que essa pessoa precisa fazer e de quais informações ela precisa para tomar uma decisão. Inclua a ação principal e pelo menos uma situação em que a tarefa não possa prosseguir como esperado. É mais fácil avaliar uma descrição específica do que um pedido para criar um aplicativo completo.
Um conceito pode ajudar a comunicar a estrutura e a intenção, mas não substitui testes de funcionamento nem decisões de implementação. Antes do desenvolvimento, considere a navegação, os erros, a acessibilidade e os estados que as pessoas encontrarão fora do caminho ideal.