Estamos na quarta publicação – de oito – sobre padrões de interação para aplicações complexas. Nos posts anteriores, falamos dos padrões:
Nesse, iremos falar sobre três padrões de interação que são utilizados quando o usuário precisa informar dados:
17. Auto-completar: utilizado quando o usuário precisa entrar uma informação em um campo texto e pode não saber exatamente o que informar ou tem grandes chances de digitar incorretamente.
Nesse exemplo, ao digitar SAO uma lista aparece com sugestões que completam o que o usuário escreveu no campo.
18. Apresentação visual de seleção: usado quando é difícil explicar apenas em texto as opções disponíveis para seleção. Nesses casos, o uso de imagem mais texto é bem indicado.
Além do label indicando o tipo de alinhamento, também tem uma imagem para cada opção que apresenta visualmente como a figura será posicionada com relação ao texto.
19. Save for later: esse padrão normalmente é usado quando uma tarefa é muito longa para ser completada de uma vez só, ou quando existe um fluxo de ações que possibilite início/parada/reinício. Nessas situações, a opção de salvar para continuar depois deve ser dada ao usuário.
Um botão é disponibilizado para que o usuário possa salvar um documento (artigo, notícia, página) e depois voltar a ele para continuar com o fluxo de edição (passar para revisão, publicar, etc).
No próximo post da série, padrões para apresentação de conteúdo. Até lá!








