Recuar
| Página
Principal |
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
|
|