May 28, 2014

Homepages anunciando a Copa do Mundo no Brasil em 2007

Em 30 de Outubro de 2007, foi o dia que anunciaram o Brasil como sede da Copa de 2014, e eu fiz uma screenshot ou print da tela de todos as “Homepage” dos Portais Brasileiro anunciando a Copa do Mundo no Brasil, coloquei para lembrar isso e hoje tenho uma amostra de como eram as coisas naquela época digo quase 7 anos atrás. Acredito que muitas coisas mudaram, desde UX (User Experience) e outras coisas deixaram de ser relevantes.

Homepages anunciando a Copa do Mundo no Brasil em 2007

Homepages anunciando a Copa do Mundo no Brasil em 2007

De uma maneira geral, todos os portais evoluíram bastante em termos de experiência e design visual. Em 2007 quase nada se falava ainda no Brasil sobre popularização dos smartphones e muito menos sobre “Design Responsivo”, quando ainda projetávamos sites para computadores com resolução de 800 x 600px.

Confira as telas e imagens:

g12007

 

Portal G1 

O principal portal da Globo.com, com  uma matéria pequena sobre a sede da copa (logo antigo) observem, propagandas como Speedy que agora é da VIVO.

Entre todos os portais, a Globo.com foi a mais se manteve dentro de um padrão visual durante estes sete anos. Apesar do menu lateral e a diagramação um pouco diferente, a diferenciação das notícias por cor e o padrão visual G1 estão ainda presentes até hoje.

 

ultimosegundo2007

 

Último Segundo

Ainda é o portal de notícias do IG, se liga na barra azul com os logos do iBest e brTurbo (é site?). Machete do blog do Milton Neves “É possível fazer a Copa sem desvio de recursos?”]

O visual do portal na época era bem próximo aos outros portais, principalmente os portais norte-americanos, com grande volume de textos e links e pouquíssimas imagens ilustrando o conteúdo.

O portal investiu em um redesenho da interface, simplificando a navegação, destacando bastante os espaços publicitários, mas ainda sem um diferencial muito claro, se comparado aos concorrentes.

 

ig2007

 

iG – Seu Provedor de Internet 

Na época boa do Orkut, Fotolog, fotos de Paris Hilton entre outras coisas no menu lateral esquerdo. E a chamada “vendedora”  na barrinha do topo escrito em amarelo: “NOTEBOOK CD-RW+Mouse Óptico por R$1599 em 12x“.

O IG, que não é mais um provedor de internet (ah vá?!), tinha um padrão visual muito semelhante ao Último Segundo, já que estão dentro do mesmo portal. Essa semelhança nos padrões se mantém ainda hoje, embora o investimento em UX no IG tenha aumentado consideravelmente, enquanto o Último Segundo parece ter ficado de lado.

 

————————–
Você e designer e precisa aprender um pouco sobre Usabilidade e User Experience?
Conheça o Minicurso de UX para Webdesigner
————————–

 

virgula2007

Portal Virgula 

Agregado com o Pânico na Internê na epoca boa do “Vô ou Num Vô” (o nosso “Hot or Not” brasileiro), o Vírgula mantém até hoje seu posicionamento jovem. Na época era praticamente uma cópia dos outros portais e hoje traduz seu conceito jovem em um design visual focado em muitas imagens e poucos textos, tudo isso aliado a inúmeras cores combinadas para materializar o conteúdo pop.

 

NYtimes2007

New York Times

O New York Times é, sem dúvida, o portal que mais tem inovado desde 2007. O design visual e experiência da página inicial mudaram, mas mantiveram a essência do jornal, com foco no conteúdo textual e poucas imagens. As páginas das matérias do jornal atual é que merecem o devido destaque de inovação, com um estudo aprofundado de User Experience, a página permite boa leitura, fácil compartilhamento e interação, além de espaços publicitários muito bem planejados, que não incomodam o leitor/usuário.

 

estadao2007

Estadã0

