8 regras de ouro para um melhor design de interface

Os designers precisam resolver problemas todos os dias, e encontrar a solução certa envolve pesquisas aprofundadas e testes cuidadosamente planejados. Seria ótimo descobrir uma abordagem única ou uma fórmula secreta que resolvesse automaticamente todos os nossos problemas de design de interface de usuário. Talvez ainda não tenhamos a resposta para isso, mas conhecemos alguns atalhos que às vezes podemos usar e que levam a uma interface melhor.

Também sabemos sobre as tendências atuais, que você pode ler em nosso guia de tendências de design de UI e UX.

“Heurísticas” são regras simples e eficientes que nos ajudam a formar julgamentos e tomar decisões. Podemos considerá-los como diretrizes gerais em termos de práticas recomendadas de UI.

Observação: essas regras têm sua hora e lugar e não substituem os testes de usabilidade.

Embora as 10 Heurísticas para Design de Interface do Usuário de Jakob Nielsen sejam provavelmente o conjunto de heurísticas mais popular que existe, existem outros. Ben Shneiderman criou um dos maiores guias para design de interação sólido chamado Designing the User Interface, que revela sua própria coleção de princípios conhecidos como “Oito Regras de Ouro do Design de Interface”.

Veremos essas regras de UI hoje.

Ben SchneidermanBen SchneidermanBen Schneiderman
Loren Terveen e Ben Shneiderman na Webshop 2011 na Universidade de Maryland © Marc Smith

1. Esforce-se pela consistência

Projetar “interfaces consistentes” significa usar os mesmos padrões de projeto e as mesmas sequências de ações para situações semelhantes. Isso inclui, entre outros, o uso correto de cores, tipografia e terminologia em telas de prompt, comandos e menus ao longo da jornada do usuário.

Lembre-se: uma interface de usuário consistente permitirá que seus usuários concluam suas tarefas e objetivos com muito mais facilidade.

As diretrizes de estilo Namastelight de Martin Strba são uma forma de garantir consistência em seu processo de designAs diretrizes de estilo Namastelight de Martin Strba são uma forma de garantir consistência em seu processo de designAs diretrizes de estilo Namastelight de Martin Strba são uma forma de garantir consistência em seu processo de design
As diretrizes de estilo Namastelight de Martin Strba são uma forma de garantir consistência em seu processo de design.

2. Permitir que usuários frequentes usem atalhos

Falando em usar regras de UI como atalhos, seus usuários também se beneficiarão com os atalhos, especialmente se precisarem concluir as mesmas tarefas com frequência.

Usuários experientes podem achar os seguintes recursos úteis:

Abreviações

As abreviaturas nas interfaces de usuário são uma ferramenta poderosa para usuários experientes. Eles permitem entrada e navegação mais rápidas, pois podem digitar versões mais curtas de comandos ou opções. Por exemplo, em um editor de texto, em vez de selecionar “Inserir imagem” em um menu, o usuário pode simplesmente digitar “InsImg”. Este método é especialmente benéfico em ambientes onde a velocidade é crucial, como plataformas de codificação ou entrada de dados.

Implementando abreviações:

  1. Abreviações personalizáveis: Permita que os usuários criem suas próprias abreviações para comandos ou funções usados ​​com frequência.
  2. Abreviações contextuais: As abreviaturas devem ser sensíveis ao contexto, oferecendo diferentes atalhos com base na parte da aplicação que está sendo utilizada.
  3. Curva de aprendizado: Forneça um módulo de aprendizagem ou dicas de ferramentas para que novos usuários se familiarizem gradualmente com esses atalhos.

Não importa o que você decida implementar, apenas certifique-se de buscar consistência.

Teclas de função

As teclas de função (como F1, F2, etc.) são essenciais em muitos aplicativos para acesso rápido aos recursos. Eles são particularmente úteis para ações usadas com frequência, mas que não garantem um lugar permanente na interface principal.

Por exemplo, pressionar F5 em muitos navegadores atualiza a página, uma ação simples, mas frequentemente usada.

Comandos ocultos

Comandos ocultos são como ovos de páscoa para usuários avançados. Eles não são imediatamente visíveis na interface do usuário, mas podem ser muito poderosos para quem os conhece. Por exemplo, digitar uma palavra-chave ou comando específico pode desbloquear recursos ou configurações avançadas.

Se você usar comandos ocultos, certifique-se de seguir estas regras básicas de UX:

  1. Documentação: Inclua esses comandos em manuais ou guias de usuário avançados, em vez de na interface de usuário principal.
  2. Edifício comunitário: Incentive a formação de uma comunidade de usuários onde tais dicas e truques possam ser compartilhados e discutidos.
  3. Mecanismo de retorno: Implemente uma forma de os usuários sugerirem seus próprios comandos ou atalhos ocultos, promovendo uma sensação de envolvimento.

Macroinstalações

Por último, macros são sequências de comandos ou ações que os usuários podem agrupar como um único comando para automatizar tarefas repetitivas. Então, digamos que você esteja trabalhando em um software de design gráfico. Um usuário pode criar uma macro para redimensionar e exportar uma imagem em três formatos diferentes, acelerando significativamente o fluxo de trabalho.

