Destrinchando o Human Interface Guidelines para iOS — #5
Interações: Entrada de Dados, Gestos e 3D Touch
Entrada de Dados
- É muito importante apresentar escolhas eficientes para o usuário, se já existem categorias peça-o para escolher em um lista ao invés de digitar o nome correspondente.
- Utilize o máximo de informações disponíveis no sistema. Data, informação de contatos, localização, até informações de saúde armazenadas no Health podem ser acessadas com a autorização específica.
- Configure valores padrão com inteligência, onde for possível prever os valores mais comuns deixe-os com primeira escolha.
- Só libere a próxima ação depois que o usuário preencher todas as etapas requeridas, um botão sempre ativo pode confundir o usuário a achar que já completou os dados. Já a mudança de status de botões como continuar e registrar, dão o feedback de que se terminou aquela etapa.
- Valide os campos dinamicamente. Não espere o usuário clicar em continuar ou registar para mostrar a mensagem de que o email não é válido.
- Só exija informações que forem realmente essenciais para a funcionalidade. Dados extras só farão seu usuário perder tempo e duvidar da credibilidade do seu aplicativo.
- Escolher valores deve ser fácil, rápido e intuitivo. Colocar os valores em ordem alfabética pode ajudar a localizar nomes, mas colocar o valor mais comum no início pode agilizar ainda mais o processo.
- Mostre dicas de tela para ajudar o usuário e comunicar qual o propósito de pedir esse dado. Utilizando o texto de ancora para indicar do que se trata o campo de texto não é necessário utilizar um rótulo (label) para o campo, deixando o formulário bem mais limpo visualmente.
Gestos
Os gestos são a principal forma de interação do usuário com o dispositivo e para certos movimentos já se espera uma consistência de resultados/reações. Evite utilizar gestos diferentes do esperado ou que devam ser aprendidos, eles atrapalham a experiência.
Não atrapalhe os gestos do sistema, como o de mostrar as notificações ou revelar o centro de controle.
Utilize gestos para agilizar a navegação e interação com o seu aplicativo, inclusive gestos com vários dedos para uma experiência única e imersiva.
- Toque simples: espera-se a reação de um clique do mouse, abrir algo, acionar um botão
- Toque duplo: utilizado para centralizar o conteúdo e para ajustar o zoom a um conteúdo específico.
- Toque rápido (Flick): movimento similar de quando se passa uma página, toca-se rapidamente em uma direção como se quisesse passar aquele conteúdo para ver o próximo.
- Deslizar (Swipe): Retorna a tela anterior e revela itens escondidos. No iPad com quatro dedos muda de aplicativo e com um no modo tela dividida mostra a tela escondida.
- Arrastar: Levar um item de um lado para o outro ou de cima para baixo da tela, com o principal intuito de reorganizar itens ou indicar posição.
- Pinça: com os dois dedos tocando a tela afaste ou aproxime para realizar operações como zoom e magnification.
- Tocar e segurar: aciona outra opções do mesmo botão, item, …
- Chacoalhar: abre o menu desfazer, como quem balança a cabeça e diz "não-não"
3D Touch
- Possibilita utilizar a pressão do toque na tela para acessar funções diferentes.
- Na Home screen por exemplo, ao clicar em um app com o 3D Touch uma view com outras funções relacionadas ao app em questão aparecem.
- Com a interação “Peek and Pop” é possível prever rapidamente um item específico: página, link, arquivo, dependendo do contexto.
- Preste atenção ao tamanho da pré-visualização para que seja compreensível mesmo com os dedos do usuário acionando a função em cima da tela.
- Preste atenção também em consistências, ao decidir utilizar o “Peek and Pop” em uma parte do app é esperado que coisas similares dentro do aplicativo tenham o mesmo comportamento.
- Sempre forneça a opção de exibir o item original depois de pré-visualizar. O comportamento deverá ser similar ao resultado de um interação do tipo “tap”.
Dicas: 3D Touch no canto da tela para mudar de aplicativo. Quando digitando texto o 3D tuch no teclado revela um navegador pelo cursor.
Este artigo foi escrito em parceria com Juliana Furtado como parte do projeto Apple Developer Academy | UCB. No link você pode conferir os artigos oficiais da Apple para a Human Interface Guideline do iOS.