Experiência do usuário em blog

Qual a forma mais user friendly para apresentar a navegação entre posts recentes e antigos em um blog?


O formato de blog é diferente de páginas tradicionais pois ele se apresenta de forma decrescente: primeiro os posts mais recentes em seguinda os mais antigos. Essa inversão conceitual faz parecer que a navegação nunca está coerente com o lugar onde pretendemos chegar.

Tradicionalmente usa-se a metafóra de direção para apontar onde deveremos ir para encontrar determinada informação. E o que deveria ser um recurso de apoio, transforma-se justamente na maior charada do processo:

  • A partir da home do meu blog, a expectativa do meu usuário para continuar acessando o conteúdo de post mais antigos seria ir para trás ou para frente?

Na minha interpretação seria ir para frente e, usando a metáfora de direção, frente corresponde a uma seta para direita. Por outro lado, essa metáfora vai de encontro com o conceito decrescente sobre o qual o formato blog foi projetado, onde o post mais antigo ficou para trás e, portanto, a opção inicial de navegação deveria apontar para a esqueda. Mas como entender que, a partir da página inicial de um blog, o usuário deve andar para trás?!

Outro modo de instrução é o verbal: posts antigo e posts novos. Entretanto posts antigos não significam necessariamente post desatualizado, pelo contrario, é muito normal que através de um mecanismo de busca o usuário salte a home e chegue direto a um post “antigo”.

Pessoalmente, prefiro imaginar o blog como páginas. Os posts mais recentes estariam, então, na página 1 e, os demais posts, dessa página em diante. Com a página 1 mais à esquerda e as demais apontando para a direita.

Mas várias outras maneiras são usadas e fiz uma pequena coletânea das mais comuns:


Acima, os modos mais comuns. Caracterizam-se por utilizar a expressão “antigo” (ou do inglês, previous entry). No primeiro a situação fica coerente, com a seta apontando para a esquerda. Mas a experiência de uso parece insinuar que a pessoa está na última página. O exemplo em seguida aponta “posts antigos à direita”, mas sendo posts são antigos, eles não deveriam apontar para uma direção à frente.


Retirar a expressão “antigo ou anterior” resolve parte do problema, especialmente no segundo exemplo. Mas se não entrarmos no blog através da HOME, não é possível indentificar para que lado é o post mais recente.

Numerar como se fossem página é uma solução interessante. Indica que a página 1 é a primeira e que, se ele não estiver na primeira, basta clicar sobre o número 1 para chegar onde deseja. “Ver todos os posts” é uma opção que resolve um problema, mas cria outro. Nessa situação ou todos os posts serão carregados numa lista enorme e pesada, ou o usuário será interceptado por outra dela com a distribuição dos posts por data para que selecione uma.


Acima minha preferência e a opção deste blog, uma analogia simples à páginas. Como o resultado de um mecanismo de busca o usuário, a partir da home, navega para a direita.

Situação semelhante que envolve metáfora de direção é o controle remoto da sua televisão. Alguns fabricantes agrupam volume e troca de canais, prevendo que essas são as funções principais que o usuário poderia acessar no controle (junto com ligar e desligar).

Existe estes dois diagramas de controle que alternam o volume e o canal entre direção vertical e horizontal:

As duas funções tem um carater crescente: o volume aumenta e, o canal, de certa forma também (ainda mais explicitamente que o volume, pois passamos do canal 7 para 13).

Isso de certa forma explica o diagrama 1, com o canal usando direcionamento vertical, suportamente mais alinhado com metáfora de aumentar os canais. E, uma vez que a barra de volume geralmente corre horizontalmente na tela, o controle reproduz a orientação horizontal do volume e ficaria tudo ótimo.

O problema é que, pelo menos no Brasil, ninguem que eu conheça “aumenta os canais”. As pessoas passam de canal. Enquanto o volume aumenta efetivamente, mais alto ou mais baixo. Nessa situação o volume no eixo vertical ficará e o canal no horizontal ficará muito mais alinhado com a ideia de aumentar o volume e mudar de canal.

0 Respostas para “Experiência do usuário em blog”



  1. Deixe um comentário

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Gravatar
WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s




Jorge Sá

designer gráfico
jorge@jorgesadesign.com

Interessado em novos projetos e oportunidades de trabalho e disponível para freelancer.

Direto ao assunto

Blog Stats

  • 69,135 hits

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.