Category: Design Gráfico
O que é Usabilidade e por que é importante no meu projeto digital

Usabilidade é um termo usado para definir a facilidade com que as pessoas podem usar determinada coisa. No caso de sites e aplicativos por exemplo é a facilidade que o usuário tem em acessar as informações.

_____

 

CONCEITO DE USABILIDADE

Vamos focar esse artigo para falar sobre a usabilidade de interfaces digitais. Seja aplicativo, ecommerce site institucional e as mais variadas formas de interfaces digitais que já tem disponível no mercado.

Usabilidade, também conhecida com UX*, é a facilidade com que o usuário navega nesse meio digital. Um site “amigável” como costumamos chamar é um site de fácil acesso, com informações e botões claro e objetivos.

Existe um regra básica para qualquer um testar a usabilidade de seu produto que chamamos de “Não me faça pensar”.

Essa regra simplesmente diz que o usuário do seu site não precisa pensar para navegar. Se ele tiver que pensar: “Onde eu tenho que clicar para acessar determinada informação”, seu site ou plataforma tem problemas de usabilidade.

E, como falei, a usabilidade deve ser levada em conta em todos as áreas. Inclusive no aspecto físico.

Esses dias eu fui encher o pote de água do meu cachorro. O pote tem 2 compartimentos que é interligado por um cano que ia liberando a água aos poucos. Ele foi feito para você encher uma vez ao dia apenas. Porém eu coloquei muita água e transbordou. Quando comentei com a minha esposa sobre isso ela me perguntou: “Você leu o manual”? Esse produto com certeza não passaria no teste de usabilidade. Se você precisa de um manual para encher um pote de água, com certeza tem algo errado.

 

POR QUE A USABILIDADE É IMPORTANTE?

Quanto melhor a usabilidade do seu projeto, menos tempo seu cliente irá gastar comprando ou buscando a informação que ele precisa. Você proporciona ao usuário uma navegação rápida, simples e que não gere muitas dúvidas ou confusões.

Do contrário, uma navegação difícil e confusa, provavelmente fará essa pessoa desistir da navegação.

Nossa visão é muito seletiva, por isso é importante posicionar as ferramentas e informações no lugar certo dentro do seu site.

Uma famosa experiência psicológica realizada por Daniel J. Simons e Christopher F. Chabris, da Universidade de Illinois em 1999, que ficou conhecida como “Teste de atenção seletiva”, prova essa tese. Nesse teste, eles apresentam um vídeo com 6 pessoas (3 de branco e 3 de preto) trocando passe com uma bola de basquete. E orienta os voluntários a contarem quantos passes o trio de branco troca. Ao longo do vídeo uma pessoa fantasiada de Gorila entra no vídeo. Ao final do estudo, surpreendentemente, 56% das pessoas não conseguiu ver o gorila passando pelo meio da ação. Eles estava focados apenas em contar os passes.

Na década passada era muito comum encontrar sites muito criativos com menus dinâmicos, no rodapé da página, flutuante… Atualmente a regra é quase padronizada. As pessoas já estão tão acostumadas com o formato de um site padrão que é melhor não inventar. Qualquer tentativa de criatividade pode acabar com a usabilidade do seu projeto. 

Ou seja, tudo que for feito na interface do site precisa facilitar ao máximo o acesso do seu usuário/cliente. Para isso, alguns conceitos são fundamentais.

 

DICAS DE USABILIDADE

  • Muitos elementos deixam o usuário confuso mas poucos elementos dificultam as chances dele encontrar o que procura, então encontre um equilíbrio;
  • Seja objetivo e ofereça saídas claras para o problema do usuário. Um exemplo disso é o “o caminho de migalha”. Que são os links que a pessoa percorreu ao chegar em determinada Página (Ex.: Masculino > Calçados > Futebol);
  • Conheça o seu público alvo e entenda como eles usam o site – um exemplo disso é: Se você trabalha com um público infantil, você pode abusar um pouco mais de cores, já um público mais idoso você deve pensar no tamanho das letras do seu conteúdo;
  • Design e usabilidade andam de mãos dadas. Nesse caso, um grande bordão do design tem que ser levado ao pé da letra: menos é mais.
  • Preste atenção nas cores e destaques usados, isso também influencia – Alguns elementos PRECISAM de contraste. Se o seu site é todo cinza, o botão de compra por exemplo deve ser uma cor que contraste com o cinza;
  • Por fim, o endereço, telefone, chat, contato, devem estar sempre a um clique de distância;

 

