Como melhorar o Meio Bit

Conforme dito anteriormente, 2007 no Fator W (e no Brasil) começa hoje, na quinta-feira de cinzas. Uma nova versão do blog está por vir, e além do layout, pretendo melhorar a integração com o restante da chamada Blogosfera brasileira.

Uma boa oportunidade para isso foi dada pelo Meio Bit, que pediu ao público para que fizesse uma análise de como melhorar o site deles. Vamos aos meus dois centavos, então.

Enxugando os excessos

Alguém sabe explicar o motivo de nos campos de usuário e senha do Meio Bit haver um asterisco vermelho? Seria para indicar que são campos obrigatórios? Mas… isso não é tão óbvio em um formulário de login com apenas dois campos? E onde está o rodapé explicando o que são aqueles asteriscos? E o que eles fazem em todos os campos da página de contato? Removê-los não faria mal.

A URL abaixo da logo, não é também desnecessária? E o nome “Busca” ao lado de uma caixa vazia com um botão “Procurar” ao lado? Não seria melhor apenas a famosa “The Box” citada no Information Architecture for the World Wide Web, com apenas o campo e o botão Buscar ao lado?

Detalhes como esses podem parecer pequenos, porém em uma interface com tanta informação, como é a do Meio Bit, enxugar os excessos pode ajudar um pouco a limpar a vista e melhorar a experiência do usuário no site. Quanto menos informação desnecessária, melhor.

Utilização de padrões

Existem alguns padrões com os quais a maioria dos usuários já está acostumada. Aproveitar-se desse fato ajuda a diminuir a curva de aprendizado de novos visitantes do site ao mesmo tempo em que facilita a vida de quem já o utiliza.

O campo de busca, por exemplo, tradicionalmente é colocado no canto superior direito da maioria dos sites. Como esse é o segundo instrumento de navegação mais usado (segundo Jakob Nielsen em Projetando Websites), posicionar a busca no lugar onde os usuários esperam encontrá-la pode ser uma mudança interessante.

O Login

Com a busca subindo para o lugar padrão, o campo de login, senha e os links de criar usuário e lembrar a senha poderiam ficar todos alinhados horizontalmente em uma barra abaixo do menu de navegação global. Quando o usuário fizesse o login, os campos dariam lugar a uma saudação com links do próprio usuário logado.

No começo, quando eu logava no Meio Bit achava que nada acontecia. No lugar onde havia o campo de login e senha não aparecia mais nada e eu demorei a ver que no menu lateral direito apareciam as informações com meu nome e links para alterar dados, criar conteúdo, postar tópico de fórum etc. Eu achava inclusive que nunca conseguia “deslogar” do Meio Bit.

Minha sugestão de colocar o login horizontalmente abaixo do menu global resolveria este problema, pois as opções de links para usuário logado apareceriam exatamente no lugar onde antes estavam os campos de login.

Um outro ponto que acho bastante falho no login é que o usuário não é claramente informativo sobre os motivos de criar uma conta. Para que eu preciso me registrar? Quando se acessa a página de cadastro de usuários há somente o formulário de inscrição, porém não há nenhum texto explicando o que um usuário registrado pode fazer que um usuário comum não pode.

Por fim, mas não menos importante, o nome de usuário é relativamente complicado, também por fugir dos padrões tradicionais. No meu caso, o nome de usuário é “Walmar Andrade” e não “walmarandrade” como na maioria dos sites. Já sofri com isso em outros sistemas e chego à conclusão que o ideal é usar sempre o e-mail como login, pois fica mais difícil ter que pensar muito para saber o que digitar.

Atenção aos detalhes de escrita

Existem alguns detalhes de escrita que passam desapercebidos no Meio Bit. Por exemplo, no menu de navegação global temos o link “Forum”, quando na verdade o correto seria “Fórum”, com acento agudo na letra O. Logo abaixo nos feeds está ainda pior, pois além da falta do acento o plural está errado (está grafado forums em vez de fóruns).

Nas categorias temos problemas semelhantes. A princípio pensei que “Anuncios”, “Audios”, “Videos” estavam todos sem acentos por serem tags ou algo do tipo, mas na mesma lista encontramos grafias como “Comunicação”, com cedilha e til. Acredito que falta padrão, assim como falta padrão em rotular uma categoria como “Propaganda & Marketing” e outra como “Wireless e Redes”. Afinal, o padrão é o “&” ou o “e” para categorias com mais de um nome?

Já no link dos feeds dos artigos, faltam parêntesis ou algum outro caracter delimitador. Concordam que “Feeds dos artigos (1101 assinantes)” fica melhor de ler do que “Feeds dos artigos 1101 assinantes”? E que tal seguir a norma da língua portuguesa e colocar os sinais de pontuação sem espaço ao final da palavra? (Reparem como ficam estranhos rótulos como “Assina !” e “Esqueceu a senha ?”).

