diretrizes de usabilidade: como dispor os meios de relacionamento digitais?

Como Aplicá-las na Disponibilização das Ferramentas de Relacionamento

Digital em Páginas Web?

DIRETRIZES DE USABILIDADE

@Deivid_Lima

Uma pesquisa realizada recentemente constatou que os usuários da Web gastam 80,3% do seu tempo olhando as informações encontradas acima da primeira dobra da página, enquanto apenas 19,7% é gasto visualizando as informações abaixo dela.

(USEITa, 2010).

Páginas Excessivamente Longas

23% dos usuários rolaram a tela para visualizar o que mais o site oferece. Isto significando que 77% dos usuários

não realizaram a mesma ação.


Curiosidades

Mas, o que isso tem haver com

usabilidade para a

disposição das ferramentas de

relacionamento digital?


E???

Se fizermos uma varredora em alguns sites perceberemos que a maioria coloca as ferramentas de

relacionamento digital – Twitter,

Facebook, Linked-in, email, etc – abaixo da primeira dobra.

A pergunta que não quer cala. Porquê, se acima dela é o

melhor lugar da Web?


#FicaaDica

É primordial que os itens de maior relevância constem

na primeira tela do home, ou seja, acima da primeira dobra da página, concedendo uma visão geral de forma resumida do que os usuários encontrarão ali.

Elementos de Design que Parecem Anúncios

Somos extremamente orientados a objetivos.

Procuramos informações importantes e ignoramos qualquer coisa que consideremos desnecessárias.

A cegueira a banner inclui rejeição a qualquer coisa que normalmente sinalize informações ou anúncios irrelevantes.

“[...] De fato qualquer coisa [...] colorida corre o risco de ser ignorado, particularmente se incluir animação” (NIELSEN e LORANGER, 2007, p. 76).

Elementos de design que parecem anúncios

Cegueira a Banners

É um sério risco dispor os meios de relacionamento digital com design que se pareça com banners.

A reação involuntária de ignorar a tudo que se pareça com anúncios faz com que os usuários não levem em consideração a leitura do elemento apresentado.


Cegueira a Banners

O fator crítico ao adotar este tipo de design é que, os usuários nunca fixam os olhos em algo que se pareça com um banner

(Nielsen ,USEITb, 2010).

Elementos que não são anúncios, mas que são apresentados com características semelhantes a anúncios é com certeza uma maneira de prejudicar a usabilidade.

Nielsen e Loranger


Cegueira a Banners

#FicaaDica

“As interfaces devem ser projetadas de modo a serem simples e facilmente percebidas.”

Nielsen e Loranger

O fato de maior relevância que se faz necessário compreender basicamente é que: os usuários não estão procurando uma agulha no palheiro.

Ocultar as ferramentas de relacionamento digital por traz de banners animados é um sério risco; os usuários podem não percebê-las e conseqüentemente, não encontrá-las.

80% dos participantes que participaram do estudo

para este artigo Não encontraram o campo para cadastro de email no site Submarino.com.


Animação na Disposição das Ferramentas de Relacionamento Digital

“O tempo de espera é um fator crítico de usabilidade na Web” (FERREIRA; NUNES). Ainda pior do que esperar será se ele não perceber onde está localizado o recurso.



“Esperar que a navegação lentamente [...] exiba alguma animação é um desperdício de tempo. [...] isso pode ser mais problemático do que útil. [...] é muito mais rápido para todo mundo examinar as opções quando elas simplesmente estão visíveis” (NIELSEN; LORANGER).

“consideram-se problemas de usabilidade de um sistema interativo quaisquer características observadas em determinada situação que possam retardar prejudicar ou inviabilizar a realização de uma tarefa, que aborrecem, constrangem e, às vezes, traumatizam o usuário” (Ferreira e Nunes, 2008).



#FicaaDica

Simplifique!!!

Disponibilizar as ferramentas de relacionamento digital

estaticamente é mais produtivo do quer incluir animações.

Quanto menos tempo o usuário levar para realizar uma ação,

maior será a probabilidade de realizar com sucesso.

“Quando bem escolhidos, podem permitir um reconhecimento mais rápido do que

as palavras. Além disso, não dependem do idioma e, portanto possibilitam o uso da

interface em diversos países, sem a necessidade de tradução.” (Ferreira, Nunes, 2088)

Imagens Icônicas

Os ícones precisam ter três características

Fácil reconhecimento Fácil recordação Fácil discriminação

“Os ícones escolhidos devem expressar com precisão seus objetivos”

(Ferreira & Nunes, 2008)

Imagens Icônicas

Reconhecimento Mais Rápido

#FicaaDica

A utilização de ícones é uma boa sugestão de

simplificar; são mais fáceis de serem discernidos.

Um dos grandes conceitos de design é a simplicidade. Ela certamente “constitui um princípio importante no design” (PREECE et al., 2005).

Outro problema facilmente

encontrado é o não agrupamento das ferramentas de relacionamento digital nas páginas Web. São espalhadas por varias áreas do site o que torna a busca complexa.

Agrupamento de Itens Semelhantes

“Agrupar itens associados garante que eles serão notados” (Nielsen e Loranger (2007).

É comum para o usuário procurar por objetos que se relacionem em categorias na mesma área, diz Nielsen e Loranger em seu livro Usabilidade na Web.

Agrupamento de Itens Semelhantes

#FicaaDica

Agrupe as ferramentas

de relacionamento, isto ajudará aos usuários a encontrá-las com maior facilidade.

Relembrando as cinco sugestões

1º - Evite colocar os meios de relacionamento digital abaixo da primeira tela da página;

2º - Evite elementos de design que se pareçam com banner;

3º - Evite animações ao dispor os meios de relacionamento digital;

4º - Utilize ícones;

E por fim, 5º - Coloque-os de forma agrupada.

Até a próxima. Exponha seu comentário. Compartilhe suas sugestões de como tornar

mais evidente o posicionamento de tais meios que permitem o usuário interagir com o

site.

@Deivid_Lima

http://www.twitter.com/Deivid_Lima

http://www.twitter.com/Deivid_Lima

diretrizes de usabilidade: como dispor os meios de relacionamento digitais?

Documents