voltar para a home de seisdeagosto.com  




   
 

 

Recuar | Página Principal |

 página principal > casos práticos de avaliação da Usabilidade > yahoo.com

 

Análise do novo design de Yahoo.com

Resumo: a nova versão de Yahoo.com tem um design mais claro e fácil de ler. Aumenta o espaço para os conteúdos com um scroll maior, reduz o número de links, introduz mais espaços em branco e elementos que estruturam a informação. Melhorou o tipo de letra e o design dos icons. O novo design tem uma certa personalização, incluíndo acessos directos às prestações pessoais como o correio electrónico.

Foi feita uma análise entre a versão actual de Yahoo.com e a antiga versão (ainda disponível e actualizada). Recomenda-se ter abertas as versões em novas janelas do navegador para uma melhor ilustração deste artigo.

Apesar das mudanças no design de Yahoo.com são mínimos, estas têm um valor especial porque é fácil supor que têm sido desenhadas após muitos testes de utilizadores e com a colaboração dos melhores especialistas no design web e usabilidade. Estas mudaças podem dar-nos as chaves para onde se dirige o design de sítios web.



Mais scroll

A nova versão de Yahoo.com tem um scroll de 3,6 páginas frente às 2,9 páginas da antiga versão numa resolução de 800x600 (em 1024x768: 2,7 páginas na nova e 2,1 na antiga).

Os utilizadores fazem scroll vertical, o seu comportamento mudou há já algum tempo e não ficam só na parte superior do site. Deve perder-se o medo ao scroll. Já não é necessário criar designs onde toda a informação esteja comprimida na parte superior para não fazer scroll. Amazon.com por exemplo, tem um scroll de mais de 4 páginas (em 1024x768).

Realizar desenhos com scroll vertical permite dispor de mais espaço para conteúdos e hierarquizá-los segundo a sua importância. Os conteúdos principais do site devem ser visíveis sem necessidade de scroll, no entanto os conteúdos que só devem ser vistos pelos utilizadores que os procuram específicamente podem requerir scroll, deste modo não interferem os conteúdos principais e não sobrecargam a área superior da página. Por exemplo, a informação de tarifas ou o contacto podem requerir scroll.

Gestão do espaço

A nova versão gera mais espaço pelo uso do scroll e o maior aproveitamento da largura da janela, o que permite uma melhor utilização do espaço em branco e a introdução de recursos que separam os conteúdos.

Os espaços em branco aumentaram e são mais frequentes entre os diferentes elementos de informação. Estes espaços introduzem uma separação visual que faz com que apareçam como elementos diferenciados um dos outros e rompam a homogeneidade dos antigos blocos de informação.

Também introduziram-se recursos tais como as "pestanas" e fundos de cor na coluna da direita, barras horizontais de cor cinzento claro e quadros maiores.


Todos estes recursos facilitam o "escaneamento" visual da página, a distinção e o destacado de elementos de informação como é referenciado no artigo, "Estética, usabilidade e emoção" a excessiva simetría e armoniosidade prejudica a diferenciação dos conteúdos.

O directório

O directório agora inclui um título explicativo, que não existia na versão antiga.

Nos inícios da Internet aprendia-se rapidamente o conceito de directório porque todos os motores de pesquisa incluíam um na sua página inicial. A sua utilização era imprescindível porque os resultados das pesquisas não eram sempre efectivos (Google ainda não existia). Agora apenas utilizam-se, por isso é necessário explicá-los.

Consoante ao que foi dito anteriormente, algumas versões locais (yahoo.es) têm incluído também o ícon de pasta para provocar um transfer de aprendizagem. Intenta-se que os utilizadores assimilem as categorias do directório de Yahoo.com, às pastas do Windows Explorer que já conhecem.
O seu funcionamento é parecido, ambas as duas contêm mais pastas ou categorias numa ordenação de tipo hierárquico.

Pastas do directório de Yahoo.es

 

Pastas do Windows Explorer

Estas modificações, seguramente forçadas por probas de utilizador, vêm demonstrar que os utilizadores são cada vez menos expertos, precisam de mais aclarações e dificilmente pode dar-se por sabido conceitos que podem parecer à partida simples.

Os ícons superiores

Os ícons de "E-mail" e "Messenger" têm sido deslocados da área superior da esquerda para a direita. "Personalize" e "Shop" têm ocupado o seu lugar. Além disto os ícons têm sido redesenhados.

Antigo design

 

Novo design

 

Devido ao nosso modo de leitura de esquerda para a direita, os ícons alinhados à esquerde são percebidos mais fácilmente. Os ícons de "E-mail" e "Messenger" não necessitam de ser tão visíveis porque os utilizadores que os procuram são utilizadores fieis a este serviço, motivo pelo qual não é necessário utilizar mais recursos para citá-los, pois já têm motivação suficiente para procurá-los.Por outro lado, destacar mais os ícons de "Personalize" e "Shop" era uma boa ideia para animar mais a sua utilização.

Fontes

Introduziram-se mudanças para melhorar a legibilidade, um novo tipo de letra e um aumento do seu tamanho.

O tipo de letra pasou de Times New roman (serif) para Arial (sans-serif) nesta nova versão. Reconhece-se portanto a superioridade das fontes sans serif para a leitura no ecrã.

O tamanho das fontes é maior na nova versão, excepto nas categorias do directório que tinham um tamanho maior e agora passaram a ter um tamanho de letra igual ao resto dos conteúdos.

Número de links

O número de links tem sido reduzido um 9,6% na sua nova versão, 240 links na velha, frente aos 217 nesta nova versão. Na versão em castelhano, o número de vínculo é até menor:195.

O menor número de links permite escanar mais facil e rapidamente a página para localizar a informação procurada.

Personalização

A nova versão de Yahoo.com facilita o acesso directo desde a página inicial às prestações personais como o mail.

O processo não requere registo adicional para os antigos utilizadores do correio de Yahoo, um simples log-in e a área de "Personal Assistan" personaliza-se. É uma personalização centrada no utilizador que não precisa de ser configurada manualmente.

Aos utilizadores que não gostam do penoso trabalho de completar todas as opções de personalização. Além disso é difícil para o próprio utilizador predizer quais é que vão ser os seus temas de interesse. Por esta razão é muito mais efectiva a estratégia de facilitar ao mâximo um log-in cujo verdadeiro valor seja monitorizar a actividade para servir conteúdos de acordo com o seu comportamento real antes predições inexactas ou suposições.

Referências

1_ Yahoo to give home page a makeover. Este artigo de Cnet. com sugere que a função do novo design é dar mais espaço e relevância à publicidade.

2_ Yahoo relaunches with streamlined look. Mais comentários sobre o redesenho de Yahoo.

3_ Yahoo launches redesigned home page. Comentários dos responsáveis de Yahoo sobre o redesenho.

 

Página traduzida da versão original feita por Eduardo Manchón:
http://www.ainda.info/yahoo_nuevo.html

 

Recuar | Página Principal |



seisdeagosto.com

Copyleft Juan Leal. 15/09/02 - Lisboa
Permitida a cópia dos textos do site colocando o nome do autor e um link ao artigo original.

 

dúvidas | sugestões
info em seisdeagosto.com