Blosque.com » Usabilidade

Cuidado! A Falta de Usabilidade Pode Estar Prejudicando Seu Blog

Nospheratt — Fri, 04 Jul 2008 19:27:07 +0000

Bem, já estamos praticamente de volta ao normal. Ainda há alguns bugs para resolver, mas a maioria das coisas está em ordem.

Talvez você não tenha visto, mas eu troquei de theme segunda-feira, depois de resolver os problemas mais urgentes surgidos do upgrade mal ~~fud…~~ sucedido.

Calma. Este não é outro post da categoria EgoCentro – pelo menos não exatamente. Eu quero falar é de usabilidade, e de como a ausência ela pode estar prejudicando seu blog.

Mais importante que a mudança de theme, são as mudanças que fiz na estrutura do blog. O theme ajudou, pois oferece muitas opções de configuração e customização.

Usabilidade Tendendo a Zero!?

Tudo começou cerca de um mês atrás, quando eu comecei a desenvolver um projeto para aumentar a visitação do blog. Em razão disso, eu olhei o Blosque com os olhos de uma visitante que nunca esteve aqui – e percebi que eu havia feito uma grande m*rda.

A usabilidade tendia a ZERO. Em duas sidebars, só haviam duas coisas realmente úteis: a caixa para assinar o feed por email, e a lista de posts recentes. E mais nada.

O resto era lixo:

- Links para três páginas de categorias (Adsense, Melhore Seu Blog e Blogger Hacks), as quais são uma bela porcaria, pelo menos na minha opinião. Eu detesto navegar em página de categoria, especialmente se os excertos são longos. E se aparecem os posts na íntegra, eu desisto de 1º.

- Lista de arquivos por mês – outra porcaria muito similar à anterior;

- Lista de categorias – similar às porcarias anteriores, com um agravante: quase todos os meus posts pertenciam pelo menos a 3 categorias diferentes, e alguns estavam listados em 5 ou 6!! Provavelmente eu estava drogada ou bêbada quando fiz isso, só pode.

- Comentários recentes – alguém olha isso?

Para completar, os posts relacionados estavam mal configurados. Eu uso o Simple Tags para isso, e quando instalei o plugin, usei a função que tageia automaticamente os posts, pois eu já tinha uns 200 posts publicados. GRAVE ERRO! Ele colocou a tag “Tag” em quase todos os posts, por causa das tags que eu tenho em quase todos os posts. Resultado: os posts relacionados não faziam sentido.

E por fim: eu tinha perto de 70 links internos, ainda apontando para o antigo endereço do blogspot. Quando você clica num link desses, ao invés de ser levado diretamente à pagina linkada, você passa por uma página de redirecionamento do Blogger, com uma mensagem sobre “spam, vírus e blá blá blá” que faz com muita gente desista de continuar.

Isso no Firefox, porque no Internet Explorer o Blogger não está fazendo redirecionamento – dá erro 404 direto.

Então, some tudo isso e analise do ponto de vista de alguém que põe os olhos pela 1º vez no blog. Eu realmente dificultei a tarefa de navegar pelo meu conteúdo, né?

Então, eu criei uma estrutura nova, pensando principalmente na usabilidade. Veja o que eu fiz, e aproveite para se inspirar.

Usabilidade na Home:

1 - Os 3 posts mais recentes em destaque, em vez de 1 só;
2 - 5 posts recentes de 4 categorias;
3 - 4 Seções destacadas. Essas seções são “Páginas Sneeze” – páginas que listam os melhores posts publicados neste blog, relacionados a um mesmo assunto. Essas páginas serão atualizadas mensalmente, e provavelmente criarei outras no futuro.

Através dessas 3 coisas, quem chega na Home tem acesso a mais de 60 posts.

Usabilidade na Sidebar:

