Nova home da Globo.com consolida-se como cool
A globo.com desde que começou a contratar designers e webdevelopers que conheciam usabilidade e levavam em consideração pequenas coisas que outros portais de internet não levavam em conta, só cresceu seu público e elitizou seu público alvo. Elitizou não levando em conta o dinheiro que cada pessoa possue, mas sim seu nível de inteligencia/estudo.
Eles puseram as mangas de fora e remodelaram mais uma vez a página nesta ultima quinta-feira. Toda feita com código limpo, usabilidade impressionante, dividida por cores e assuntos, e principalmente: funcionando na maioria dos browsers (pelo menos os mais utilizados).
Outra grande novidade é apostarem no nicho de usuários que utilizam resoluções de tela iguais ou maiores que 1024×768, deixando sua página com barras laterais para quem utiliza ainda o antigo 800×600. Segundo pesquisas da w3schools , os usuários que ainda utilizam a resolução 800×600 chegam somente a 15%. Ainda não são mínimos, mas pelo público que acessa a globo.com, tudo está batendo. Acredito que devem acessar no máximo 5% de usuários com 800×600. Aí torna-se muito melhor utilizar uma resolução onde pode-se colocar mais conteúdo, tendo mais espaço para organiza-lo.
O interessante é como a direcionalização do site não atinge pessoas de outras camadas sociais e estudantis, que acham melhor acessar sites como terra e uol. Particularmente, tenho casos no meu trabalho de gente que acha complicado navegar na globo.com, coisa que eu não acho. O uol e terra pecam, na minha opnião por trazerem um excesso de propaganda jogada na sua página, acabam com isso tirando o conteúdo do foco e focando em publicidade. A globo.com possue dois banners apenas ( e que acredito serem mais caros que os das homes dos outros portais sitados, porque são exclusivos.), e segundo um banner que rondava o globo.com a pouco tempo, os usuarios permanecem mais horas no portal globo que nos outros concorrentes.
Mesmo que em audiencia a Globo ainda não alcance os seus concorrentes, acredito que a junção de bom conteúdo liberado ( muitos vídeos são liberados) e foco em usuários, levará o portal a ser o primeiro em audiencia logo logo.
Parabéns equipe de web da Globo.com, vocês nos surpreendem a cada nova versão.
Visite a nova Globo: www.globo.com
globo, portal, usabilidade, design, estreia, versão, firefox, resolução
Tags BlogBlogs: globo, portal, usabilidade, design, estreia, versão, firefox, resolução
Orkut muda visual, mas permanece beta
Desde o dia 24 de agosto algumas pessoas tiveram o orkut com o visual remodelado. Tudo tendo em vista melhorar a usabilidade e o visual do agregador de comunidades mais popular do Brasil.
Quem sabe tentam com isso morder um pouco do mercado que vem perdendo para a parte mais intelectual do orkut, que anda procurando outras redes, mais organizadas, como o facebook para aumentar seu nicho de contatos.
Segundo seu blog oficial o orkut estaria implantando nesta semana a mudança e perfis dos mais variados usuários.
Sinceramente eu não acredito que irá mudar algo em relação ao êxodo de alguns tipos de usuários, mas o visual mais elegante concerteza está fazendo jus ao tamanho do site. Tudo está muito bem feito, com bordas mais arredondadas e maior predominância de azul.
orkut, visual, usabilidade, azul, beta, google, facebook, redes sociais
Tags BlogBlogs: orkut, visual, usabilidade, azul, beta, google, facebook, redes sociais
Cores, a maneira inteligente de utilizar
Uma das grandes áreas que está me chama a atenção ultimamente é como usar cores na internet. Depois que os monitores e as placas de vídeo evoluíram, é preciso saber trabalhar com as cores que estes suportam para melhorar a leitura e navegabilidade do usuário que visita a sua página.
Dois conceitos que estão se difundindo bastantes no Brasil e no mundo são: Dividir assuntos por cores características e deixar o background dos textos/artigos/posts em cores mais suaves, como bege ou cinza, em vez de branco.
Podemos observar este exemplo sobre a divisão de cores do portal Globo.Com:
Foram colocadas na ultima “reforma” do portal, cores características a cada sub-divisão de notícias. As cores ajudam o usuários a distiguir por exemplo se uma manchete “João mata helena” é sobre a novela das 8 ( no caso deveria estar em entretenimento ) ou é um assassinato ( que neste caso deveria estar em notícias).
O portal Terra a algum tempo atrás, teve problemas com divisões de notícias não tão bem definidas. Muitas vezes estava assinado como “diversão” uma notícia séria que de divertida nada tinha. Erro, Terra.
O erro foi mais do editor do que das divisões não bem definidas do site, mas serve como ilustração do que divisões bem definidas poderiam inclusive ajudar o editor a saber onde colocar a notícia. Provavelmente ele colocou na parte de filmes do terra, sendo assim o site na hora de jogar para a primeira página pensou que filme=entretenimento=diversão e não se preocupou com o conteúdo da notícia.
A Globo na verdade fez portais dentro do portal, o G1 para notícias, o Globoesporte.com para esportes e o Entretenimento para entretenimento (dã! ). Você pode assim facilmente escolher qual tipo de notícia quer ver, e inclusive, assinar o RSS exclusivamente da sessão que você quer receber notícias. Se você escolhe receber um RSS do portal de entretenimento, você não vai ver uma notícia sobre a morte de um ator como você veria se assinasse o feed do Terra.
O estudo das cores e suas implicações é muito interessante. E vou continuar escrevendo 1 post sobre cores por semana até que tenha esgotado o assunto que conheci até o momento. Na próxima semana, vou falar sobre fundo de páginas com textos grandes, como introduzi neste post.
cores, web, navegação, estudo
A importância das cores na internet
Grandes artistas, pintores, fotógrafos e designers sabem da importância das cores. Em cada cor se expressa o que cada artista quer passar para seu público. Angústia, alegria, velhice, nervosismo, felicidade.
Na web tudo isso também é importante, e por isso devemos sempre estudar as cores como sendo elementos essenciais no design e criação de uma página na web.
A web 2.0 trouxe um novo conceito de cores que a tornam mais jovem e dinâmica. São cores vivas, brilhantes, que realçam sobre os backgrounds mais cleans, como o do Google por exemplo. Aliás o Oráculo possui em sua marca somente as cores chamadas de “cores web 2.0″.
Navegando pela internet encontrei um ótimo blog que fez o estudo dessas cores, e divulgou uma Palette file de photoshop, e uma versão em Jpg das mesmas cores.
Disponibilizo aqui agora os mesmo arquivos, aproveitem para usar as combinações em sites como o KULER.
Paletta de photoshop: Link
Cores em imagem: Cores da Web2.0
cores, internet, web, design, web 2.0, 2.0
Os sobrinhos estão ficando profissionais
Quem trabalha na web e nunca ouviu falar dos sobrinhos foi abduzido e teve sua memória apagada. Os sobrinhos são a mais antiga forma de “colocar seu site na web”.
Mas essa semana eu percebi que algumas empresas brasileiras não sabem o que é internet e desde 1996 não visitam um único site. Só esse deve ser o motivo de ter um site atual com essa carinha:
Certo, é um salão de cabelereiros, provavelmente conhecido apenas na sua cidade, ou no seu bairro quem sabe. Mas eu sou a favor do ditado “se é pra fazer faça bem feito”, não consigo acreditar que algum ser deste planeta pague em 2007 para alguém fazer um site desses.
O pior é perceber que o “designer” deste site tem portfólio online e aparentemente não faz sites somente para os tios. E mais, participa de um banco de desenvolvedores de um host, e deve ainda ganhar dinheiro fazendo isso. Deus queira que ele não sobreviva disso, acredito que um site desse não deve ter sido vendido por mais de 200 Reais, e é melhor acreditar assim, imagina se eu descubro que ele ganhou mais do que eu ganho para fazer um site bem feito, com planejamento e código válido.
Conheça a figura autora do site.. verifique seu portfólio e me diga, será que é dificil ele se atualizar um pouco e melhorar seu trabalho?
Ricamar “designer”: http://www.ricamardesigner.com.br
internet, design, web, sobrinhos
O que faz uma grande marca?
Para um designer já lhe vem a cabeça: Cor, formas. Ta mais qual o conceito? Não existe.
Pense, você mora hoje no Brasil, em 2007. Conhece computadores e faz suas “logos” no corel ou outro programa vetorial. A maioria das grandes marcas que vc conhece foram desenhadas a mão num pedaço de papel, não existiam “fontes” do windows para te ajudar nas formas, nem uma tabela com infinitas cores para escolher. Não haviam sites, mal livros coloridos exitiam.
O máximo que você poderia ter de conceito de cor naquela época, era o que vc conhecia de artistas que pintavam quadros. Mas aí do que adiantava uma linda marca colorida, se vc não poderia veicular ela em lugar algum com cores? Os jornais e impressos em geral eram preto e branco, a tv também.
Será que se você visse hoje um post num fórum qualquer com esse logo:
Você iria achar bonito? Se você pensar, o jeito que o logo da Coca-Cola foi feito vai contra todos os padrões que utilizamos hoje. Dificilmente você ve uma nova marca com letras cursivas.
É estranho e doido que você poderia achar essa magnífica marca, bem feia. Eu acharia, sinceramente.
Mas aí que entra a pergunta do título deste post, o que faz dessas marcas, grandes marcas? É simples e complicado ao mesmo tempo.
Simples porque basta você saber criar um conceito que emita uma sensação ótima no seu produto. A Coca-Cola por exemplo sempre investia na refrescância do seu produto, em algo que você nunca havia experimentado igual. Isso convenhamos não é dificil, é uma bebida, logo lhe vem o conceito de refrescancia.Mas o complicado é que só isso não basta. Não bastaria ter feito uma linda marca se seu produto não correspondesse em qualidade. Acima de tudo o procuto tem que ser otimo para ser um sucesso.
E de preferência algo novo. Até por isso a muito tempo não vemos surgirem grandes marcas em setores como o automotivo, alimentício… São setores que estão lotados de marcas que um dia revolucionaram o setor, e com isso fizeram a sua marca. Digamos que existe sim o que inventar, mas com tudo isso já inventado, é mais facil reinventar a “bola” do que criar algo novo.
A ultima grande revolução que tivemos foi a da informática e da comunicação. Como exemplo clássico cito a Apple.
A vitória de Steve Jobs foi ter criado um conceito “inovador” como marca. A marca da apple é jovem e clássica ao mesmo tempo. Ela te causa desejo como a coca-cola causava e ainda causa.
Você sonha ter um notebook com uma maçã acesa nas costas, assim como você sonhava com uma coca gelada depois de uma corrida ou um dia quente.
Na minha opnião o grande erro de uma agencia ao criar uma marca é se preocupar mais com o seu desenho e cor do que com seu conceito. Não adianta me dizer que o vermelho é cor da fome.. isso é ultrapassado, sinceramente. Você tem que associar o conceito a forma, como a coca fez.
Na época do “Quadradão” que ela vivia, onde inovação era algo triangular, ela fez linhas leves e longas. Que combinam perfeitamente com o líquido, leve.
Não adianta uma empresa de petróleo fazer um logo com letras “leves” não combina no conceito, por mais bonito que possa ficar.
Essa semana vi aqui em minha cidade uma coisa grotesca, daquelas que te faz pensar: “não acredito que pagaram para fazer isso”. Um escritório de contadores com seu nome escrito numa fonte estilo “comic sans” e um contorno de “face humana”. Eu bati o olho e pensei na hora que era uma clínica de estética ou um salão de cabelereiros. Não existe maneira de você ter vontade de confiar seu imposto de renda a contadores vendo uma placa destas.
Eu sou adepto das marcas que misturam loucura e conceito. O design da marca tem que ter a ver com o conceito, mas sem a loucura você não vai criar nada novo. Vai fazer um logo de dentista com um dente, mercados com um carrinho. A marca não precisa ter uma figura para demonstrar o que ela é, você tem que saber passar o conceito pelo design.
Todo designer tem seu lado louco. Escute uma boa música e metralhe seus pensamentos numa tela. Depois, adapte sua loucura ao conceito. E use o briefing para isso.
Pode parecer a coisa mais obvia do mundo, mas nunca é demais colocar no papel suas ideias, assim como coloquei as minhas aqui, no papel virtual.
Design, Propaganda, Marca, Marketing, Publicidade, Sucesso
Tags BlogBlogs: Design, Propaganda, Marca, Marketing, Publicidade, Sucesso
A moda CSS
Nas minhas andanças pelo del.icio.us sempre procuro sites que contenham galerias de inspiração. É interessante ver como simples galerias mudam na internet na velocidade da luz. Você começa a pensar como tudo é rápido na internet e o fracasso está a um passo do sucesso. Nada no mundo dos negócios pode ser comparado a velocidade da internet.
Veja um exemplo, quanto tempo demora para uma marca de roupas ficar famosa? E quanto tempo demora para um site ficar famoso? Estou certo que a marca de roupas precisa de no mínimo 5 anos, isso se ela for um fenómeno inovador. Agora um site? 5 anos é uma eternidade. Em um ano qualquer serviço inovador passa a valer bilhões.
Mas porque estou falando disso? Porque é incrível como mudaram as tecnologias apresentadas em sites! E isso você vê pelo espaço que elas tem nas galerias.
A pouco tempo, com o flash no auge ( não que não esteja ainda ), você encontrava milhares de sites em flash facilmente. Muitos nem de flash precisavam, mas era a moda, todo mundo fazia. Houve até muita discussão sobre isso. Agora a gente já vê que o pessoal pensa mais antes de fazer um site em flash, apesar de ainda aparecerem verdadeiras aberrações.
Mas a nova moda é utilizar webstandards, CSS, fazer um site sem imagens. Até aí tudo bem, diferentemente do flash, isso é algo que todos deveriam sempre ter usado, mas que bom que virou moda agora, aí todo mundo usa. O problema é que eu ando encontrando sites fazendo o uso errado do CSS. A divmania matou as tabelas até para mostrar dados. O desenvolvedor anda pensando que div tem que ser metida em qualquer canto, só pra ser div, só pra ser da moda.
Mesmo com o meu conhecimento baixo/médio de webstandards, eu sei que não é assim que moda deveria ser. A moda deveria ser seguir padrões, que muita gente não segue sabe-se lá porque, e acha que segue metendo div em seu site.
Os desenvolvedores, ou amadores que gostam de ter seu site na moda, DEVEM pelo menos visitar sites que ensinem a maneira correta de utilizar os padrões W3C. Visitando por exemplo o site do maujor. NÃO DEVEM achar que é só montar meia dúzia de regras CSS e encher o site de div.
O CSS pode ser bonito e de aprendizado facílimo porque em qualquer site que você entre, você pode ver seu código, ver seu CSS e estudar como foi feito. Diferente do flash, acho que essa moda tende a ter adeptos “eternos”, e entusiastas como o do linux.
Essa é uma facilidade que o flash não tem. Para estudar você depende de livros, tutoriais, alguns códigos prontos e muito mais força de vontade.
Depois de alguns poucos estudos, eu descobri que CSS é a “moda” mais fácil e interessante dos últimos anos. Para pesquisa você tem todos os sites da web que utilizam webstandards e estilos. De quebra você conhece os padrões da web e segue as regras que deixam tudo mais rápido e acessível.
Pelo amor de deus, não tenho nada contra o flash! Antes que alguém pergunte. Eu só estou comparando as “modas”. Aliás para mim o flash+actionscript é a tecnologia do futuro.
Para terminar, a quem não conhece, vou deixar aqui alguns links de galerias de ESPETACULARES sites utilizando CSS, Webstandards.
http://www.cssbeauty.com/
http://css-galleries.com/
http://cssvault.com/
[tags] Design, Webstandards, CSS, w3c, tecnologia [/tags]