Inclue

Considerações de Design e Avaliação

Informações sobre as categorias
Entrada de dados: elementos de interação que demandam ação direta dos usuários. Saída de dados: elementos da interface apresentados aos usuários. Visual: elementos visuais da interface disponibilizados aos usuários. Áudio: elementos da interface com recursos de voz que apoiam os usuários.
Quantidade de Considerações: 33

1. Adapte a máscara de um campo de dados conforme sua entrada

Entrada de DadosVisual
O campo de entrada de dados deve centralizar diferentes tipos de informações, caso o formulário forneça mais de uma entrada de dados. Por exemplo, o u...
Leia mais

2. Acione o comando de voz por meio de botões ou ao pronunciar palavras-chave de ativação

Entrada de DadosÁudio
Recursos de comandos de voz são importantes para os usuários e devem ser utilizados durante a realização de suas tarefas no sistema. Em relação ao Pix...
Leia mais

3. Apresente o teclado correspondente à entrada de dados

Entrada de DadosVisual
Quando utilizar máscaras em campos que aceitam dados numéricos, lembre-se de apresentar teclado numérico. Isso é interessante para manter o design min...
Leia mais

4. Use o botão de confirmação do teclado para prosseguir em uma tarefa

Entrada de DadosVisual
Utilize o botão de confirmação do teclado (avançar ou check) para realizar a ação de prosseguir em uma determinada tarefa do sistema
Leia mais

5. Apresente uma lista com as chaves Pix criadas

Saída de DadosVisual
No recurso de receber com o Pix, apresente as chaves criadas anteriormente pelo usuário. Caso isso não seja feito, os usuários terão que adicionar nov...
Leia mais

6. Após concluir a criação de uma chave Pix, adicione à tela um botão de "Receber via Pix"

Saída de DadosVisual
Após finalizar o cadastro de uma nova chave, apresente um botão para redirecionar o usuário à tela de receber via Pix. Pois a falta desse recurso gera maiores ações a serem realizadas pelos usuários
Leia mais

7. Apresente ilustrações animadas que sejam de fácil entendimento para o usuário

Saída de DadosVisual
As ilustrações devem ser mais próximas de um objeto real e do contexto do usuário. Assim, deve-se utilizar cores, texturas e animações que facilitem a...
Leia mais

8. Mostre comprovantes que simulem o documento físico

Saída de DadosVisual
Os comprovantes de envio do Pix podem facilitar o entendimento do usuário na finalização de uma tarefa. Essa interface pode simular um comprovante de ...
Leia mais

9. Personalize o som da notificação do aplicativo com assistente de voz

Saída de DadosÁudio
Caso o usuário desejar personalizar seu recurso de notificação, pode-se ativar interfaces de saídas relacionadas a alertas de voz que notifiquem um re...
Leia mais

10. Forneça títulos e legendas com fontes grandes, com poucos caracteres e palavras-chave destacadas em todo aplicativo

Saída de DadosVisual
Forneça textos com quantidades de caracteres pequenos e fontes grandes para, assim, melhorar a visualização e compreensão dos usuários nas ações a ser...
Leia mais

11. Forneça feedback de voz para indicar os botões do teclado pressionadas pelos usuários

Entrada de DadosÁudio
Inclua suporte do recurso de saída de voz nos campos de entradas de valores de texto, para indicar quais números ou letras estão sendo digitados pelos...
Leia mais

12. Forneça feedback de voz para indicar alertas ou erros sobre os dados informados pelos usuários

Saída de DadosÁudio
Forneça suporte do recurso de saída de voz nos validadores de dados digitados. Assim, os usuários compreenderão, rapidamente, que houve erro no valor ...
Leia mais

13. Apresente ícones de fácil entendimento ao usuário

Saída de DadosÁudio
Forneça ícones grandes e de fácil entendimento ao usuário. Em caso de ícones abstratos correlacionados a objetos ou ações computacionais e educacionai...
Leia mais

14. Forneça audiodescrição dos dados inseridos anteriormente pelos usuários

Saída de DadosÁudio
Forneça um resumo, por meio do recurso de saída de voz, dos dados inseridos anteriormente pelos usuários em formulários segmentados por hierarquias de...
Leia mais

15. Forneça um botão de ativação e desativação do suporte de assistente de voz

Entrada de DadosVisual
Forneça uma opção de ativação do recurso de voz no início do aplicativo. Além disso, apresente a interface de ativação e desativação nas configurações...
Leia mais

16. Disponibilize um gráfico que facilite a visualização de saldo ao enviar ou receber um Pix

Saída de DadosVisual
Apresente um gráfico que facilite a visualização de crédito ou débito futuro, quando o usuário estiver digitando um valor de recebimento ou pagamento ...
Leia mais

