Re-design de sites

Estava navegando pelo Deviantart hoje e notei que o layout dele mudou. Bom, nada de novo nisto: sites constantemente refazem o layout afim de atingir certos objetivos: como diminuição do consumo de transferência, aumento da popularidade ou apenas com o objetivo de estar dentro da moda.

Last.Fm

Vamos ver por exemplo o re-design do site Last.Fm - um site que visa compartilhar gostos musicais e fazer com que você descubra novos artistas similares aos que você já ama.

Versão antiga (clique para aumentar)

Versão nova do Last.FM (clique para aumentar)

De primeira, nota-se que o topo do site diminui consideravelmente. O tom de vermelho também mudou (eu preferia o tom antigo). A cor bege foi jogada fora e substituída por um cinza mais leve. Outras mudanças também incluem a integração do player na página do artista, uma página inicial mais leve e clean, e um menu lateral substituindo as informações básicas.

Delicious

Já o Del.Icio.Us - que agora pode ser acessado através do Delicious.com - foi um passo grande à frente. Pra quem não conhece, é uma ótima maneira de compartilhar e salvar seus sites favoritos, além de descobrir quem favoritou também e assim encontrar outros sites interessantes.

Versão antiga do Delicious (clique para aumentar)

Versão nova do Delicious (clique para aumentar)

Embora o site ainda esteja com um look minimalista, está mais arrumadinho do que antes. As informações são facilmente encontradas e um pouco mais de vida foi injetada no site.

Deviantart

Versão antiga do Deviantart (clique para aumentar)

Versão nova do Deviantart (clique para aumentar)

Em termos de cores, o Deviantart ficou mais “verde”. A navegação ficou muito melhor; antigamente, era necessário clicar no botão “Categories” (que muitas vezes passava batido) para aparecer um menu dropdown. O menu lateral facilita bem mais a localização das categorias de imagens. As páginas internas não sofreram grandes mudanças, fora um upgrade visual simples.

Facebook

Pra finalizar, o Facebook (que é uma espécie de Orkut, porém muito melhor) está a ponto de lançar oficialmente o novo layout. Ele já está disponível para algumas pessoas, e pelo que li estarão disponibilizando a nova versão do site para todos seus usuários até semana que vem.

Site atual (clique para aumentar)

Futura versão do site que será lançada em breve (clique para aumentar)

Claramente, o aproveitamento da tela na nova versão é bem maior. Diminuir de duas barras laterais para apenas uma é bom também, só acho que jogar a barra para o lado direito não foi uma idéia muito boa. As cores continuam as mesmas e talvez o site tenha ficado um pouco mais complicado de entender. Mas creio que isto seja apenas uma questão de tempo para se acostumar.

Na sua opinião, estas atualizações foram boas ou ruins? Comente!

Divulgue

Rec6 - Linkk - Del.icio.us - Twitter - DiHITT

Envie este artigo via e-mail

Não perca mais as atualizações:

Junte-se aos nossos mais de 670 assinantes: Assine nosso feed ou cadastre-se para receber as novidades por e-mail:

Dúvidas?

Dê uma olhada na nossa lista de perguntas freqüentes sobre design.

15 respostas para "Re-design de sites"

Bruno 07-08-08 ás 7:47 pm
O Deviantart ficou nota 1000!! Era uma chatice ficar esperando carregar o dropdown (mesmo com banda-larga) e ver aquele smiley dançando hehehe
jardel 07-08-08 ás 11:51 pm
o last.fm ficou horrivel em usabilidade, vi mta gente reclamando além de mim q tá dificil de achar as coisas.

o Deviant muda a cada 2 anos! (as vezes um) pra comemorar o aniversário (eles fizeram ontem 8 anos!), mas o menu dropdown era realmente um saco, pena q eles tiraram (ou eu ainda nao achei) a home page configurável, vc colocava slots do q vc queria, tipo portraits mais populares nas ultimas 48 horas, ow os mais populares de 21 de abril de2004, entre infinitas possibilidades
Claudia Regina 08-08-08 ás 3:15 pm
Como já foi comentado por todo mundo: Deviant Art melhorou muito!

A busca está bem mais fácil, o visual não está tão confuso… eu amei essa nova versão.

Já faz um tempinho que o orkut também mudou de layout…rs… acho que não vale como exemplo (embora tenha melhorado).

A mudança nos outros sites citados não mudaram muito minha vida. A única coisa que eu uso fora do plugin pra FF do delicious, que é a organização por bundles, ainda tá super complicada.

