Estamos trabalhando em um projeto para reformular a interface de um site de leilões online. Durante a pesquisa que realizei em outros portais concorrentes descobri que nenhum, simplesmente nenhum apresentava uma interface dinâmica em padrões web 2.0.

Mas o meu ponto específico aqui é saber o que você prefere em um site. Botões e letras grandes ou botões e letras minúsculas?

Estou com a idéia desse artigo a algum tempo, mas quando li um post do usabilidoido falando sobre o assunto, ai decidi preparar essa pequena análise.

Um pesquisador chamado Paul Fitts fez uma descoberta óbvia nos anos 50: “A dificuldade para atingir um alvo é uma função da distância do alvo e de seu tamanho”. Por isso, quanto maior o alvo e mais perto da origem do movimento, mais fácil é de acertar.

Bem óbvio e interessante não acha? Mas vamos ver se isso acontece na prática.

Sites de leilão online

EXEMPLO 01.

Qual é o alvo do usuário nesse site? No mínimo me cadastrar ou me logar pra poder participar dos leilões não acha? Mas repare que o site não me “incentiva” a fazer isso. Olha o tamanho do campo de login e senha. Poderia ser bem maior
ac.jpg

Imagem maior

EXEMPLO 02.

O campo de busca é muito pequeno, deixando a navegação muito falha para um usuário leigo.

central.jpg

Imagem maior

EXEMPLO 03.

Mesma coisa do exemplo de cima. Quero participar, mas porque preciso digitar meu login em um campo tão pequeno sendo que eles podem facilitar minha vida com campos maiores?

casa.jpg

Imagem maior

Sites de tecnologia e informação

EXEMPLO 01. Locaweb

Nossa atual hospedagem, olha o campo do painel de controle e webmail no canto do site. Nós até enviamos um email propondo uma mudança nesse área do site. Quando se está digitando um email por exemplo, você não consegue ver se tem algum erro pois o campo é muito estreito e pequeno.

locaweb.jpg

Imagem maior

EXEMPLO 02. UOL

Apesar de ser um site de peso, ainda acho que eles deveriam se adequar aos novos conceitos em algumas áreas do site. O campo de preenchimento do email ainda é pequeno e chato de mexer.

uol.jpg

Imagem maior

EXEMPLO 03. Globo.com

Não gosto da empresa, mas o site deles eu admiro. Se encaixaram perfeitamente nos padrões que eu considero adequados. Campos de busca e login grandes, fontes maiores que as convencionais e sem firulas.

globo.jpg

Imagem maior

EXEMPLO 04. Spesa

Gosto muito desse site. Eu recomendo. A proposta dele é apresentar uma solução para quem quer fazer controle finaceiro de maneira bem simples e divertida (dependendo da situação financeira é lógico). hehehe

Repare nos botões “entre” e “cadastre-se”, muito melhor de visualizar.

spesa.jpg

Imagem Maior

Agora dá uma olhada na área de login do site. Campos enormes e visíveis. Exelente!

spesalogin.jpg

Imagem maiorVisite o site

Fica essa pequena análise pra você pensar e me dar um feedback aqui no blog.

Até a próxima!


Leave a Comment