O Estadão, que tinha um design visual e arquitetura de informação modernos para a época, hoje possui uma home de portal nos moldes norte-americanos, como o New York Times.

 

 

folha2007

Folha de São Paulo

A Folha, desde sempre, se manteve fiel à sua estrutura e arquitetura e informação, mudando um pouco sua diagramação e detalhes no design visual. A estratégia é muito semelhante á estratégia do NYT, com um layout que trás elementos do jornal impresso para o digital, mas investindo pesado na forma de entregar o conteúdo. Recentemente, a Folha lançou os novos sites para smartphones e tablets, ambos muito bem planejados e elegantes.

 

 

bbc2007

BBC.CO.UK

A BBC, mesmo em 2007, quando tinha este visual característico da internet dos anos 90, já investia muito em pesquisas e experiência do usuário. O portal atualmente possui um visual relativamente “comum” aos demais portais, porém com um foco claro na produção de conteúdo próprio, com matérias mais densas e conteúdo rico em vídeo assinado pela própria BBC.

 

 

UOL2007

 

globo2007

UOL e Globo.com

Os dois maiores portais do país podem ser comentados juntos, pois ambos mostraram preocupação e investimento elevados em relação à experiência de uso desde 2007, a ponto de utilizarem ainda a mesma base e estrutura para sua interface.

O UOL, mantendo posicionamento de “sempre o melhor conteúdo”, nitidamente possui uma interface com maior quantidade de conteúdos disponíveis e o menu lateral aberto (desde 2007) também auxilia a passar a mensagem de “mais conteúdo”.

Já a Globo.com optou por simplificar e reduzir a quantidade de conteúdo disponível na página inicial e destacar os conteúdos próprios, produzidos pela emissora Globo.

E o Robinho, queria ser escalado…

Resumindo, ambos possuem boa usabilidade e experiência desde 2007.

 

 

terra2007

Terra

O Terra (que também começou como um provedor de internet ), desde o anúncio da Copa no Brasil, evidencia um excesso de espaços publicitários disponíveis, restringindo o conteúdo a mais ou menos 50% da interface.

O portal também investiu bastante em um redesenho e atualmente pode ser considerado o mais moderno em termos de interface e utilização de novas tecnologias. Isso não necessariamente implica em melhor experiência, mas a preocupação com esta modernização é nítida. Novamente, os espaços publicitários se destacam e acabam até por ser um pouco intrusivos em alguns casos.

 

 ————————–
Você e designer e precisa aprender um pouco sobre Usabilidade e User Experience?
Conheça o Minicurso de UX para Webdesigner 
————————–

Apr 16, 2014

Meu Livros na Lojas Amazon, Google Play e Apple Store,

Post por às em amazon, app, apple, book, ebook, google
Ebooks também estão disponíveis versão Amazon Kindle e na Apple iBooks Store
Amazon Kindle Apple iBooks store Play Store

Acesse a Loja

Share
Tweet
Forward to Friend
Facebook
Facebook
Twitter
Twitter
Website
Website
Instagram
Instagram
LinkedIn
LinkedIn
Email
Email
Tumblr
Tumblr
Pinterest
Pinterest
Mar 30, 2014

Meus Cursos OnLine

Post por às em curso, e-learning, facebook, midia
Conheça meus Cursos Online:
Acesse a Loja
Dec 13, 2013

Top 10 marcas e anunciantes no Flipboard

Post por às em ads

Infográfico interessante mostrando o perfil do anunciante no Flipboard:


Nov 06, 2013

D.I.Y (Faça você Mesmo)

Relacionado no post anterior do “One Man, One Band“, já tinha visto o trabalho da Michelle McCormack através da Miami Ad School, e percebi que muito do resultado do trabalho no “Do it yourself” foi na executado na curva do aprendizado. Isso é descrevendo os seus “learning” no meio do caminho para colocar em prática o que foi bom e o que não foi. Apresentação dela está agregando muito valor, confira: