• Sobre
• Cursos Online
• Orkut
• Youtube
• Twitter
• Contato

10-24-08

Analisando o novo site do UOL

Vocês perceberam que o design do UOL mudou desde a semana passada? Não? Bem, para aqueles que perceberam, meus parabéns, vocês possuem uma visão bem aguçada. Agora, se você não percebeu, que ótimo! Era isso que o UOL queria, que você não percebesse.

As pessoas são avessas as mudanças. Principalmente aquelas novidades que exigem algum aprendizado. A mudança de layout de um portal de notícias como UOL é algo extremamente complicado. Requer bastante critério para que não cause impacto negativo em seus visitantes. Ao mudar o posicionamento de um menu, por exemplo, vocês não imaginam o tamanho da catástrofe. É usuário reclamando aos montes,  perguntando onde está o bendito link que todo dia ele clicava no mesmo canto esquerdo. Clicava até olhando pra cima. Era automático.

Para quem já leu o livro “Não me faça pensar” de Steve Krug, sabe o que estou falando. Krug, comprova, através de testes de navegação que o internauta não gosta de pensar na hora de clicar e navegar. Gostoso é ligar o automático e fazer tudo de olhos fechados. Aí, derrepente, não mais que derrepente, vem a desagradável surpresa: o layout mudou. Completamente. E agora? Cadê a seção de notícias? O menu? A caixa de busca?

Esse fenômeno de repulsa é natural e acontece com todos os sites altamente visitados. O lançamento da última mudança no site do O Globo é um exemplo, que cheguei a comentar em meu site pessoal. Em 2006 O Globo fez uma grande mudança no layout. O impacto visual foi positivo. Porém o de navegação não. Links mudaram de lugar, outros sumiram e chamadas de novela se misturavam a notícias sobre a bolsa de valores. Houve uma tentativa de agrupar o maior número de notícias na primeira tela do site e foi abolido os agrupamentos em seções. Isso deixou o leitor totalmente confuso nos primeiros dias, sem entender o funcionamento do site e como encontrar suas páginas preferidas. Passaram-se 2 anos e as mudanças feitas no layout foram sutis, sem atrapalhar a navegação, ocorrendo de forma gradativa.

Já a mudança de layout do UOL foi diferente. A mudança foi sutil. A maior mudança foram as cores: agora predomina o branco. O branco, todos nós sabemos, favorece a leitura, cansando menos a vista. Além disso, as margens em branco deixam o layout mais leve, com menos barreiras visuais. Foi mantido também o ótimo recurso de seções organizados em editorias. Assim a notícia da novela fica em “entretenimento” e da Formula 1 em “esportes” sem misturar um com o outro. Quer saber sobre o último jogo da Copa? Basta bater o olho na editoria esportes e tá tudo resolvido.

A mudança foi sutil. Os principais elementos, como o menu, ficou no mesmo lugar. O usuário não se perde. E assim UOL vem acertando desde 1999, quando adotou o estilo portal, com página corrida, menu vertical e de topo, seções e muitas chamadas de notícia.

Portanto, se você possui um portal muito visitado ou algum cliente seu deseja mudar o layout do seu portal, cuidado. Seja bastante criterioso e pense 2 vezes antes de mudar seções de lugar. Mire-se no exemplo do UOL. Ter o cabelo preto e resolver pintá-lo de loiro pode lhe causar problemas. Às vezes basta apenas mudar o penteado. Pense nisso.

Para o alto e Avante!.

10-24-08

Inspiração: as novas tendências do design gráfico

Trago para vocês um site maravilhoso que irá ajudar você a conhecer as novidades do design gráfico. Acredito que você que trabalha com web design adora design gráfico, não é mesmo? Sem dúvida é fascinante a possibilidade de trabalhar com formas, cores, cortes, colagens através de meio “análogico”, sem o uso do Photoshop.

O site Design and Design apresenta todos os dias um novo trabalho de design gráfico e outro de embalagens. São trabalhos belíssimos e criativos que podem servir de inspiração e estudo. Veja alguns deles:

 

Para o alto e Avante!

10-16-08

Nosso negócio é convencer pessoas.

Ano passado estive palestrando no 2o Festival Gazeta de Publicidade quando tive a oportunidade de conhecer uma figura chamada Stalimir Vieira, grande publicitário que ja dirigiu criação em agências famosas como DPZ,  W/Brasil,  Bates e na DDB Argentina,  além de ser professor e autor de vários livros sobre publicidade.