São detalhes? Sim, mas não é neles que reside o diferencial de um produto? Errar o português em um post não é bom, mas é aceitável. Em itens de menu global, presente em todas as páginas, é uma falha grave.

Oferecimento dos feeds

Embora tenha havido toda aquela campanha para que os sites e blogs passassem a oferecer os feeds completos, há quem prefira os feeds resumidos. E mais: há casos em que os feeds resumidos são essenciais. Dessa forma, falta ao Meio Bit oferecer também um feed resumido dos posts, para satisfazer a todos os usuários.

Nos feeds por e-mail, caía bem que o botão alinhasse ao lado da caixa de inserção do e-mail. Na minha opinião, o rótulo Cadastrar saíria melhor do que “Assina !”.

Além disso, a informação ficaria mais clara se a legenda fosse “Receba as notícias do Meio Bit por e-mail” e dentro do input houvesse já escrito algo como “Seu e-mail”.

Abaixo, poderia haver um link de “Política de privacidade” para explicar o que a equipe do Meio Bit se compromete a fazer (e principalmente a não fazer) com os e-mails cadastrados.

Um último detalhe é que nos titles dos links dos feeds não fica muito clara qual é a segunda opção. Experimente clicar no ícone de feeds na barra de endereço do Firefox com o Meio Bit aberto e você verá que aparecem duas opções “Inscrever Todos os comentarios” (mais uma vez sem acento) e “Inscrever RSS”. No head dos documentos é possível melhorar esses titles.

Padronização de endereços

As categorias do Meio Bit aparentemente ficam todas em uma URL do tipo meiobit.com/categoria/nome_da_categoria

Um dos assuntos que tenho tido grande interesse atualmente é sobre Produtividade Pessoal. Já sabendo como são as URLs do Meio Bit, digitei diretamente na barra de endereços “meiobit.com/categoria/produtividade”. O resultado? Página não encontrada.

Ocorre que o Meio Bit tem sim uma categoria sobre produtividade. Só que, por algum motivo, ela (e outras tantas) fogem do padrão. O endereço correto seria “meiobit.com/produtividade”. No caso, para evitar problemas como esse o certo seria ter e seguir um padrão para a formação dos endereços.

Ainda sobre padrões, reparem que algumas divisões do menu vertical da esquerda possuem dois pontos ao final do título e outras não.

Comentários recentes

Voltando ao tópico “cortando os excessos”, alguém crê que aquele início de comentário na parte “Comentários recentes” do menu vertical da esquerda ajuda em alguma coisa com apenas quatro ou cinco palavras iniciais dos comentários?

Esse recurso é interessante, mas há que se ter mais espaço para o usuário começar a ler o comentário de forma que pelo menos tenha uma idéia do que vai ser falado. O ideal seria usá-lo se houvesse um espaço maior, como em um underground, por exemplo. Da maneira que está, na minha opinião, é só mais informação poluindo a vista do usuário.

Link escondido

Alguém encontra aquele link “Mais” na divisão “Novos tópicos de fórum” do menu vertical esquerdo? Qual o motivo de ele estar alinhado à direita? E onde foram parar as margens?

Páginas em construção

Se uma página está em construção, como a “Sobre”, vale a pena deixá-la no menu de navegação global, fazendo o usuário perder o tempo de clicar para descobrir que ali não tem nada? E, aliás, porque uma página institucional estaria em construção?

Também acho que é a primeira vez que vejo Página em construção com notícias relacionadas, possibilidade de colocar no delicious e no Rec6. Alguém realmente faz bookmark de páginas em construção?

Anúncios na página de Anuncie

Ok, o Google AdSense e o Buscapé são ótimos para rentabilizar o site. Mas, na página de “Anuncie”, destinada a captar anunciantes exclusivos, não dava para retirar os links patrocinados e deixar o texto mais claro e menos poluído, atraindo de forma mais persuasiva o possível anunciante?

Links para os autores

Cada post no Meio Bit vem com o autor identificado. Aparece cardoso, leo, marcellus, luizdu… são tantos que seria interessante que o nome do autor em cada post fosse um link para uma página com um perfil resumido do autor. Ajudaria também se ali aparecesse o nome do autor (Carlos Cardoso, em vez de cardoso, por exemplo).

Você deve estar pensando: “Ah, mas esses links aparecem”. É, aparecem. Mas só para os usuários logados e não há muito conteúdo na página dos autores.

Padronização de link e título de página

Quando o usuário clica no item “Arquivo” dentro do menu de navegação global, acredito que ele espera cair numa página chamada “Arquivo” e não em uma intitulada “recent posts”.