O meu facebook está com o novo layout e acho que não mudou tanto assim. E é bom que continue meio complicado pra não ter “qualquer um” participando e transformando o site em um orkut da vida.

Beijos!
Canha 08-08-08 ás 3:29 pm
@Claudia,
Com certeza: tomara que o Facebook continue assim pra não lotar de miguxos. ^^
André HP 08-08-08 ás 4:04 pm
Canha, o dev mudou faz mais de 2 semanas…
você que nunca visita os amigos lá.

E seu portfolio, quando sai?
Canha 08-08-08 ás 4:58 pm
@André,
Tá na minha lista de coisas a fazer antes de eu morrer.
jardel 08-08-08 ás 11:18 pm
eu ainda estou me f*dendo com a busca do deviant
tipo, vc vai em algum tópico, sort by popular 48 horas e depois cadê a caixa de pesquisa? uma vez era embaixo, agora é a lá de cima qdo der na telha :(

Hey, seu feed de comments tá com caracters quebrados, tipo é ou ã ow qualquer outro latino, sempre esqueço de falar
Rodrigo Souza 09-08-08 ás 2:40 pm
Gostei muito de todos os que mudaram, passaram pra um estilo mais limpo e de certa forma agradável com cores melhores para combinar com branco.
Marcos 11-08-08 ás 1:33 pm
- o Facebook (que é uma espécie de Orkut, porém muito melhor)

Por que é melhor?

- só acho que jogar a barra para o lado direito não foi uma idéia muito boa.

Por que não foi uma idéia muito boa?

- Em termos de cores, o Deviantart ficou mais “verde”.

Apenas o botão de pesquisa está verde.

“como diminuição do consumo de transferência, aumento da popularidade ou apenas com o objetivo de estar dentro da moda.”

É isso mesmo? Aff, você é o filho do Galvão?
Canha 11-08-08 ás 1:52 pm
Marcos,
- É melhor pois mais opções que o Orkut e tem menos brasileiro ignorante.
- Jogar a barra para o lado direito não foi uma idéia muito boa pois acostumou ver sempre a barra do lado esquerdo.
- O Deviantart inteiro está verde! Se você quiser ser politicamente correto, pode dizer “verde-musgo” ou qualquer que o valha. Mas é verde.

Não sou filho do Galvão, mas como isso é um blog e um blog reflete a opinião pessoal do autor.

Não gostou? Tudo bem.
Agradeço sua visita. Passe bem.

Abraços.
Canha 11-08-08 ás 1:52 pm
PS: Anonimato é uma coisa tão legal né? O medo de dar a cara a bater é incrível.
Lucas 12-08-08 ás 6:17 pm
Canha:
“- Jogar a barra para o lado direito não foi uma idéia muito boa pois acostumou ver sempre a barra do lado esquerdo.”

Acho que não é só questão disso né?
Ouvi dizer que sempre que abrimos um site por exemplo, nós olhamoss diretamente para o canto superior esquerdo e assim vai até a visualização completa da página.

Isso é verdade? =P
Também prefiro a barra do lado esquerdo, muito melhor! :D

Ótimo post, valeu dude!
Lucas!
=D
Canha 12-08-08 ás 9:22 pm
@Lucas,
Pelos padrões ocidentais, temos o costume de ver tudo da esquerda pra direita, de cima pra baixo.
Então acostumamos a ver a barra na lateral esquerda.
Abraços
jardel 12-08-08 ás 11:41 pm
é bem confuso esse negócio de esquerdo e direito, eu nunca entendi como eu uso, imagina o ‘publico em geral’,

mas acho q o canha quis dizer sobre ele estar acostumado, eu tb estava com ela do outro lado e fiquei meio :S. Não é bom mudar tao radicamente design algum, ainda mais num site tão popular, eles deviam ter feito uma transição mais smooth. mudando aos poucos, ficaria até mais fácil pra trackear bugs, mas sempre tem o hollywood factor, tem q ser algo grandioso, tem q mudar da noite pro dia, erguer as cortinas, etc…

–
Agora q li o comentário do marcos, tem horas q adoro ter um termos de uso enooooooooooorme e q demorei semanas pra fazer, uma das “clausulas” é “não mandarás mensagens direta ao autor por meio de comentários” muahahaha (parece mandamento, mas tá escrito em juridiques lá)
Pérolas do Digital Paper II | Digital Paper Web 04-09-08 ás 6:49 pm
[...] algumas das minha opiniões e fecha com isto:) É isso mesmo? Aff, você é o filho do Galvão? (Re-design de sites) Olá amigos da Rede [...]