Antes de minha palestra, durante o almoço, tivemos uma conversa bem animada sobre publicidade e internet. Ficamos ali filosofando e arriscando previsões para o futuro sobre os novos rumos da publicidade frente às inovações tecnológicas de comunicação.

Logo após fui palestrar falando justamente sobre esse assunto. Como tinhamos na platéia publicitários e estudantes de comunicação, iniciei logo  com uma visão “apocalíptica”  para botar aquele medo e despertar a atenção. Notícia ruim normalmente o pessoal se interessa não é mesmo? Basta ver o Jornal Nacional e observar de quantas notícias negativas e positivas é feito um jornal.

Mas o melhor de tudo é que no final da palestra revelo o final feliz, assim como toda novela. Realmente com as novas tecnologias os publicitários atuais e os estudantes devem se aperfeiçoar ainda mais e adequar sua criatividade a cada meio. Mas não é preciso tanta preocupação e correria pois isso não acontece de um dia para o outro. Assim como a publicidade de jornal se adaptou ao rádio e a publicidade de rádio se adaptou a TV, ela irá sempre se adaptar as novas tecnologias. O que importa é o que Stalimir disse no seu artigo abaixo:

“(…)ocorra o que ocorrer, o futuro não prescindirá do talento criativo e do conteúdo cultural”

 

Veja o ótimo artigo de Stalimir Vieira sobre o futuro da publicidade e as novas tecnologias. Leitura muito boa! Então senta, senta que lá vem a história!

Nosso negócio é convencer pessoas.
Stalimir Vieira

Semana passada estive em Maceió, dando uma palestra para uma centena de estudantes, no 2º Festival Gazeta de Publicidade. Falei um dia depois de Bruno Ávila, jovem especialista em internet, que havia feito uma projeção sombria para a publicidade convencional, num futuro muito próximo e dominado pela web. Pelo número de perguntas e conhecimento da linguagem que, ao final da exposição, vieram da parte do público, deu para perceber que havia um alinhamento bastante natural na percepção das tendências. Ou seja, essa consciência já está incorporada pela nova geração de profissionais que desembarca no mercado. Todos sabem e sentem que, nos próximos anos, mudanças importantes exigirão dos publicitários o conhecimento de novos meios para se comunicar com um consumidor cada vez mais auto-suficiente na eleição do que deseja ler, ouvir e ver. A garotada domina o linguajar relativo à internet do futuro e tem familiaridade com as interconexões entre computador, celular, televisão, etc É perceptível, porém, que conhecer essa linguagem não é suficiente para que os jovens profissionais se sintam seguros com relação ao futuro. Apesar da boa participação no debate, pairou no ar uma certa angústia, diante da “ameaça” à profissão. É como se não se encaixassem as funções de um novo mercado com o grosso de seu aprendizado, cujo currículo ainda se baseia numa formação convencional. Na noite anterior à minha palestra, fiquei refletindo sobre o que ouvira do especialista e de como deveria “responder”, sem parecer saudosista nem retrógrado, à expectativa daquelas moças e daqueles rapazes, sendo eu um sujeito que começou sua carreira de redator, datilografando numa Olivetti. Para minha sorte, descobri (na internet!) que a próxima edição da Veja teria 111 páginas de anúncios. Ora, mas não seria mesmo formidável que, no mesmo evento em que a propaganda convencional – mais que tudo a sempre condenada mídia impressa – ganhara uma espécie de epitáfio, o mesmo público recebesse a informação de que os profissionais de criação mais importantes do País estiveram ocupados, na semana anterior, em criar e produzir 111 anúncios apenas para uma edição da Veja? E foi assim que comecei a minha palestra: eu não sei o que vai acontecer amanhã, mas hoje vocês teriam de criar 111 anúncios de revista; alguém se habilita? Com isso, não tive a presunção estúpida de negar as transformações que, fatalmente, vão ocorrer num futuro mais ou menos breve (temos que ter maturidade para compreender que o ritmo da evolução também é manipulado no atendimento de interesses diversos), mas procurei alertar a platéia de que, ocorra o que ocorrer, o futuro não prescindirá do talento criativo e do conteúdo cultural. E que a habilitação para esse mesmo futuro tem dois inimigos mortais: a passividade e a certeza absoluta. São características reveladoras da preguiça de pensar. Lembram da tal da “nova economia” que levou um monte de gente boa para o buraco por pura passividade e pura “certeza absoluta”? Na viagem de São Paulo à Maceió, lendo o segundo volume das “Memórias da Segunda Guerra Mundial”, magnífica narrativa de Winston Churchill, registrei uma passagem muito sensível, em que ele afirma alguma coisa como “sendo o futuro, muitas vezes, uma questão de sorte, o que nos cabe é estar preparados, essencialmente, naquilo que sustenta qualquer solução exigida.” Inspirado por essa revelação de profunda sabedoria, eu disse que, por mais complexas que se tornem as tecnologias no uso do marketing e da comunicação, estaremos sempre no negócio de convencer pessoas. E que isso exige, muito mais do que conhecermos métodos e ferramentas, conhecermos as próprias pessoas, seus sentimentos, seus desejos, seus receios… E que não há pesquisa mais eficaz do que a convivência. A tecnologia é resultado do conhecimento acumulado e organizado, a partir de uma tese, e se desenvolve e se aplica no atendimento a um propósito. Ou seja, é pura reflexão, é pura filosofia. O que significa que a passagem de paciente para agente no desenho do futuro é simplesmente uma questão de aprofundamento cultural e de um processo natural e permanente de reflexão. É essa reflexão sobre a informação recebida que nos excita a sensibilidade e promove uma espécie de “orgasmo” chamado inspiração. Aplicável em qualquer modelo de futuro. Com a vantagem de que pode ser usada também no presente.