1 - Assinatura de feed por email, em lugar visível
2 - Lista de post recentes
3 - Lista de posts destacados (posts que eu gostaria que um visitante lesse ao chegar aqui pela 1º vez)
4 - Botões que linkam para as Páginas Sneeze
5 - Lista de categorias (as quais foram devidamente reformadas, pois eram uma lambança)
6 - Post Surpresa: lista aleatória de posts
7 - Uma 2º sidebar, com espaço disponível para exibir mais coisas relevantes, conforme eu achar necessário.

Através da sidebar, você tem acesso a mais de 70 posts, além das categorias.

Usabilidade nos Posts:

1 - Corrigi os links internos que apontavam para o blogspot
2 - Corrigi as tags de quase todos os posts, melhorando muito o funcionamento dos Posts Relacionados.
3 - Deixei mais espaço para os posts, e troquei a fonte, melhorando o conforto da leitura.
4 - Navegação de “breadcrumb” no topo do post, e links para próximo post/post anterior, no rodapé

Resultado da Reestrutura:

Em 4 dias, a média de page views aumentou quase 15%. Ainda é cedo para saber se esse número vai se manter ou aumentar, mas as perspectivas são excelentes.

Além disso, estou oferecendo um serviço MUITO melhor ao leitor e ao visitante. Com esse novo formato, as pessoas têm acesso à uma grande porção do blog, de forma simples e rápida.

Mesmo assim, ainda quero melhorar outras áreas – os arquivos e as páginas de categoria, por exemplo.

Moral da História:

Que tal dar uma boa olhada no seu blog, com os olhos de um visitante de 1º viagem? Outra opção é pedir uma avaliação para um amigo ou colega que não conheça seu blog. E saiba que você pode levar uma surpresa desagradável.

No entanto, melhorar a usabilidade do blog não só vai facilitar a vida do leitor/visitante, como vai beneficiar seu blog também. Além de aumentar seus page views, uma boa navegação ajudará a convencer o visitante a se tornar leitor fiel.

Experimente!

Mais informação:

50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes – Parte IV – Monetização e Negócios Online

Nospheratt — Mon, 18 Jun 2007 15:54:00 +0000

Nesta série de 50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes no seu Website (Web Usability Tips that Help You Attract and Retain Visitors to Your Website), já vimos:

Parte I – Dicas de Web Design e Usabilidade

Parte II – Dicas de Copywriting (Texto) e Usabilidade

Parte III – Infra-estrutura do Conteúdo e Usabilidade

Esta é a última parte:

Monetização, Negócios Online e Usabilidade.