Links visitados sem diferenciação

Os links já visitados dentro de posts deveriam possuir alguma diferenciação visual, para o usuário saber logo se já clicou ou não naquele link que está sendo apontado.

Design defensivo

Tentei acessar, sem estar logado, o item “Envie uma matéria para publicação”. A resposta? “Você não está autorizado a acessar esta página”. Ora, mas então porque me forneceram o link? E porque eu não estou autorizado?

O Meio Bit peca bastante em não oferecer respostas para perguntas como essas. Tudo bem eu não estar autorizado, mas me diga o motivo e como eu posso fazer para ter esse acesso, se é que isso é possível. Precisa estar logado? Então que se explique isso no texto.

Enviando matérias

Depois de logar e finalmente estar autorizado a enviar matérias, verifiquei que o formulário de envio de matérias não é muito claro. Mais uma vez estão lá os malditos asteriscos vermelhos em todos os campos e mais uma vez estão lá rótulos pouco claros, como “Corpo” e “Enviar trackbacks”. Para piorar, algumas legendas estão em inglês.

O guia de “Como publicar seu artigo no Meiobit” está bem completo (embora o nome do site esteja grafado como Meiobit em vez de Meio Bit, que parece ser o oficial). Um ponto a melhorar seria tirar o justificado do texto e quebrar os parágrafos em tamanhos menores, adicionando intertítulos.

Outro ponto diz respeito novamente ao AdSense. Será que faz sentido os links patrocinados aparecerem em um formulário de envio de matérias?

Atualização

Tudo bem que o ano começa depois do Carnaval, mas o Copyright já devia ser 2007 em vez de 2006, não? E eles acreditam mesmo em Copyright?

Breadcrumb trails

As migalhas de pão por vezes apresentam incongruências com a localização onde realmente o usuário está, perdendo o sentido do uso do recurso.

Por exemplo, estando logado, experimente ir em “Minha conta” e depois “Editar”. O breadcrumb aponta que você está em “Principal > Cadastro de usuário”, quando na verdade eu já me cadastrei há meses.

Além disso, é melhor usar o símbolo de “maior que” do que as setas duplas, pois dá um melhor sentido de hierarquia. Deixar mais claro que as migalhas são links (usando um sublinhado, por exemplo), também facilitaria a vida do usuário.

Otimização para mecanismos de busca

Embora um PageRank 5 seja respeitável, o Meio Bit poderia utilizar melhor algumas técnicas saudáveis de SEO para aparecer melhor nos engenhos de busca.

O código poderia ser mais otimizado, utilizando microformatos para o nome do site e liberando a tag h1 para o título do post. As meta tags poderiam ser mais bem exploradas, principalmente a de palavras-chaves, cujo conteúdo deveria ser dinâmico para sempre bater com palavras escritas na página que o usuário está acessando.

Apresentação visual

Particularmente gosto bastante do trabalho do Henrique Costa Pereira. Acho o Revolução um dos blogs mais bem resolvidos visualmente da tal Blogosfera brasileira, mas no caso do Meio Bit acho o visual muito confuso.

O principal problema, no meu ponto de vista, é o excesso de informações amontoadas. Há texto e link por tudo o que é lado, de forma desorganizada, com pouca área de respiro e sem um padrão de cores que os diferencie.

Outro ponto que causa desconforto é a falta de cuidado com os acabamentos. Por exemplo, a seção de conteúdo é branca com uma curva no canto superior esquerdo. Apesar disso, o menu lateral começa acima dessa curva, fazendo a barra azul clara que divide as seções parecer deslocada.

Há muito o que se ajustar para chegar a um visual mais limpo. Podia se começar procurando melhorar o alinhamento, a proximidade de itens semelhantes, a repetição de padrões e o contraste de cores.

Conteúdo

Sobre o conteúdo, há pouco o que criticar. O site é atualizado constantemente, não sai do foco e traz notícias bem escritas, porém sem perder a informalidade dos veículos de fora da grande mídia.

A única sugestão em relação a conteúdo seria fazer com que o site procurasse sempre agregar opinião dos autores quando fosse replicar notícias de fontes internacionais. Assim criaria-se um conteúdo mais original e, por conseguinte, mais interessante.

Conclusão

Acabei escrevendo mais do que o normal. Tenho essas críticas todas bem quentes na cabeça por ter feito recentemente uma revisão no Fator W para a nova versão que pretendo lançar em breve. Muitos dos erros que apontei no Meio Bit podem ser encontrados aqui no blog também, porém como já estão todos identificados devem ser eliminados na próxima versão do Fator W. Vamos em frente nós e o Meio Bit.