Fonte: http://www.stalimir.com/basedemarketing/artigo_.asp?artcod=259

Para o alto e Avante!

.

10-08-08

Entrevista Ao Vivo: respondendo dúvidas sobre web design no MXWebTV

Tive a honra de participar do Mx Masters TV, apresentados por duas figuras, Ricardo Aleixo e Felipe Cardozo. Munidos de um aparato altamente sofisticado de transmissão ao vivo, o programa fez um link direto entre Rio e Fortaleza, onde me encontrava curtindo uma praia, deitado em minha rede, enquanto trabalhava e curtia a brisa do mar.

Na entrevista respondo as perguntas dos internautas do MXMasters, excelente site que vale a visita de todos vocês. Além disso, Ricardo e Felipe nos brindam toda semana com seus programas de “televisão digital”, sempre com muito bom humor e assuntos que interessam a todos os webdesigners, programadores e entusiastas da web. Vale a pena acompanhar.

Então criançada, senta, senta que lá vem a história!

OBS: Notem o microfone de lapela do Ricardo e Felipe. Coisa de última geração!

 

10-08-08

18 Livros em PDF sobre Design Gráfico, Photoshop, Fontes, Cores e Logotipos

Navegando pela net encontrei esta fantástica lista com 18 livros no fórum espanhol Vagos.  Os livros são todos em inglês e vão desde Photoshop de A a Z até A bíblia de logotipos e fontes. Mesmo que você não seja o fera em inglês, pegue esses livros pois muita coisa você irá entender e captar. Garanto a vocês que são excelentes livros. Aqui vão os links:

Hacking Photshop CS2
http://rapidshare.com/files/128263876/H_Ps_Cs2_pachikno.rar

How To Cheat In Photoshop CS3
http://rapidshare.com/files/128381516/HTC_in_PSCS3_pachikno.rar

Graphic Design For The 21st Century – Taschen
http://rapidshare.com/files/128285609/Taschen_Graph_pachikno.rar

Design Elements – A Graphic Style Manual
http://rapidshare.com/files/128482001/DE_pachikno.rar

Logo, Font and Lettering Bible
http://rapidshare.com/files/128508335/LFLB_pachikno.rar

Dutch Type
http://rapidshare.com/files/128746049/Dutch_pachikno.rar

2Oth Century Advertising
http://rapidshare.com/files/128683629/20TH_century_pachikno.rar

Photoshop CS3 A – Z
http://rapidshare.com/files/128765801/pscs3_a-z_pachikno.rar

Logos : Making a Strong Mark
http://rapidshare.com/files/128804137/Logos_pachikno.rar

A Century Of Graphic Design
http://rapidshare.com/files/129225554/century_gd_pachikno.rar

Colour Management – A Comprehensive Guide for Graphic Designers
http://rapidshare.com/files/129507417/cm_pachikno.part1.rar
http://rapidshare.com/files/129532456/cm_pachikno.part2.rar

The Complete Guide To: Digital Graphic Design
http://rapidshare.com/files/129796354/GGD_pachikno.rar

Design Dictionary
http://rapidshare.com/files/129940714/dictionary_pachikno.rar

The Fundamentals Of Creative Design
http://rapidshare.com/files/130382132/fundsofgd_pachikno.rar

50 Trade Secrets of Great Design Packaging
http://rapidshare.com/files/129734724/50tp_pachikno.rar