Websites podem se diferenciar dos demais focando-se nas necessidades dos visitantes e descobrindo como eles acessam ou usam a informação. Diferenciação se trata de ser valioso e útil para os visitantes do seu site.Comento: É difícil, muito difícil oferecer informação que não possa ser facilmente encontrada em mais um milhão de lugares na web. Mas você pode se diferenciar e destacar oferecendo essa mesma informação de forma mais simples, mais completa, mais acessível ou melhor organizada.
Não use pop-ups, como por exemplos anúncios pop-up no conteúdo, ou quadrados e banners pop-up ou pop-in, pois eles geralmente são percebidos como intrusivos e perturbadores.Comento: Como regra geral, pop-up é uma péssima idéia. Por exemplo, os pop-ups com snapshots dos sites linkados, que se popularizaram ultimamente, são UM PORRE e são completamente inúteis. Se o visitante quiser ver um site, ele vai até lá, oras. Além de tudo, eles demoram para carregar (dependendo da sua conexão) e interrompem de forma brusca a leitura. Isso pra não falar nos anúncios pop-up, ou aquelas m*rdas que ficam flutuando sobre o conteúdo e rolam junto com a página. NÃO USE POP-UPS, DE NENHUM TIPO, NUNCA JAMAIS EVER.
Boa usabilidade se traduzirá positivamente em lucro e inclusive produzirá um ROI – Retorno de Investimento – muito alto. Nielsen estima um ROI de ao redor de 1000%.Comento: Não sei exatamente à quê o autor se refere com “Nielsen estima…”, mas com certeza uma boa usabilidade se traduz em retorno positivo, sempre.
Conquistar a confiança dos visitantes é um grande problema que todos os websites têm de enfrentar. É importante afirmar positivamente a credibilidade de um site e seu respeito pelos direitos do usuário.Comento: Mostrar coerência, congruência e seriedade (na forma de tratar seu tópico, não necessariamente no tópico em si) são atitudes fundamentais para conquistar a confiança do leitor. Deixar claro que você respeita o leitor e seus direitos (por exemplo, explicando que você não utilizará os endereços de email para fazer spam) também é importantíssimo.
Políticas corporativas que promovem a usabilidade e o design centrado no usuário deveriam ser essenciais para todos os negócios online.Comento: Eu já cansei de falar, se você quer ganhar dinheiro com seu blog, deve encará-lo como negócio e não como emprego. Não importa se você é uma “empresa de um homem/mulher só”, seu blog é um NEGÓCIO e deve ser encarado como tal.
Tenha uma mensagem de erro (página 404) decente que assegure que você não perderá visitantes ou usuários devido à erros de programação ou mal funcionamento do servidor.Comento: Infelizmente, no Blogger/Blogspot isso não é possível. No entanto, se você usa Wordpress ou outra plataforma self-hosted (com hospedagem própria) você deve criar uma boa página de erro, que leve o visitante à outras páginas de seu blog – ou que lhe permita entrar em contato com você, caso ele assim o deseje. Além disso, a mensagem de erro deve assegurar ao visitante que o erro é temporário, e que o site voltará à funcionar corretamente em pouco tempo.
Quando estiver respondendo aos emails dos visitantes, edite e use Assuntos (subjects) relacionados especificamente à questão. Uma boa linha de Assunto é vital para construir relações mais fortes com os clientes ou usuários do site.Comento: Evite usar “Assuntos” padronizados. Eles dão ao usuário a impressão de que está sendo respondido por um auto-responder automatizado, em lugar de um ser humano. Isso transmite uma sensação de descaso. Quando for responder emails e contatos submetidos através de formulários, deixe claro que há um ser humano do outro lado, genuinamente interessado na questão ou dúvida transmitida.
Use emails de confirmação e mensagens automáticas para fechar o círculo em E-Commerce e outras transações. Diga aos clientes o que eles precisam saber. Isto inspira confiança no cliente quanto às transações online.Comento: Neste caso as respostas automatizadas são uma boa idéia. Por exemplo, após enviar um contato através de um formulário, seu leitor pode receber uma mensagem automatizada que diga “Obrigada por seu contato. Responderei sua dúvida (ou questão) assim que for possível. Geralmente a resposta demora de 24 à 48 horas.” Isso diz ao usuário o quê ele deve esperar, e evita que ele ache que está sendo ignorado.
Para conseguir um alto percentagem de resposta às enquetes, mantenha-as curtas e claras. Assegure-se de que o processo seja rápido e indolor para o usuário, fazendo menos perguntas e usando enquetes diferentes para diferentes tipos de usuários.Comento: Enquetes e pesquisas são ótimas para conhecer e servir melhor seus usuários. No entanto, se o processo de responder à pesquisa for complicado, demorado ou chato, poucas pessoas o completarão. Economize o saco de seu leitor ou visitante, sempre.

Este foi o último post da série 50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes no seu Website. Considere estas dicas como guias, e não como leis que não podem ser infringidas. É possível que algumas delas não se adaptem à realidade particular do seu blog – use o seu bom-senso para determinar quais lhe servem, e como devem ser aplicadas. O ponto mais importante é: seu blog (ou site) deve estar focado nos leitores e visitantes, não no dono do blog. Nunca esqueça de analisar seu blog desde o ponto de vista do usuário.

Mais informação:

50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes – Parte III – Infraestrutura do Conteúdo

Nospheratt — Tue, 12 Jun 2007 17:11:00 +0000

