Destrinchando o Human Interface Guidelines para iOS — #5

Interações: Entrada de Dados, Gestos e 3D Touch

Entrada de Dados

Alguns tipo de Entrada de Dados no iOS 10

• É 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

Alguns tipos de gestos disponíveis — Imagem: Julian Buford

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

3D Touch (Reprodução/Apple)

• Possibilita utilizar a pressão do toque na tela para acessar funções diferentes.

Formas de acessar conteúdo rapidamente com o 3D Touch

• 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.