Rafael Marin

Estes são alguns pontos que considero importantes, em relação à usabilidade das páginas iniciais. Alguns pontos foram extraídos do Homepage Usability: 50 websites deconstructed, livro interessantíssimo de Jakob Nielsen e Marie Tahir sobre a usabilidade das páginas iniciais.

Sua página inicial é o ponto de partida para todo o site

Nunca tire isso da mente. As páginas iniciais devem prover informações claras sobre o que é o site, o que o usuário encontrará no site e amostras de conteúdos importantes. As páginas testadas no livro de Nielsen possuem, em média, 770 pixels de largura e até três telas de comprimento (em resolução 1024X768). Tome cuidado para não desperdiçar espaço na sua página inicial com conteúdo ambíguo.

Se seu site possui busca, coloque-a na página inicial

Usuários começam a navegar em seu site ou através de links, ou através da busca. Sobre a sua busca funcionar corretamente ou não, fica para um próximo artigo, mas ela deve sim estar presente na página inicial, pelo fato de ser um dos grandes pontos de partida para a navegação. Segundo as estatísticas das análises de Nielsen, o lugar mais apropriado para colocar sua caixa de busca é no canto superior direito. Sua caixa deve ter, no mínimo, 27 caracteres de extensão, para permitir que os usuários consigam rever o que digitaram, e o botão mais apropriado deve ter a palavra “Buscar”.

Comunique a proposta de seu site

Seja claro sobre o que sua empresa faz e para que serve o seu site, logo de cara. Para tal use algum texto introdutório curto e sem “marketês”. Além disso, aposte em uma tagline clara e objetiva, que seja curta mas que explique exatamente a proposta do seu site.

Não ofereça formulários de registro sem dar vantagens

É interessante e importante que seu usuário registre-se no seu site. Informações de registro, como um link, devem estar disponíveis logo na página inicial. Contudo, é importante citar vantagens de ser um usuário registrado naquele momento, e não apenas um link do tipo “Clique para Registrar”. Ofereça conteúdo mais atrativo, como  “Registre-se agora e ganhe descontos nos produtos”, que explicita realmente alguma vantagem em efetuar um cadastro.

Sobre as boas-vindas

Dar as boas vindas aos usuários se mostrou não tão efetivo, a menos que acompanhado do nome da pessoa. Dizer “Seja bem vindo”, apenas, não traz vantagem alguma para a simpatização do usuário com seu site. Se ele for registrado e estiver logado, aí sim vale utilizar uma mensagem customizada como “Olá Rafael, seja bem vindo”.

Atenção aos gráficos animados

Os usuários, ao longo dos anos, desenvolveram um instinto inigualável para evitar anúncios. Eles têm associado os banners à propaganda e hoje muitos possuem uma certa “cegueira” aos anúncios. O problema então é que se você tiver algo em sua página que lembre um banner, há grandes chances de que esta seção seja descartada pelo usuário. Preste atenção, então, ao uso de gráficos animados e mesmo gráficos coloridos e chamativos demais, principalmente quando estiverem em formato de anúncio. Eles podem ser totalmente ignorados pelo visitante.

Estas são algumas conclusões que eu tirei da leitura do livro de Jakob e Marie. São muitas as análises feitas durante o livro, todas muito bem justificadas. Vale ressaltar que trata-se de um livro de 2002, e mesmo que algumas falhas na usabilidade permaneçam, como a Web está mudando e o usuário está mudando, precisamos ter certo discernimento que nem tudo que Nielsen disse há 6 anos é válido hoje.

Além disso, Jakob Nielsen é radical em sua opinião sobre usabilidade. Fica com você avaliar o que mudou, o que não mudou, e quanto radicalismo você pretende impor à sua criação. De qualquer maneira, todos os livros que li de Nielsen até então são muito esclarecedores e abriram a minha mente para o lado crítico que precisamos ter.

Para muita gente, usabilidade só serve para deixar os sites quadrados e estáticos. Não é bem assim. Por incrível que pareça, é possível ter certa liberdade no design aplicando as diretrizes já documentadas. O livro Usabilidade na Web: Projetando com websites com qualidade é um marco - pelo menos pra mim - na história da Web, pois além de tudo mostra que conseguimos layouts bonitos e atraentes.

O foco do livro é, basicamente, para empresas que querem fazer negócios através do site, e para os responsáveis pelo projeto desses websites. Comércios eletrônicos, páginas corporativas, enfim. O foco não é o de sites experimentais, miguxos, ou sites que não querem fazer business pela Web.

O que posso dizer é que o livro é bastante exemplificado (com sites reais, de grandes empresas), mostrando os erros mais comuns e os acertos também. Vale a pena comprar, não é tão barato assim (dependendo do conceito de “barato” de cada um). Como um investimento, vale a pena pois agrega muito conhecimento.