Menu de contexto por Khalid Hasan ZibonMenu de contexto por Khalid Hasan ZibonMenu de contexto por Khalid Hasan Zibon
Menu de contexto por Khalid Hasan Zibon

3. Ofereça feedback informativo

Você precisa manter seus usuários informados sobre o que está acontecendo em cada etapa do processo. Esse feedback precisa ser significativo, relevante, claro e adequado ao contexto.

Carregamento de arquivo por Antonija Vresk Carregamento de arquivo por Antonija Vresk Carregamento de arquivo por Antonija Vresk
Carregamento de arquivo por Antonija Vresk

4. Diálogo de design para fechamento de rendimento

Deixe-me explicar. As sequências de ações precisam ter começo, meio e fim. Depois que uma tarefa for concluída, dê tranquilidade ao usuário, fornecendo-lhe feedback informativo e opções bem definidas para a próxima etapa, se for o caso.

Não os deixe pensando!

5. Oferece tratamento simples de erros

Uma boa interface deve ser projetada para evitar erros tanto quanto possível. Mas quando erros acontecem, seu sistema precisa facilitar para o usuário entender o problema e saber como resolvê-lo. Maneiras simples de lidar com erros incluem a exibição de notificações de erro claras junto com dicas descritivas para resolver o problema.

Todos esses esforços de tratamento de erros proporcionam uma UI melhor no longo prazo e devem fazer parte de qualquer padrão de design de GUI que você seguir.

Validação do formulário Litmus por Adnan KhanValidação do formulário Litmus por Adnan KhanValidação do formulário Litmus por Adnan Khan
Validação do formulário Litmus por Adnan Khan

6. Permitir fácil reversão de ações

É um alívio instantâneo encontrar a opção “desfazer” depois que um erro é cometido. Seus usuários se sentirão menos ansiosos e mais propensos a explorar opções se souberem que existe uma maneira fácil de reverter qualquer acidente.

Esta regra de ouro do design da interface do usuário pode ser aplicada a qualquer ação, grupo de ações ou entrada de dados. Pode variar desde um simples botão até todo um histórico de ações.

Desfazer contagem regressiva de Tyler BeauchampDesfazer contagem regressiva de Tyler BeauchampDesfazer contagem regressiva de Tyler Beauchamp
Desfazer contagem regressiva de Tyler Beauchamp

7. Suporte ao locus de controle interno

Se você está coçando a cabeça com esse subtítulo, vamos começar com uma definição:

“Na psicologia da personalidade, locus de controle é o grau em que as pessoas acreditam que têm controle sobre o resultado dos eventos” – Julian Rotter

No que se refere ao design da interface do usuário, é importante dar controle e liberdade aos usuários para que eles possam sentir que estão no comando do sistema, e não o contrário. Evite surpresas, interrupções ou qualquer coisa que não tenha sido solicitada pelos usuários.

Para ser mais claro, os usuários devem ser os iniciadores das ações e não os respondentes.

Diálogos de permissões por Vlad PonomarenkoDiálogos de permissões por Vlad PonomarenkoDiálogos de permissões por Vlad Ponomarenko
Diálogos de permissões por Vlad Ponomarenko

8. Reduza a carga de memória de curto prazo

Nossa capacidade de atenção é limitada e tudo o que pudermos fazer para facilitar o trabalho de nossos usuários, melhor. É mais simples reconhecermos informações do que recuperá-las. Aqui, podemos nos referir a um dos princípios da Nielsen que descreve “reconhecimento em vez de lembrança”. Se mantivermos nossas interfaces simples e consistentes, obedecendo a padrões, padrões e convenções, já estaremos contribuindo para um melhor reconhecimento e facilidade de uso.

Existem vários recursos que podemos adicionar para ajudar nossos usuários dependendo de seus objetivos. Por exemplo, em uma interface de usuário de comércio eletrônico, uma lista de itens visualizados ou comprados recentemente.

Contatos visualizados recentemente para Capsule de Gavin WilliamsContatos visualizados recentemente para Capsule de Gavin WilliamsContatos visualizados recentemente para Capsule de Gavin Williams
Contatos visualizados recentemente para Capsule de Gavin Williams

Conclusão

Embora você deva sempre tomar decisões baseadas em heurística com uma pitada de sal, seguir um conjunto de regras de UI o levará na direção certa e permitirá que você identifique os principais problemas de usabilidade no início do processo de design. Estas oito regras de ouro para design de interface são aplicáveis ​​à maioria das interfaces de usuário e são derivadas da experiência pessoal de Shneiderman. Eles foram refinados ao longo de três décadas e resistiram ao teste do tempo.

Outros, como Jakob Nielsen e Don Norman, expandiram essas regras de UI e contribuíram com suas próprias variações.

Você também pode usar essas regras de design UI/UX como inspiração para criar seu próprio conjunto de heurísticas ou combinar os exemplos existentes para resolver seus próprios problemas de design.

[ad_2]

Deixe uma resposta