Supermetas
  • Home
  • Sobre o Autor
  • Nosso Papo
  • Blog
  • Contato
25/02/2020 por Klayton Georgio
Webdesign

Usabilidade: as regras para criar um bom site

Usabilidade: as regras para criar um bom site
25/02/2020 por Klayton Georgio
Webdesign

Na elaboração de todo projeto, seja para web ou não, o profissional responsável sempre se baseia em regras e técnicas já consolidadas para entregar o melhor produto para seu cliente. Para criação de sites não é diferente. Esse parâmetro, para decidir sobre o que é melhor ou não, se baseia na usabilidade do artefato quanto a experiência do usuário. Mas como se mede isso?

Bom… durante o desenvolvimento de um website, o webdesigner elabora um protótipo para mostrar ao cliente como deve ficar o projeto após seu lançamento. Neste caso, ele já apresenta o design do site, com menus, campos de busca, formulários e a distribuição de outros elementos gráficos. O mais indicado é o projeto ser visualizado por um grupo de pessoas para avaliar a experiência do usuário e decidir quais pontos podem ser alterados ou melhorados.

No entanto, se você não estiver desenvolvendo sua ideia com um profissional, ou não tiver à disposição um grupo de pessoas para testar seu site antes do lançamento, vou te sugerir 10 dicas para avaliar a usabilidade do seu site. Elas são as Heurísticas de Nielsen e servem para guiar o desenvolvedor na elaboração de um sistema mais intuitivo. Vou tentar explicar de um jeito simples para que você saiba como aplicá-las ou identificá-las nos projetos elaborados por seus colaboradores. Vamos lá!

1. Status do Sistema

Essa heurística orienta que o sistema deve deixar o usuário informado sobre tudo que está acontecendo. No caso dos sites, o usuário precisa saber onde está, como voltar, como avançar e como desfazer ou cancelar ações. Um exemplo que pode ser citado é neste post. Logo acima do título é informada a data, quem publicou e a categoria a qual pertence esta publicação.

2. Relação entre a interface e o mundo real

Esta regra estabelece que o sistema, ou nosso site no caso, precisa falar a língua do usuário. E aqui não me refiro apenas ao idioma empregado, mas também à utilização de elementos gráficos que tenham correspondência lógica com o mundo real. A lupa no sistema de busca, por exemplo, simboliza a pesquisa.

3. Saída do Sistema

O usuário precisa ter controle sobre o que acontece durante o uso do sistema. Isso significa que, caso ele execute alguma ação equivocadamente, ele possa desfazer ou refazer todo o caminho.

4. Consistência

É preciso criar padrões dentro do sistema para que todas as ações tenham a mesma representatividade dentro da ferramenta. Por exemplo, o ícone de “editar” normalmente é representado por um lápis nas plataformas de gerenciamento de conteúdo.

5. Prevenção de erros

Nesta heurística diz-se que é importante confirmar ações executadas pelos usuários, a fim de evitar resultados não desejados. Por exemplo, no envio de informações pelo formulário pode ocorrer de o usuário preencher algum dado incorretamente. Uma boa prática de usabilidade é a exibição das informações submetidas por ele antes de confirmar o envio de dados.

6. Reconhecimento ao invés de memorização

A interface precisa ser intuitiva de uma forma que dialogue com o usuário, evitando acionar sua memória repetidas vezes. Um padrão que pode ser utilizado, por exemplo, é a utilização dos breadcumbs que exibem o caminho do usuário dentro de um site (Ex.: Home > Editoria > Título do Post).

7. Flexibilidade

O site deve ser de simples utilização tanto para leigos quanto para usuários avançados. Uma sugestão para auxiliar os leigos é a implementação de ícones em menus e botões dentro do site.

8. Estética e Design minimalista

Nem sempre a quantidade é sinônimo de qualidade. A comunicação é eficaz quando o foco recai sobre a informação que se deseja transmitir. Evite colocar muitas informações juntas e utilize os princípios do design para organizá-las.

9. Reconhecimento de erros

Caso ocorra algum erro durante a interação do usuário com o site, ele deve ser informado imediatamente como resolver ou refazer algum comando. Um exemplo é quando ele não encontra algum termo durante a pesquisa interna. Neste caso, o sistema deve informar que não foi encontrado o que foi pesquisado ou indicar que ele precisa procurar por um termo semelhante.