Nesta série de 50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes no seu Website (Web Usability Tips that Help You Attract and Retain Visitors to Your Website), já vimos:

Parte I – Dicas de Web Design e Usabilidade

Parte II – Dicas de Copywriting (Texto) e Usabilidade

Esta é a terceira parte:

Infraestrutura do Conteúdo e Usabilidade

Não tenha uma lista de links na sua sidebar sem acompanhá-los com uma explicação de porquê cada um deles está sendo recomendados por você.Comento: Eu já vi em algum blog por aí uma pequena explicação entre parênteses na sidebar, relacionada aos blogs linkados, e achei deveras útil. Por exemplo, uma coisa assim diria: Blogando por Dinheiro (monetização e Adsense), ou algo pelo estilo. Seria legal que isso se popularizasse – eu mesma vou implantar alguma coisa assim nos meus blogs, assim que possível.
A navegação e a interface do usuário devem ser simples, de forma a permitir ao usuário encontrar o que ele busca, em seu site.Comento: Se o usuário não conseguir encontrar a informação que procura, descobrir rápidamente o que o seu blog tem a oferecer de melhor, ou não puder saber onde está, é provável que ele se sinta frustrado e irritado, e vá embora.
O conteúdo online deve ser curto e incluir o uso de listas com vinhetas e palavras-chave destacadas. escreva pensando na “escaneabilidade” do texto, pois as pessoas costumam escanear, mais do que ler.Comento: Esta lista é um bom exemplo: pontos numerados, com destaque para os trechos mais importantes.
Inclua um foco editorial e dirija seus visitantes à algum material específico, como por exemplo: as últimas notícias (relacionadas com seu post) da Folha ou da CNN, ou os melhores posts relacionados com o assunto.Comento: Oferecer material adicional sobre seu texto, além de facilitar a vida do leitor, lhe dá credibilidade, e mostra que você se deu ao trabalho de investigar os fatos antes de emitir uma opinião sobre eles.
A arquitetura da informação não deve se basear em organogramas, nem usar gráficos pesados e complicados ou jargão técnico.Comento: Quando for organizar seu conteúdo (por exemplo, página, categorias e sub-categorias) pense no usuário. O quê ele está procurando? Quê informação adiconal ele gostaria de encontrar à continuação?
Descubra as razões pelas quais as pessoas visitam seu site e construa seu blog como uma resposta rápida e óbvia à essas necessidades, questões ou razões.Comento: As buscas são cruciais neste ponto. Analise-as com atenção, descubra o que é que as pessoas estão procurando quando chegam ao seu blog, e satisfaça essa necessidade. O resultado pode ser surpreendente. Por exemplo, o Blog Templates nasceu da análise das buscas do Blogando por Dinheiro – eu descobri que muita gente chegava aqui procurando layouts, widgets e hacks para Blogger, e decidí investir nesse nicho.
A navegação local (por exemplo, “Posts Relacionados”) deve receber mais atenção e ser mais importante do que a navegação global (link na sidebar, tabs de navegação). Um sistema de navegação minimalista deveria ser usado para coincidir com o modelo de espaço de informação do usuário.Comento: Isto está relacionado com o ponto número 5. Você deve proporcionar ao usuário formas simples de encontrar exatamente o que lhe interessa, sem ter que revirar todo o site. Além disso, se o visitante terminou de ler seu posts, e você oferece uma lista de posts relacionados, logo abaixo do post, é provável que ele se interesse e continue lendo seu blog. Bingo: você deu um passo adiante rumo à conversão do visitante em leitor.
Não construa websites ou páginas stand-alone (auto-suficientes, que funcionam sozinhas, sem recursos externos). Todo sítio web deve estar conectado com informação relacionada.Comento: Web significa rede. Não economize links externos, com a ilusão de reter os visitates no seu site. Se o seu blog é realmente interessante e útil, o visitante retornará. É ridículo fazer de conta que não existe um mundo de informação fora das paredes do seu site. Em vez disso, escreva um blog valioso: permita que seus visitantes encontrem no seu site um centro de informação útil relacionada ao seu tópico.
Ofereça conteúdo interativo que permitam ao visitante “fazer” ao invés do somente “ler”. Isto inclui enquetes, jogos, quadros de mensagem, fóruns, conteúdo produzido pelo usuário, formulários para feedback, etc. Esse tipo de coisa atrai especialmente aos adolescentes.Comento: Features interativas são um excelente meio de criar comunidade e identificação com seus leitores. Só tome cuidado para não carregar demais o blog.
Não use arquivos PDF pois eles interrompem o fluxo de leitura e atenção do leitor. Somente use arquivos PDF para distribuir manuais e documentos grandes, ou reserve-os para impressão.Comento: A maioria das pessoas não gosta de ler PDF, é incômodo. Realmente, sua utilização só se justifica em casos muito específicos.
Otimize os Títulos de suas páginas/posts usando títulos diferentes para cada página/post. Títulos de página são usados em barras de tarefas e quando o ussuário guarda a página nos Favoritos. Não comece com palavras como “Porque” ou “Os” a menos que você queira ser guardado em ordem alfabética na letra P ou O.Comento: Estamos falando do título que aparece na barra azul que fica na parte superior do navegador, e o texto que aparece nos favoritos. Escolha bem seus títulos se você quer se destacar.
Informe aonde os links levarão o ususário quando utilizar links de navegação do texto ou links de email-to. Por exemplo, adicione uma frase curta como “Ao clicar nestes links a página rolará automáticamene até o conteúdo desejado.Comento: Nunca assuma que o leitor sabe as mesmas coisas que você. Muitos não sabem, muitos acabam de descobrir a Internet e não sabem nem sequer como fazer um link. Explique, explique, explique.
Use navegação “por migalhas de pão” (breadcrumb navigation). Esse tipo de navegação oferece acesso através de um click aos níveis mais altos do site, consome muito pouco espaço e mostra ao visitante onde ele está.Comento: BreadCrumb Navigation é aquele tipo de links que diz:
“Você está aqui: Página principal->Monetização->Adsense
Ela facilita ao usuário voltar atrás, saber onde esteve, onde está e onde pode ir à continuação.
Biografias de Autor deveria ser incluidas em blogs. Os leitores querem saber quem estão lendo, e as biografias de autor são uma forma simples de conquistar confiança.Comento: O famoso “About”. Junto com o formulário de contato, é um dos elementos mais desatendidos (e necessários) de um blog.
Destaque os posts populares. Integre-os no seu sitema de navegação ou linke seus post anteriores em posts mais recentes. Isto é importante porque você necessita oferecer ao visitante uma base (background) útil sobre o tópico em questão, ou sobre sua opinião.Comento: Isto mostra que tanto você sabe sobre o assunto, e qual é sua opinião sobre ele. Seus melhores posts em destaque também são outra forma de seduzir o visitante para que ele leia mais textos no blog, e de mostrar imediatamente ao recém-chegado os post mais relevantes.
Mantenha seu conteúdo enfocado. Quanto mais enfocado seu conteúdo for, mais leais seus leitores se tornarão. Construir um site especializado permite que você seja uma autoridade no seu nicho.Comento: Isto é especialmente relevante para conseguir tráfego, leitores fiéis, incoming links e GRANA. É difícil ser relevante entre os blogs de entretenimento e variedades, por exemplo; existem milhões deles. É muito mais fácil se destacar se você tiver um foco específico, e se ater a ele; por exemplo, não existem muitos blogs sobre Heroes, né? Mas quanta gente leeria, visitaria, assinaria o feed de um blog assim? Muita gente, e esse blog (o primeiro que surgir)com certeza se tornaria uma referência no assunto.
Ofereça informação de seguimento no mesmo lugar da informação ou transação original. Por exemplo, se você tem um post pilar, muito linkado, sobre plataformas de social bookmarking, você deveria retornar ao artigo regularmente para atualizá-lo com links e artigos novos sobre o mesmo assunto.Comento: Posts pilares são os posts mais importantes do blog, aqueles que lhe dão mais relevância e autoridade. No meu caso, por exemplo, as séries “Aprenda a Usar o Adsense” e “100 Dicas para o Adsense” são pilares do Blogando por Dinheiro.