17. Apresente uma lista com as chaves Pix de usuários favoritos

Saída de DadosVisual
Forneça uma lista de 5 a 7 recebedores favoritos na primeira tela de pagar com o Pix
Leia mais

18. Possibilite ao usuário favoritar a chave Pix do recebedor no processo de pagar com Pix

Saída de DadosVisual
Faça com que os usuários consigam salvar seus recebedores favoritos. Isso é importante pois os usuários emergentes relatam que este é um recurso prático para utilizar e encontrar mais facilmente um recebedor do pagamento
Leia mais

19. Ao realizar tarefas de preenchimento de formulários, exiba uma única tarefa por vez na tela

Entrada de DadosVisual
Os formulários podem ser divididos em atividades menores, pois facilitam a compreensão dos usuários que focarão em uma tarefa específica. Por exemplo,...
Leia mais

20. Disponibilize a opção de editar os dados inseridos antes de concluir a tarefa

Saída de DadosVisual
Durante a navegação no formulário, forneça aos usuários a possibilidade de alterar os dados inseridos anteriormente. Essa consideração é necessária para que eles consigam realizar ajustes em formulários fragmentados
Leia mais

21. Defina ordens claras nos formulários para amenizar erros

Saída de DadosVisual
Deve-se definir uma ordem clara e fácil nos formulários segmentados, considerando as atividades essenciais a serem realizadas pelos usuários. As image...
Leia mais

22. Apresente efeitos visuais quando ocorrer mudança de tela

Saída de DadosVisual
As trocas de telas devem fornecer efeitos visuais aos usuários. Isso facilitará a compreensão da mudança de atividade do sistema durante sua interação...
Leia mais

23. Apresente efeitos de áudio quando ocorrer mudanças de tela

Saída de DadosÁudio
Além das mudanças visuais, os usuários tendem a observar a mudança de telas por meio de instruções sonoras dadas pelos assistentes de voz
Leia mais

24. Evite botões de voltar em telas de finalização da tarefa

Saída de DadosVisual
Evite utilizar botões com ações de voltar em telas de finalização da tarefa, tais como nos recursos de pagar, receber ou criar chave Pix. Essa conside...
Leia mais

25. Após as instruções de primeiro acesso, forneça um botão para criar chave Pix

Entrada de DadosVisual
No primeiro acesso à área Pix, após explicar suas funcionalidades, forneça a possibilidade de criação de uma chave
Leia mais

26. Fortaleça a autenticação do usuário via comando de voz, com dados pessoais não sensíveis

Entrada de DadosÁudio
Em relação à segurança do comando de voz em transações com o Pix, pode-se utilizar combinações de reconhecimento de voz e perguntas aleatórias que som...
Leia mais

27. O assistente de voz deve perguntar se o usuário está em um ambiente seguro antes de fornecer informações pessoais

Saída de DadosVisual
Quando o usuário acionar o recurso de comando de voz para saber valores, recebimentos ou outras informações sensíveis, verifique se o usuário está em um ambiente seguro para ter tal informação. Desse modo, informe se o usuário confirmar tal validação
Leia mais

28. Realize a cópia automática do código de validação enviado para o smartphone

Entrada de DadosVisual
Após chegar um código de verificação do usuário na central de mensagens ou e-mail do telefone, faça com que o aplicativo leia essas informações automaticamente
Leia mais

29. Ajude o usuário por meio de um agente virtual

Entrada de DadosÁudioVisual
Disponibilize um agente virtual que forneça dicas e ajuda ao usuário durante a sua utilização do sistema
Leia mais

30. Forneça alertas de voz por tempo de inatividade

Entrada de DadosÁudio
Alertas de voz devem aparecer após um determinado tempo sem interação do usuário ou quando ele interagir equivocadamente para realizar uma tarefa
Leia mais

31. Ao pressionar um elemento, acione a audiodescrição para apresentar o seu nome

Saída de DadosÁudio
Dicas podem ser úteis quando os usuários pressionam um determinado elemento. Assim, alertas de voz podem surgir quando o usuário estiver com dúvida de uma determinada interface, seja botões ou campo de entrada de texto
Leia mais

32. As instruções devem ser breves e destacar palavras-chave em ações específicas

Entrada de DadosVisual
Os textos que forneçam instrução aos usuários devem ser grandes em tamanho e possuir pequenas quantidades de caracteres. Por outro lado, utilizar negr...
Leia mais

33. Use assistentes de voz e animações para auxiliar os usuários em suas tarefas

Entrada de DadosSaída de DadosVisualÁudio
Utilize recursos de voz e ilustrações animadas para auxiliar os usuários em determinadas tarefas. Estes recursos são mais acessíveis para o consumo de...
Leia mais