https://padlet.com/fabbymendes/interface_usabilidade Como construir uma boa interface e como trabalhar com a usabilidade en-us 2022-03-27 15:16:28 UTC 2022-03-27 15:53:58 UTC hello@padlet.com https://padlet.net/icons/png/1f4f1.png fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115653610 Não tente reinventar a roda. Dê preferência por utilizar ícones e cores  que trazem informações universais acerca da sua compreensão.  Se você visualiza os ícones de uma caneta e uma lixeira imediatamente relaciona esses ícones às ações de editar e excluir por exemplo. A cor vermelha geralmente é ligada a ações que oferecem ‘risco’ ou situações de erro. Sendo assim, explore estes elementos universais que facilitarão a compreensão do usuário do que deve, pode ou não pode fazer. ]]> 2022-03-27 15:27:16 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115653610 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115655498 Se colocarmos botões ou links clicáveis com a mesma cor de fundo e texto utilizados, as pessoas não irão entender que podem clicar ali. Prefira utilizar botões ou textos coloridos, que se destaquem do texto padrão. Apresente inputs de forma clara também. Cito aqui um exemplo, após meses de uso do Discord é que descobri que poderia mudar um texto clicando nele. Foi bem frustrante =/]]> 2022-03-27 15:29:43 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115655498 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115655989 Aqui podemos citar diversos recursos. Utilização da hierarquia, utilização de pequenos alertas, cores, dividir grandes fluxos em fluxos menores, utilização de mensagens de erro, etc... Tudo o que puder auxiliar seu usuário na compreensão do que deve ser feito.]]> 2022-03-27 15:30:19 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115655989 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115656634 O usuário deve ter liberdade em poder executar, cancelar ou reverter ações. Você pode excluir um arquivo, porém pode perceber depois que não era aquele que você deveria ter excluído. Imagina se os sistemas não nos permitissem limpar, mover, editar, enfim, manipular as informações conforme nossas necessidades? ]]> 2022-03-27 15:31:09 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115656634 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115657377 Padrões importam. Eles evitam desgaste mental do usuário na hora de compreender ou localizar ações. Imaginem se uma aplicação hora mostra o botão de confirmar azul no canto inferior direito, hora mostra a opção como um texto roxo do lado esquerdo acima da tela? Ou se em uma página você tem um menu aberto completo e ao mudar de pagina o menu é substituído por um ícone no topo da tela? Ausência de padrões deixam o usuário meio perdido e faz com que ele perca tempo para interpretar o que deve fazer ali.]]> 2022-03-27 15:32:12 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115657377 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115658711 Menos é mais. Quanto mais informações, mais dúvidas, maior o tempo de decisão e maior o desgaste mental do usuário, e nós não queremos isso. Coloque apenas as informações necessárias para guiá-lo à uma tomada de decisão. Você já teve a experiência de escolher um prato em um cardápio com 50 itens muito parecidos entre si e em outro com 8 itens bem diferentes por exemplo? No segundo caso, provavelmente sua escolha será bem mais rápida e a chance de arrependimento menor. ]]> 2022-03-27 15:33:53 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115658711 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115659162 Pesquisas mostram que quanto maior o tempo de carregamento ou de resposta, maior a chance do usuário abandonar a plataforma e buscar outra. Se quiser reter seus usuários, tenha uma boa performance.]]> 2022-03-27 15:34:32 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115659162 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115660087 Normalmente fazemos a leitura do conteúdo de cima para baixo, da esquerda para a direita, do maior para o menor.
Lembre-se disso ao construir suas interfaces para guiar o usuário no fluxo desejado.]]> 2022-03-27 15:35:35 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115660087 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115660414 2022-03-27 15:35:59 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115660414 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115661476 2022-03-27 15:37:17 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115661476 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115662850  A experiência de uso deve ser boa tanto para pessoas leigas como para experts. Conforme as pessoas vão dominando a ferramenta, é interessante que elas possam utilizar atalhos e ferramentas que agilizem seu trabalho, porém para os iniciantes as opções devem estar bem óbvias para que não seja necessário que leiam um manual de uso para usar a aplicação. ]]> 2022-03-27 15:39:05 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115662850 fabbymendes https://padlet.com/fabbymendes/interface_usabilidade/wish/2115665101 O lance aqui é deixar claro para o usuário:        
- Onde ele está
- Onde estava
- Para onde pode ir
 Um bom exemplo para ilustrar isso é quando você está executando uma playlist, você pode ver facilmente qual música/vídeo está sendo executado, qual foi executado anteriormente e qual será em seguida. ]]> 2022-03-27 15:41:59 UTC https://padlet.com/fabbymendes/interface_usabilidade/wish/2115665101