No próximo post da série, dicas sobre Monetização, Negócios Online e Usabilidade.

Mais informação:

50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes – Parte II – Texto

Nospheratt — Wed, 30 May 2007 16:27:00 +0000

Nesta série de 50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes no seu Website (Web Usability Tips that Help You Attract and Retain Visitors to Your Website), já vimos:

Parte I – Dicas de Web Design e Usabilidade

Esta é a segunda parte:

Dicas de Copywriting (Texto) e Usabilidade

Grandes Quantidades de texto em uma página não funcionam bem porque isso dificulta ao usuário extrair informação útil. “Quanto mais você diz, mais as pessoas ignoram sua mensagem.”Comento: É fato que a comunicação escrita na Internet deve ser mais breve e dinâmica. O objetivo deve ser transmitir sua mensagem no menor número possível de palavras, sem perder clareza. Esse é um ítem no qual costumo falhar estrondosamente – eu gosto demais de escrever, e tenho muita dificuldade para ser sucinta e ir direto ao ponto.
Um Bom Estilo de Texto deveria ir direto ao ponto (nhé), não ser dominado por jargão técnico ou de nicho, nem marketês ou estilo de texto de vendas.Comento: A utilização excessiva de gírias ou jargão podem transformar seu site num gueto. Para abranger o maior número possível de leitores, escreva com clareza e simplicidade. Usar palavras difíceis não faz com que você pareça inteligente, faz de você um chato.
Escreva de forma que as pessoas com menor nível de educação possam entender e apreciar seu conteúdo. Sites dirigidos à um público amplo devem priorizar os usuários de menor nível de instrução.Comento: Isso não quer dizer escrever para analfabetos. Mas você deve lembrar que nem todo mundo leu os clássicos da literatura grega, ou tem a mesma experiência com a Internet que você.
Exponha a informação mais importante nos dois primeiros parágrafos, pois a maioria dos usuários vai ler esses dois parágrafos e escanear o resto do texto.Comento: Essa é uma tarefa difícil e importante. Outro ponto onde costumo falhar.
Divida seu conteúdo em subtítulos e use listas com vinhetas. Também destaque palavras-chave ou frases importantes usando negrita.Comento: É importante que o texto seja escaneável, e o leitor possa encontrar rápidamente os pontos importantes. Principalmente se o texto for longo.
Use Títulos Breves com palavras que forneçam bastante informação. As pessoas escaneiam títulos e trechos de conteúdo mais rápidamente nos leitores de feed do que newsletters enviadas por email.Comento: O título deve explicar claramente de quê se trata o conteúdo, e deve impelir o leitor à ler o texto. O título é o que pode fazer com que seu post se destaque em meio à um porrilhão de feeds.
Não use fontes minúsculas ou texto pequeno pois isso não servirá para uma grande parte de seu público (adolescentes e pessoas de mais de 40 anos).Comento: Porquê as pessoas usam fontes tão pequenas que são quase impossíveis de ler é algo que vai além da minha compreensão. É como colocar pregos nos pneus do carro – impossibilita que a função primordial (texto: ser lido – carro: transportar pessoas) seja cumprida. Lembre-se também de que a cor da fonte pode dificultar a leitura, dependendo do fundo do seu site.
O Subtítulo ou tagline de um site deve explicar o quê a empresa faz e o quê a torna única entre os competidores. Sua tagline deveria comunicar o propósito de seu site nos primeiros e cruciais 10 segundos.Comento: Essa tagline ou subtítulo é o famoso Slogan do qual estive falando ontem. É um elemento importantíssimo na primeira impressão que seu blog causa no visitante; o slogan/tagline pode ser a diferença entre o visitante decidir entrar no blog e descobrir mais sobre seu conteúdo, ou fechar a janela e não voltar mais.
Use palavras velhas e conhecidas quando estiver escrevendo para ser encontrado pelos mortores de busca. Acompanhe palavras únicas ou frases inventadas com palavras conhecidas e familiares, pois estas últimas são mais usadas pelos visitantes e clientes.Comento: Contribua com a cultura de seus visitantes. Explique de quê se tratam os coneceitos novos, ofereça links aos significados de palavras incomuns, traduza frases em outros idiomas.
O Título deve fazer sentido quando está separado do resto do conteúdo. Isto é importante pois os títulos frequentemente são usados em istas de artigos ou programas de email, o que os coloca fora de contexto.Comento: Títulos engenhosos ou engraçados podem ser usados, mas devem receber cuidado extra, de forma que atraiam o visitante mesmo estando fora de contexto. Se a informação não é clara, deve despertar muita curiosidade e interesse.
Faça com que a primeira palavra do título carregue muita informação, o que ajudará com o escaneio. Exemplos para serem usados incluem o nome do conceito ou da empresa que esteja sendo dicutida.Comento: Outro exemplo, este post Personalize seu Blogger – Blogspot: Widget Customizável para Posts Recentes informa, já na primeira palavra, qual é a intenção principal do texto: personalizar seu blog.
Não comece os títulos de suas páginas com a mesma palavra o tempo todo – isso dificultará o escaneio de uma lista (nos arquivos do blog, por exemplo). Mova os termos comuns para o final da frase e coloque-os entre colchetes.Comento: Não gosto da idéia dos colchetes, mas a questão da lista faz sentido. O post citado no item anterior é um exemplo; ja que tenho vários post sobre personalização, seria melhor Widget Customizável para Posts Recentes – Personalize Seu Blogger/Blogspot, ou algo assim.
Mostre os números como numerais. Numerais captarão melhor a atenção do usuário porque os numerais representam fatos. “De acordo com os dados sobre eyetracking (algo como “seguimento de olhar” – análise dos movimentos oculares durante a leitura) é melhor usar “23″ do que “vinte e três” para atrair o olho do usuário, quando ele escaneiam páginas Web procurando por fatos”.Comento: Lembre-se sempre: o usuário quer encontrar informação de forma fácil e rápida. Quanto mais você dificultar a consecução desse desejo, mais leitores e visitantes perderá.
Links nos Blogs devem dizer aonde vão. Esta informação pode constar no texto do link (anchor text) ou nas palavras próximas. “A vida é muito curta para clicar num desconhecido. Diga às pessoas onde eles estão indo e o quê eles encontrarão do outro lado do link.”Comento: Se você não quiser usar o título do post ou página que está linkando, explique com outras palavras de quê se trata. “Clique aqui” é um link mal feito; “Clique aqui para saber o que é um Problogger” ou “O que é um Problogger?” são links claros e bem feitos.

