Se você leu artigos sobre design de aplicativos, provavelmente já se deparou com toda a lista de diferentes termos: layout, protótipo, maquete, wireframe, esboço. Como eles são diferentes um do outro? Na verdade, quando se trata de desenvolvimento no-code, isso realmente não importa.
Você pode projetar completamente a parte visual no editor , fazer os ajustes e alterações que desejar a qualquer momento. Mesmo depois de publicar o aplicativo e os usuários começarem a usá-lo, você poderá alterar a aparência e o layout das páginas sem correr o risco de perder dados!
Portanto, a forma como você apresenta o projeto antes de mudar para o editor não é tão importante. Pode ser um protótipo no Figma ou uma imagem no Photoshop, um desenho no Paint ou um esboço à mão livre, ou mesmo um diagrama em uma planilha Excel. O principal é que você tenha uma ideia clara de como deve funcionar.
Mas existem alguns pontos importantes a serem considerados.
Decida qual aplicativo você precisa: web ou celular
Você pode criar duas versões do aplicativo que serão interligadas - alguns de seus usuários trabalharão em dispositivos móveis, outros em computadores pessoais, enquanto os dados serão compartilhados. Embora o design seja diferente.
Diferentes editores estão acostumados a construir aplicações móveis e web, é importante entender em termos gerais as especificidades de seu trabalho antes de começar. Leia as seções sobre eles em nossa documentação .
Definir grupos de usuários
Divida os usuários em grupos dependendo das funções disponíveis para eles e analise quão diferentes eles são.
Não estamos falando apenas da divisão entre usuários e administradores. Se a sua aplicação for utilizada por clientes com diferentes níveis de acesso ou funcionários de diferentes departamentos, você poderá ocultar ou exibir elementos individuais e até páginas inteiras, dependendo de quais funções e dados estão disponíveis para um determinado usuário.
Você precisa de exemplos ilustrativos
Encontre tantos aplicativos quanto possível que sejam semelhantes ao seu. Você pode usar um deles como base adicionando as funções desejadas ou pode combinar a funcionalidade de vários aplicativos em um. Faça uma shortlist com a descrição das vantagens e desvantagens - será útil não só na elaboração de um layout, mas também no contato com o suporte técnico para aconselhamento, na busca de performers e investidores para um projeto, e apenas para gerar novas ideias.
Descreva as páginas em detalhes
Você precisa entender claramente quais páginas estarão em seu aplicativo e quais informações devem ser exibidas em cada uma delas.
Normalmente, o aplicativo inclui:
- Página inicial: Todos os usuários irão para esta página, estejam eles registrados ou não.
- Portal de administração: gerenciará configurações e contas.
- Páginas separadas para usuários com diferentes níveis de acesso.
- As páginas pop-up aparecem quando determinadas ações são executadas.
- Não se esqueça das mensagens de serviço para os usuários e das janelas separadas com confirmação de ações (por exemplo, consentimento para envio de dados).
Não se esqueça da troca de dados
Pense para onde seu aplicativo levará os dados e para onde os enviará. Todas as informações virão dos usuários? Quais processos podem ser automatizados?
Alguns dos dados podem ser obtidos de sites ou baixados de programas de contabilidade. Para simplificar o login no seu aplicativo, utilize a autorização de grandes serviços, como Google ou Facebook. Isso requer elementos de interface separados, por exemplo, botões "Carregar dados" ou "Login com Facebook".
Se for difícil pensar em tudo de uma vez, crie um layout com um conjunto mínimo de funções necessárias e escreva separadamente sua opinião sobre o que gostaria de adicionar no futuro. Se tiver alguma dificuldade - escreva para o canal Telegram do nosso suporte técnico, teremos todo o prazer em ajudar!