How To Be a Graphic Designer Without Losing your soul
http://rapidshare.com/files/129939098/HTGF_pachikno.rar

Dos Logos
http://rapidshare.com/files/130012789/2logos_pachikno.rar

The Fundamentals of Typography
http://rapidshare.com/files/130215870/Fundstypo_pachikno.part1.rar
http://rapidshare.com/files/130535967/Fundstypo_pachikno.part2.rar
http://rapidshare.com/files/130549460/Fundstypo_pachikno.part3.rar

E aqui o link do post onde encontrei essa lista.

Boa leitura!

Para o alto e Avante!

10-08-08

40 criativos modelos de formulários de site

Você anda procurando por layouts bonitos e diferentes para o formulário de seu site? Bem, o meu querido ex-aluno Djavan Loureiro, de Campo Grande – MS, enviou um email para mim essa semana dizendo:

(…)muitos dizem que formulários é só colocar os campos lá e pronto, mas eu não acho que seja só isso, pois sinto isso na pele e sei que os usuarios e coordenadores de projetos querem mais que isso, então gostaria de saber se vc tem algumas sugestão para este assunto, não conheço nenhum site de inspiração para fazer formulário, rsrs. Ficaria agradecido se tivesse uma matéria ou algo assim.

É, Djavan está certo. O formulário é a parte mais importante de um site depois da primeira página. Um formulário bonito, intuitivo e funcional pode fazer uma grande diferença.

Bem, fui buscar aqui em minhas fontes e encontrei uma boa fonte de inspiração que quero compartilhar com o Djavan e todos vocês. A dica vem do ótimo Smashing Magazine.  São cerca de 40 modelos de formulários, nos mais diferentes estilos, comentados pelo site. Que belezura! Adeus formulários branquelos e sem graça!

Inspire-se clicando aqui.

Para o alto e Avante!

10-02-08

Site para uma cidade

Olha aí que legal, apareci na edição de outubro/2008 da excelente Revista WWW ( excelente porquê é bom mesmo, recomendo demais ). O pessoal da revista me mandou um desafio: criar um site governamental, mais precisamente para uma prefeitura, que fosse diferente, bonito, nada parecido com aqueles portais sem graça que normalmente vemos por aí.

Aceitei o desafio! Resolvi então fazer o layout da prefeitura de Jijoca de Jericoacoara. Nesta cidade encontra-se o lindo parque de Jericoacoara, com suas praias belissimas e dunas paradisíacas que, claro, já visitei.

É meus amigos, o bom de ser webdesigner trabalhando em seu doce lar é que você pode tirar férias em qualquer época do ano. Melhor ainda é aproveitar aquelas promoções bacanas de 50 reais que de vez em quando alguma companhia aérea lança por aí.

Bem, peguei algumas fotinhas que tirei por lá e fiz o layout. Comentei cada elemento do design, dizendo o porquê de cada coisa. Esse tipo de análise me lembrou muito as aulas do Curso de Design Web ou 10 Sites Reconstruídos. 

Além do meu layout, outros dois designers, Mandy Chan e Duncan Stevenson, aceitaram o desafio e fizeram suas propostas também. Uma ótima forma de estudo de layout,  entendendo as razões que levaram cada web designer a fazer o layout daquela forma. O resultado você encontra na Revista WWW que você pode adquirir na banca mais próxima ou clicando aqui.

Para o alto e Avante!

10-01-08

Vetores com Qualidade

Você está procurando por imagens em vetor? Existem vetores belissimos pela internet, alguns free outros permitidos porém somente se o uso não for comercial. Talvez um convite de aniversário de sua filha ou um trabalho de colégio, não tem problema. Além disso, esses bancos de vetores são ótimos inspiradores.

Passeando pela internet, ao cruzar uma rua, avistei esse site, o  QVectors e vi lá ótimos vetores. Dê uma olhadinha você também.

Para o alto e Avante!

10-01-08

20.400 Ícones Grátis + uma busca de ícones

A idéia desse post nasceu de meu aluno de design web, Gustavo, de São Paulo – SP. Ele me mandou uma dica bem legal de ícones para download. Foi aí que me lembrei de duas dicas interessantes.

Primeiro quero apresentar o Iconfinder, um buscador de ícones bem objetivo. Você escreve “computer” e aparece vários modelos de ícones sobre computador. Escreve “button” e muitas opções de botão irão aparecer.

O outro é o IconArchive, é ícone que não acaba mais, tem ícone pra site, desktop, messenger, ícone de tudo quanto é jeito. São mais de 20.400 opções de ícones.

Agora façam a festa!

Para o Alto e Avante!