Entre as cinco mensagens principais que pude tirar do livro, são elas:

• Encontrabilidade. Se o usuário não encontrar algo facilmente em seu site, ele achará que não existe e sairá do seu site.
• Não quebre o botão Voltar. O segundo recurso mais usado na navegação, depois dos cliques, é o botão Voltar.
• Navegação consistente. O usuário tem direito de saber que ele ainda está no mesmo site.
• Trate bem o conteúdo. Imagens não fazem com que alguem feche um negócio pela Web, mas o conteúdo.
• Adapte os textos para a Web. Usuários gostam de textos legíveis e curtos, que transmitam a mensagem sem enrolação. Chamamos isso de webwriting.

Pontos não tão positivos, mas que devem ser levados em consideração:

• Seu site precisa ser usável? Seu site miguxo não precisa ser usável.
• Tudo depende. Existem contextos e contextos, e às vezes não vale a pena ser tão radical.
• Cada site deve ser analisado de maneira diferente. Pela mesma razão de cima: existem contextos diferentes, e objetivos diferentes para cada site.
• Realidades diferentes. Não construa um website com estatísticas dos Estados Unidos. Cada povo vê as coisas de maneira distinta.

Se quiserem meu conselho, não comecem a fazer Web sem ler um livro de Jakob Nielsen. Seu ponto de vista parece extremista, “quadrado e estático”, mas tudo isso é fruto de pesquisa, e as diretrizes não existem para afrontar os desenvolvedores, mas sim para guiá-los para um projeto que traga retorno efetivo para todos.

Compre o livro na Editora Campus/Elsevier

For many reasons, I decided to write this - just this - post in English. Couldn’t it be better? Not so far. Since it’s been a while that I don’t go to my class, and in order to challenge my so-culturally-polite crowd of readers, here I am to write my impressions in a very common language that, by the way, we all should understand.

The 12nd Web Design meeting was my first experience ever with web-related events. It was so cool, and sort of rewarding, to see so many web workers togheter. I’ve been dealing so naturally with this friendship between far, far away professionals, that I didn’t realize that it could be even better and stronger on our offline lifes.

Also, I’ve been reading many books and articles on usability, interface project and W3C-compliant development that the successful cases showed by the speakers only proved to me that all the bucks I’ve been spending with books are totally worthy. The best part was to meet, face-to-face, the big professionals we have today on Brazil.

Dude, I’ve never thought that brazillian companies could invest so much in usability, neither we have so well-talented usability and IA professionals. Now I have for sure some questions that were still unanswered. I could finally realize that we can’t just follow always the same tough rules and guidelines. Design is there to be flexible, to help people to get things done.

I’m not telling that design is everything on a successful project. But it’s really important and shouldn’t be thrown away only because it doesn’t follow this or that usability guideline. Balance is the secret, I concluded. Usability tests are too. A good website must have a good IA, a well-formed code, an excelent content, a considerable ease to use and, finally, a good design. Those are all the keys you need for your company’s website. This is what I learned.

Congratulations, Arteccom. Congratulations, speakers. Congratulations, sponsors. You’ve made a memorable event on my life and on my career. Thank’s so much. And special thanks to the readers that read this.

Hoje, 8 de novembro, é o dia mundial da usabilidade. O mundo inteiro (inclusive o Rio Grande do Sul) está realizando eventos para discutir e apresentar a tamanha importância das diretrizes de usabilidade na Web e no próprio mundo real a nossa volta.

O que é usabilidade?

Como define a Wikipédia, “Usabilidade é um termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante. A usabilidade pode também se referir aos métodos de mensuração da usabilidade e ao estudo dos princípios por trás da eficiência percebida de um objeto.“.

Trazendo isso para a Web, a usabilidade pode ser definida como a facilidade com que o usuário realiza tarefas, neste caso através de uma interface.

Graças ao trabalho de profissionais como Jakob Nielsen e Steve Krug, hoje temos uma Web muito diferente da de 5 ou 10 anos atrás. Sites às vezes podem parecer monótonos e quadrados, mas é interessante notar que isso não faz tanta diferença quando o foco do usuário é realizar uma tarefa.

O projeto da interface é extremamente importante para o máximo aproveitamento de um website, e seguindo as diretrizes da usabilidade já documentadas, o sucesso é muito mais provável. Sobre tais diretrizes espero começar a falar daqui em diante.

Leia também

• Useit.com - Jakob Niesen - Nielsen é um dos gurus da usabilidade. Em seu site mantém ótimos e abrangentes artigos sobre usabilidade.
• Guilhermo.com - Excelentes artigos sobre Arquitetura da Informação, usabilidade e design centrado no usuário.
• Usabilidoido - Site de Frederick Van Amstel, com usabilidade na veia.