TESTE DE USABILIDADE

Considere esses aspectos para deixar o seu site ou projeto o mais amigável possível. Se você já tem um projeto no ar, uma última dica: Peça a alguém de fora da equipe para fazer duas ações no site:

1º – Observe (em silêncio) como essa pessoa navega e anote os possíveis erros. O que sempre sugiro como teste é pedir para essa pessoa descrever o que você faz, qual o objetivo do seu site. Então é importante que a pessoa que vá fazer o teste não tenha total conhecimento no seu negócio;

2º – O outro teste é essa pessoa encontrar algum tipo de informação: pode ser um produto, um serviço ou um conteúdo publicado.

A velocidade que ela encontrará essas informações determina, basicamente, se o seu site é amigável. Se ela não encontrar… nem tudo está perdido. Porém é necessário fazer mais testes e, avaliar todo o projeto e, se preciso, recomeçar do zero.

 

Essas foram algumas dicas sobre usabilidade. Aplique no seu projeto essas técnicas e veja você mesmo como elas são importantes.

Obrigado e até a próxima.

 

 

_____

*O termo ‘UX’ significa User Experience (Experiência do usuário) foi criado pelo norte-americano Don Norman, cientista cognitivo e designer, após analisar a falta de interação entre usuários e máquinas ou sistemas de computador.


Identidade Visual – O que preciso fazer nos primeiros passos da minha empresa

Estou abrindo uma empresa, iniciando uma startup, lançando um produto e, são tantos detalhes para se pensar que, não sei o que preciso para dar os primeiros passos para da identidade visual do meu negócio.

_____

 

Se você está iniciando um novo produto, negócio, uma startup ou mesmo uma empresas que já está há mais tempo no mercado, sua identidade visual mostra para o seu público exatamente quem vc é e a que veio. Ou pelo menos deveria.

Antes de iniciar qualquer projeto visual você precisa definir a sua proposta, seja do seu produto, do seu serviço ou do seu projeto:

– O que vc faz?

– Como vc faz?

– Por que vc faz?

Essas três perguntas básicas vem do conceito Golden Circle e sintetizam bem qual o seu objetivo.

Com isso definido e seu público alvo (ou persona, como preferir) definido é hora do próximo passo.

 

CRIAÇÃO DO NOME

Esse é um detalhe que muitos tem dificuldade. De fato criar um nome para o seu projeto não é uma tarefa simples. Quando colocamos a mente pra pensar sempre vem os nomes sempre clichês como abreviação, algo muito óbvio ou, o que também é frequente, quando encontramos um nome muito legal, descobrimos que já existe uma empresa com esse nome.

Então, para evitar o Eureka Fake, três dicas importantes para essa etapa são:
1 – Procure a disponibilidade do nome no INPI de marcas e patentes para não iniciar um projeto com algo já patenteado;

2 – Independente de patente, procure por resultados desse nome no Google. Pode ser que existam negócios com esse mesmo nome espalhados pela por aí;

3 – Por fim, procure a disponibilidade do domínio no registro.br. O registro do seu domínio próprio, mesmo que não haja recursos para se criar um site no início, é de extrema importância.

Definido o nome é hora de passar esse conceito todo para sua identidade visual

 

POR QUE É IMPORTANTE UMA IDENTIDADE VISUAL?

Vou responder como uma situação:

Você precisa contratar uma empresa de construção civil para reforma sua empresa e iniciar os trabalhos. Em uma feira especializada, você recebe dois materiais (veja abaixo). Qual deles você contrata?

 

imagem ilustrativa | Identidade Visual | Agência iMAGON     imagem ilustrativa | Identidade Visual | Agência iMAGON

 

Alguma dúvida sobre a importância da identidade visual?

 

CRIAÇÃO DA MARCA

Ao criar a marca, sendo um profissional ou não, duas perguntas que você deve fazer sobre sua logo, podem te ajudar a ter uma segurança sobre o objetivo que ela deve cumprir e sua execução a curto e médio prazo.

  • Ela condiz com meu negócio? Para responder essa pergunta, apresente a marca para uma pessoa que esteja FORA do projeto e não saiba do que se trata. Se essa pessoa conseguir identificar seu projeto apenas com o conceito visual, a marca atingiu o objetivo.
  • Ela é de fácil aplicação? Ela tem que ser feita em Softaware especilizado. Caso contrário, quando você precisar fazer um uniforme por exemplo, aquele elemento legal que fazia parte da marca não poderá ser usado porque tecnicamente não é possível. Sua marca precisa ser um vetor.

 

