Layout da interface do utilizador

Clique para copiar

5 dicas essenciais para construir um layout UI.


Pode desenhar completamente a parte visual no editor, fazer os ajustes e alterações como desejar em qualquer altura. Mesmo depois de publicar a aplicação e os utilizadores começarem a utilizá-la, pode alterar completamente o aspecto e a disposição das páginas sem o risco de perder dados!

Portanto, de que forma apresenta o projecto antes de mudar para o editor não é tão importante. Pode ser um protótipo em Figma ou uma imagem em Photoshop, um desenho em Paint ou um esboço à mão livre, ou mesmo um diagrama numa folha de cálculo Excel. O principal é que se tenha uma ideia clara de como deve funcionar.

Mas há alguns pontos importantes a considerar:

Decida de que aplicação precisa: web ou móvel

Pode criar duas versões da aplicação que serão interligadas - alguns dos seus utilizadores trabalharão a partir de dispositivos móveis, outros a partir de computadores pessoais, enquanto os dados serão partilhados. Embora a concepção seja diferente.

Diferentes editores estão habituados a construir aplicações móveis e web, é importante compreender em termos gerais as especificidades do seu trabalho antes de começar.

Definir grupos de utilizadores

Dividir os utilizadores em grupos, dependendo das funções disponíveis e analisar o quão diferentes são.

Não estamos a falar apenas da divisão em utilizadores e administradores. Se a sua aplicação for utilizada por clientes com diferentes níveis de acesso ou funcionários de diferentes departamentos, pode esconder ou exibir elementos individuais e até páginas inteiras, dependendo das funções e dados disponíveis para um determinado utilizador.

Necessita de exemplos ilustrativos

Encontre o maior número possível de aplicações que sejam tão semelhantes às suas. Poderá ser capaz de utilizar uma delas como base, adicionando as funções desejadas ou poderá querer combinar a funcionalidade de várias aplicações numa só. Faça uma lista restrita com uma descrição das vantagens e desvantagens - será útil não só ao elaborar um layout, mas também ao contactar o apoio técnico para aconselhamento, à procura de artistas e investidores para um projecto, e apenas para gerar novas ideias.

Descrever as páginas em detalhe

É necessário compreender claramente que páginas estarão na sua candidatura e que informações devem ser exibidas em cada uma delas.

Normalmente, a aplicação inclui:

  • Página inicial: Todos os utilizadores virão a esta página, quer estejam ou não registados.
  • Portal de Administração: Ele irá gerir configurações e contas.
  • Páginas separadas para utilizadores com diferentes níveis de acesso.
  • Páginas pop-up aparecem quando certas acções são realizadas.
  • Não se esqueça das mensagens de serviço para utilizadores e janelas separadas com confirmação de acções (por exemplo, consentimento para enviar dados).

Não se esqueça da troca de dados

Pense para onde a sua candidatura irá levar os dados e para onde os enviará. Toda a informação virá dos utilizadores? Que processos podem ser automatizados?

Alguns dos dados podem ser retirados de sítios ou descarregados de programas de contabilidade. Para simplificar o login na sua aplicação, utilize a autorização de grandes serviços, tais como Google ou Facebook. Isto requer elementos de interface separados, por exemplo, botões "Upload data" ou "Login com Facebook".

Se for difícil pensar em tudo ao mesmo tempo, crie um layout com um conjunto mínimo de funções necessárias e escreva separadamente as suas ideias sobre o que gostaria de acrescentar no futuro. Se tiver alguma dificuldade - escreva para o canal de telegramas do nosso apoio técnico, teremos sempre todo o prazer em ajudar!