10. Ajuda e Documentação

Dependendo do tamanho do projeto, uma página com informações detalhadas de ajuda para auxiliar o usuário a utilizar o site é um bom recurso para ser implementado.

Como você reparou durante a leitura, muitas heurísticas conversam entre si, mas todas focam na usabilidade do usuário durante a navegação de um sistema. Com certeza, se baseando nestes princípios, a experiência do usuário durante a navegação do seu site pode se tornar muito mais satisfatória.

Gostou deste artigo? Tem alguma sugestão? Ou quer indicar alguma pauta? Comente aqui, me envie alguma mensagem ou fale comigo nas redes sociais.

Obrigado pela sua participação! 😉

Compartilhe isso:

  • Clique para compartilhar no Twitter(abre em nova janela)
  • Clique para compartilhar no Facebook(abre em nova janela)
  • Clique para compartilhar no LinkedIn(abre em nova janela)
  • Clique para compartilhar no Tumblr(abre em nova janela)
  • Clique para compartilhar no WhatsApp(abre em nova janela)
  • Clique para compartilhar no Pinterest(abre em nova janela)
  • Clique para enviar por e-mail a um amigo(abre em nova janela)

Design de Interface User Experience User Interface UX Design

Artigo anteriorPrós e contras de criar um site com hospedagem gratuitaHospedagem GratuitaPróximo artigo Acessibilidade web: você sabe o que é?Ícones sobre acessibilidade
Klayton Georgio(https://supermetas.com.br)
Olá! Meu nome é Klayton Georgio, tenho 31 anos, sou formado em Comunicação Social, com habilitação para Jornalismo. Tenho conhecimento e prática em WebDesign, além de ser especialista em Design Digital. Já trabalhei em agências de publicidade da Região dos Lagos, no Rio de Janeiro, e hoje sou sócio na Editora Comunicação, onde sou Diretor de Arte.

Deixe uma resposta Cancelar resposta

Klayton Georgio

Assinar blog por e-mail

Digite seu endereço de e-mail para assinar este blog e receber notificações de novas publicações por e-mail.

Junte-se a 1.745 outros assinantes

Cursos que Indico

Quer desenvolver seus conhecimentos, seja você um designer, jornalista ou empreendedor? Eu me interesso muito por essas áreas e vivo fazendo cursos sobre esses temas. Se quiser conhecer alguns que eu já fiz, clique aqui e confira na barra oculta. 😉

Sobre o Projeto

O SUPERMETAS nasceu com o intuito de ajudar quem quer montar seu site na internet, mas que ainda não pode investir na contratação de um profissional. Para tanto, eu dou dicas básicas de design, registro de domínios e manutenção de hospedagem.

Recursos do Site

Hospedagem: Editora Comunicação

Plataforma: WordPress

Tema: Rife By Apollo13

Um pouco de CSS extra ^^’

Últimas Publicações

Criando um site com ferramentas gratuitas02/04/2020
O que ainda vamos falar no Supermetas?31/03/2020
3 bancos de imagens gratuitas para seus projetos online26/03/2020
Site mantido por Editora Comunicação (EdiCom)

Cursos para Iniciantes em Designer Gráfico

Separei aqui alguns cursos que eu já fiz e indico para quem está iniciando no mundo do design.

  • DG PRO
  • Profissão Criativo

Cursos de Design para Jornalistas

Aos meus colegas jornalistas também separei alguns cursos de design para nossa área

  • Diagramação para jornalistas
  • Photoshop para Jornalistas

Cursos para Empreendedores

Além de conferir o conteúdo aqui do Supermetas, você pode fazer esse curso que eu super recomendo.

  • Design Gráfico para Empresários

Cursos de Marketing Digital

Eu já fiz vários cursos do Gabriel Wohlfart sobre Mkt Digital e recomendo. O o suporte é excelente e a mensalidade é super em conta. Detalhe: você pode testar todos os planos por 7 dias!

  • Gerenciando Web Academy
loading Cancelar
Post não foi enviado - verifique os seus endereços de e-mail!
Verificação de e-mail falhou, tente novamente
Desculpe, seu blog não pode compartilhar posts por e-mail.