No próximo post da série, dicas para melhorar a Usabilidade da Infraestrutura do Conteúdo.

Mais informação:

50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes – Parte I – Design

Nospheratt — Mon, 28 May 2007 23:25:00 +0000

O blog Dosh Dosh (em inglês) é bastante novo, mas o autor já mostrou que sabe sobre o que está falando: monetização. recentemente ele escreveu um post excelente: 50 Web Usability Tips that Help You Attract and Retain Visitors to Your Website (50 Dicas de Usabilidade que Ajudam a Atrair e Reter Visitantes no seu Website).

O Janio me deu a dica; eu pedi licença para o Maki (o autor do Dosh Dosh) para traduzir o post. Ele me deu permissão – Thanks, Maki! – e por isso estou traduzindo o post. Como o texto é longo, e está dividido em 5 partes, vou publicar a tradução em 5 posts mais curtos – o que com certeza facilitará a leitura.

Enão vamos lá, começando a primeira parte:

Dicas de Web Design e Usabilidade

Tempo de Resposta ou Carregamento de um website é bastante importante. Se o seu site é lento, é provável que os visitantes vão embora; a lentidão também dificulta ao visitante o aprendizado do conceitos novos ou extranhos para ele.Comento: Site ou blog que leva horas para carregar é um porre para qualquer um. Pra quem usa conexão discada, então, nem se fala. se seu blog leva mais do que alguns segundos para carregar, pode dar “adiós” para uma boa parte de seus visitantes.
Remova o link para a’home‘ na sua homepage pois ele pode causar confusão. O usuário pode ficar em dúvida quanto a se está na Home ou não.Comento: Este ponto é bastante discutível; se seu blog está bem construído, um simples link não deveria causar confusão. No entanto, leve em conta o nível de seus usuários; nem todo mundo está familiarizado com os conceitos da web.
Siga as convenções do web design (“azul para links – hypertexto“) Isto permite que o visitante ponha seu foco no conteúdo, em vez de usar sua energia mental para aprender a usar seu site.Comento: Esse ponto também pode ser discutível para quem usa Adsense, pois o azul nem sempre funciona bem com seu esquema de cores; apesar disso, você deve experimentar com os links azuis e ver se eles funcionam no seu blog.
Designs em flash que não atendem às necessidades dos usuários não são recomendáveis pois enfraquecem a usabilidade.Comento: Um erro comúm dos webmasters e designers é criar páginas e sites pesadíssimos em flash, cheios de fru-frus e efeitos que não servem para nada, e que não funcionam em qualquer navegador ou sistema. Grande erro.
Splash screens (páginas de abertura) não são úteis pois dão a primeira impressão de que o site está mais preocupado com sua própria imagem do que com os problemas do usuário. Os websites devem comunicar respeito pelo tempo do usuário.Comento: Quantas vezes você clica em “Pular Introdução” ou “Skip Intro”? Sempre? Ninguém está interessado em introduções e apresentações fru-fru. O visitante quer conteúdo, já.
Testes de Usabilidade do Site podem ser feitas fácilmente, pedindo aos usuários que interatuem com seud esign enquanto pensam em voz alta. Grave os comentários e filtre-os para melhorar a qualidade do seu site.Comento: Se você não puder fazer isso ao vivo, talvez possa pedir aos seus leitores que lhe mandem feedback por email.
Simplicidade é a Regra #1 para a Usabilidade. Quanto menos features (recursos) houverem no design, menos competição haverá pela atenção do usuário.Comento: Isso não significa não oferecer recursos úteis ao seu leitor/visitante. Significa não sobrecarregar o site com futilidades e inutilidades bonitinhas, ou seja… FRU-FRUS!
Procure se apoiar principalmente na Tipografia (texto) em vez de em designs carregados e muitos gráficos. A meta é conseguir um visual bom, sem demorar o tempo de carregamento. Os sites mais sem graça podem gerar a maior quantidade de usuários e page views.Comento: Embora eu mesma deteste designs sem graça, a maioria dos usuários prefere um site rápido e simples – Google – do que um mais bonito e cheio de gráficos – Yahoo. O Google é muito mais “usável”. Nhé.
Sirva os usuários mais experientes fazendo com que seu site seja mais legível e clicável. Use texto longo para os links de hypertexto e minimize o uso de menus drop-down e outros elementos móveis na sua interface.Comento: Os links devem ser claros e dizer aonde vão. “Clique aqui” ou “Aqui” são links péssimamente feitos. Novamente, não encha sua página de besteiras inúteis que pesam no carregamento.
Mude a cor dos Links Visitados. Isso permite ao usuário decidir aonde irá à continuação, dentro do seu site. Links que não mudam de cor causam desorientação e confusão no visitante.Comento: É certo que seu visitante irá embora, quando descobrir que entrou pela terceira vez, sem querer, na mesma página. É vital que a navegação do site seja clara.

No próximo post da série, dicas para melhorar a Usabilidade do seu texto.