Heurísticas de Usabilidade by Islaine Mota https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3 Diretrizes que otimizam a experiência do usuário nas aplicações en-us 2022-02-23 23:55:08 UTC 2022-02-24 03:01:06 UTC hello@padlet.com https://padlet.net/icons/png/1f4ad.png 1. Visibilidade do status do sistema. islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063573275 O sistema deve manter os usuários informados sobre o que está acontecendo em tempo real. Considere a interface no YouTube acima, quando assistimos a uma playlist no YouTube, somos informados de tudo o que acontece em uma tela. A barra do player mostra muitas informações em tão pouco espaço:
  • Quanto do vídeo já está carregado.
  • Onde você está no vídeo.
  • E quanto tempo ele tem jogado.
No lado direito, você pode ver qual vídeo está reproduzindo agora, quais foram assistidos e quais são os próximos.
]]> 2022-02-24 00:09:57 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063573275 2. Combinação entre sistema e mundo real. islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063577387 O sistema deve imitar a linguagem de seu usuário, usando palavras, frases, símbolos e conceitos familiares. Considere esta interface do Gmail, onde o símbolo da lixeira representa a ação de deletar algo. A lupa representa a busca. Cada símbolo aqui representa ações que estão conectadas com o mundo real.]]> 2022-02-24 00:14:12 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063577387 3. Controle e liberdade do usuário. islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063759279 É importante que o usuário tenha liberdade para realizar suas próprias tarefas, mas às vezes acontecem erros. Nessas situações, você desejará ter uma “saída de emergência” de fácil acesso, permitindo que o usuário retorne ao ponto anterior. O Gmail permite que o usuário desfaça a ação de excluir um e-mail caso a exclusão tenha sido um erro. A opção “desfazer” permite que o usuário recupere um e-mail imediatamente. Caso contrário, o e-mail fica na pasta “Lixeira” por 30 dias antes de ser excluído definitivamente. Isso dá ao usuário várias opções e muito tempo para recuperar o que pode ser informações excluídas por engano.]]> 2022-02-24 02:45:24 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063759279 4. Consistência e padrões. islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063763736 Você nunca deve deixar o usuário confuso sobre se palavras, situações ou ações diferentes têm o mesmo significado. Sua interface deve ter consistência em todos os aspectos para que o usuário possa identificar padrões a partir da estética e das informações existentes. Os programas do Microsoft Office seguem certos padrões uniformes. Os itens do menu estão sempre no topo. Ícones que executam a mesma ação (cortar/copiar/colar, salvar, etc.) são idênticos em todas as interfaces. A tipografia, tamanho e cor são todos iguais.]]> 2022-02-24 02:49:15 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063763736 5. Prevenção de erros islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063766633 Além de ajudar o usuário a se recuperar de erros, você também deve procurar evitar erros em primeiro lugar. Isso pode ser feito alertando o usuário sobre ações como quando o usuário não concluiu uma tarefa e tentou sair da página ou pedindo para confirmar antes de concluir uma ação. Um exemplo disso está no Outlook. Se o usuário fechar um e-mail antes de enviá-lo, o sistema solicita confirmação e o salva em uma pasta de rascunho para uso futuro.]]> 2022-02-24 02:51:32 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063766633 6. Reconhecimento em vez de recordação. islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063769297 Procure minimizar as informações que o usuário precisa memorizar. Mantenha objetos, ações e opções importantes visíveis em sua interface. Isso ajuda o cérebro a reconhecer padrões entre itens semelhantes. Por exemplo, sites de comércio eletrônico geralmente seguem padrões em seu layout. A barra de pesquisa está na parte superior, o logotipo do site no canto superior esquerdo e o carrinho no canto superior direito. Na página do produto, há uma foto do produto à esquerda e sua descrição à direita. Ter um layout semelhante em sites de comércio eletrônico, independentemente da empresa, significa que o usuário reconhecerá o layout sem gastar muito tempo encontrando todos os elementos necessários.]]> 2022-02-24 02:53:47 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063769297 7. Flexibilidade e eficiência de uso. islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063771293 A interface deve atender às necessidades de usuários leigos e experientes. Os leigos precisam ter informações detalhadas para realizar uma tarefa. Mas, à medida que conhecem a interface, devem ser capazes de interagir mais rapidamente. Assim, a interface deve permitir que os usuários adaptem ações frequentes de acordo com o nível em que se encontram. Os atalhos de teclado do Windows reduzem o número de cliques para executar uma ação. Isso permite que usuários experientes ignorem a busca por uma determinada ação em um programa pressionando uma combinação de teclas familiar.]]> 2022-02-24 02:55:24 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063771293 8. Design estético e minimalista. islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063773371 Quanto maior a quantidade de informações, mais tempo o usuário precisará analisar antes de fazer uma escolha. Você também aumenta o risco de os usuários abandonarem a plataforma por confusão ou fadiga. Adotar uma abordagem mínima e intuitiva com seu design evitará isso, permitindo que os usuários naveguem e ajam com facilidade. O site da Apple é um bom exemplo de estética e design minimalista. É simples e objetivo, mostrando o nome do produto, uma breve descrição em texto e uma foto grande, destacada e com cores contrastantes. Além disso, o site valoriza o espaço em branco, os elementos são bem organizados e a tipografia é simples e limpa.]]> 2022-02-24 02:56:56 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063773371 9. Ajuda aos usuários com erros. islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063775312 Se algo der errado, é importante mostrar ao usuário qual é o erro e como recuperá-lo. As mensagens de erro devem ser claras e objetivas, utilizando linguagem simples e colocadas próximas à ação relevante. O formulário de criação de conta do Outlook alerta o usuário quando ele tenta inserir dados incorretos, como uma senha inadequada. Ao criar a senha, a página mostra onde está o erro em texto em vermelho contrastante, ao lado do campo em que ocorreu, e as etapas para corrigi-lo.]]> 2022-02-24 02:58:28 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063775312 10. Ajuda e Documentação islainemotaoliveira https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063777264 Nunca sabemos quando um usuário precisará de assistência. Embora as áreas de documentação e ajuda sejam as menos acessadas, estão entre as mais necessárias. Isso é especialmente verdadeiro com serviços que possuem muitas funções diferentes, pois podem ajudar o usuário a resolver um problema sozinho. Nunca sabemos quando um usuário precisará de assistência. Embora as áreas de documentação e ajuda sejam as menos acessadas, estão entre as mais necessárias. Isso é especialmente verdadeiro com serviços que possuem muitas funções diferentes, pois podem ajudar o usuário a resolver um problema sozinho.]]> 2022-02-24 03:00:01 UTC https://padlet.com/islainemotaoliveira/dhfbk8vm4ms4jii3/wish/2063777264