PAPELARIA

Como existe muito investimento ao se iniciar uma nova empresa, geralmente os “gastos” com a comunicação ficam em segundo plano. Bom, em 1º lugar é preciso entender que o seu negócio é uma engrenagem e basicamente todas as áreas dele vão refletir no objetivo final. Em segunda lugar, publicidade não é gasto. É investimento.

Porém, nesses primeiros passos, é bom fazer uma avaliação do que realmente é preciso produzir em material gráfico.

Os materiais mais comuns de se produzir no início são:

Cartão de visitas: peça indispensável para o contato com o clientes ou fornecedores.

Folder / Flyer: O flyer é uma apresentação sintetizada dos seus serviços / produtos. O folder é um material mais completo e apresenta com mais detalhes seu negócio.

Envelopes, Timbrado e Pasta: Podem ser úteis em envio de correspondências, comunicados internos e externos e principalmente, propostas comerciais.

Esses três materiais tem um custo elevado de produção e nem sempre são necessários. Porém, são sem dúvida alguma um grande diferencial.

A necessidade ou não de outros materiais vai depender do segmento e intenção de cada empresa. Podem ser produzidos: catálogos, cardápios, crachás, cartazes e banners, adesivos, canetas, canecas, porta copos e etc.

 

REDES SOCIAIS

Para fechar a comunicação inicial da empresa você precisa se inserir no meio digital. Faça um estudo de onde se encontra o seu público alvo. Quais redes esse público mais utiliza. Nem sempre podemos resumir ao Facebook e Instagram. Se você é uma produtora de conteúdo, o Twitter pode ser a rede mais indicada por exemplo.

Feita a escolha das redes, faça a adaptação da sua marca em cada uma delas.

Ahh e não tenha a ilusão que as redes são gratuitas. Pelo contrário, elas são pagas e será necessário planejar um investimento para ter o alcance que desejável. Caso contrário, pode dar a impressão que sua loja foi “aberta no porão”.

 

SITE INSTITUCIONAL

Por fim, independente de rede social, tenha seu próprio site. Ao contrário das redes, as regras do seu site são determinadas por você.

A audiência das redes é uma audiência emprestada e amanhã, seu público pode não estar mais lá.

Portanto, a criação de um site institucional com todas as informações dos seus serviços e produtos é essencial. Isso sem falar na produção de conteúdo para atrair seu público… Mas isso é assunto para outra pauta.

 

É isso pessoal. Espero ter ajudado de alguma forma.

Obrigado e até a próxima.

 


A Falta que faz um bom layout

No concurso de Miss Universo, que teve sua etapa final ontem, dia 21 de dezembro, o profissional de Design teve sua profissão mais valorizada do que a própria Miss.

A gafe, que está rodando a internet, foi cometida pelo apresentador, Steve Harvey, que anunciou a candidata da Colômbia como a grande vencedora do maior concurso de beleza do mundo. A Miss Colômbia foi coroada e aplaudida como manda o figurino. Ao perceber o equívoco, o apresentador completamente constrangido, assumiu o erro e anunciou a verdadeira vencedora: a Miss filipina Pia Alonzo Wurtzbach.

Como de praxe, choveram memes com o apresentador.

O verdadeiro “culpado”, o sobrinho (ou estagiário), não vai ter piadas na rede. Como podem ver na imagem acima, a ficha que anuncia a vencedora foi extremamente infeliz. Analisando com um pouco mais de crítica, a ficha foi feita para trollar o apresentador.

Vários erros são feitos na mesma peça. A leitura (com exceção dos árabes) é feita sempre da esquerda para a direita.
Imagine o apresentador passando os olhos e… 1º Colômbia…

Onde já se viu “1º vice campeão”? E a verdadeira vencedora, mais abaixo, fica apagada como todo o resto da ficha.

Está perdoado Steve. A comunidade dos Designers te entende. #ForaSobrinho


Certificado RD Station - Resultados Digitais

Certificado Inboud Mkt - Resultados Digitais

Agência especializada em Marketing Digital. Desenvolvemos projetos digitais e com foco em performance e resultados. Porque o mundo mudou.

Post recentes
Contato
  • Rua Andesita, 120 | Cidade Nova | Belo Horizonte
  • +55 31 2555-4988
  • contato@agenciaimagon.com.br
Instagram