Postado ontem no blog oficial do Google (se você não conhece, assine o RSS porque vale a pena) uma reflexão sobre o estilo Google de projetar interfaces e experiências do usuário.
Assim como o projetos da empresa, os posts do blog são bem diretos e sucintos. Sendo assim, ao invés de ficar analisando o texto e tirando o que tem de melhor, segue o post na íntegra:
——————————————
What makes a design “Googley”?
4/23/2008 05:51:00 PM
Posted by Sue Factor, Writer, User Experience Group
Late in 2007, our User Experience (UX) group—which does user interface design, visual design, user research, web development, and user interface writing—set out to articulate the principles that ought to guide Google designs worldwide. What are the fundamentals that all Google designers and researchers accept? Which approaches to design are particularly “Googley”? How can we encourage teams throughout Google to dream big and make smart design decisions?
A small team gathered to discuss these questions and define the Googley Design Principles:
1. Focus on people—their lives, their work, their dreams.
2. Every millisecond counts.
3. Simplicity is powerful.
4. Engage beginners and attract experts.
5. Dare to innovate.
6. Design for the world.
7. Plan for today’s and tomorrow’s business.
8. Delight the eye without distracting the mind.
9. Be worthy of people’s trust.
10. Add a human touch.
These UX principles flow naturally from the Ten things Google has found to be true and the UX group’s stated mission: to design products that satisfy and delight our users. We described the principles as “Our Aspirations” for two reasons:
We have a lot of work to do when it comes to implementation.
Every real-world product will have to strike a balance between all ten principles.
Still, we don’t want to waffle too much. These principles represent the User Experience group’s declaration of beliefs. With “Satisfy and Delight” stitched on our leotards, we’re determined to get up on the tightrope and start juggling principles. Please applaud or boo, as appropriate, so that we can make the next act even better.
Como sempre, parece simples e lógico. Mas quem trabalha diariamente com isso sabe o parto que é conseguir fazer coisas simples e funcionais. Muitas das vezes o simples sai simples demais, ao ponto de ser inútil, e o funcional sai funcional demais, ao ponto de ser feio.
O site em questão é do filme espanhol (pelo menos, na fala) REC, considerado um dos filmes mais aterrorizantes dos últimos tempos.
Assim que entrei no site, pensei: “nada demais…. só mais um site com vídeo estourado”. Pra falar a verdade, cheguei a pensar que o site é feio e sem graça.
Mas aí, comecei a navegar e a conhecer a história do filme.
A partir deste momento, deixei de ver o site com uma direção de arte feia, e comecei a pensar num projeto conceitual muito bom.
A história do filme é sobre uma equipe de TV que resolve acompanhar uma noite de trabalho com os bombeiros espanhóis, e acaba se complicando.
Para quem quer saber mais sobre o filme, veja o trailler:
Sendo assim, o site é todo montado como a interface de uma câmera de vídeo… desde o estilo do menu até o loading.
Outro ponto positivo do projeto é a imersão que ele proporciona ao usuário. O vídeo estourado e o som fazem você você ficar com medo até de continuar navegando, com direito a sustos e princípio de surdez…
A interação é à base de várias opções de caminhos a serem seguidos: você tem sempre duas escolhas para decidir, por exemplo, se sai do prédio ou investiga a escada (como aqueles livros de RPG antigos).
Apesar do bom projeto, realmente não é nada de inovador. Mas esse processo de entender o projeto e mudar o “julgamento” da direção de arte é algo que deveríamos fazer mais constantemente - inclusive os clientes.
ps: Vale a pena ver as outras áreas do site. Além da área de Preview Clips - que têm um vídeo bem interessante, mostrando as reações das pessoas no cinema (filmado com night vision). No mínimo, diferente!
Mais um post com a tag: “É velho, mas vai que você não viu!”Charles Lewis, mais conhecido como The SEO Rapper, M0 Serious, Poetic Prophet ou Chuck, trabalha para a PopLabs e é um cara que fala sobre design, comunicação, usabilidade e soluções através do rap.
Neste vídeo (Design Coding), Poetic Prophet fala sobre as boas maneiras do design e da interface na web atual. Não é nenhuma novidade na web, mas é muito interessante acompanhar a letra e entender o que ele está falando (afinal de contas, a grande maioria das coisas é pura verdade!):
Acompanhe a letra:
Your site design is the first thing people see
it should be reflective of you and the industry
easy to look at with a nice navigation
when you can’t find what you want it causes frustration
a clear Call to action to increase the temptation
use appealing graphics they create motivation
if you have animation
use with moderation
cause search engines can’t index the information
display the logos of all your associations
highlight your contact info that’s an obligation
create a clean design you can use some decoration
but to try to prevent any client hesitation
every page that they click should provide and explanation
should be easy to understand like having a conversation
when you design the style go ahead and use your imagination
but make sure you use correct color combinations
do some investigation, look at other organizations
but don’t duplicate or you might face a litigation
design done, congratulations but it’s time to start construction
follow these instructions when you move into production
your photoshop functions then slice that design
do your layout with divs make sure that it’s aligned
please don’t use tables even though they work fine
when it come to indexing they give searches a hard time
make it easy for the spiders to crawl what you provide
remove font type, font color and font size
no background colors, keep your coding real neat,
tag your look and feel on a separate style sheet
better results with xml and css
now you making progress, a lil closer to success
describe your doctype so the browser can relate
make sure you do it great or it won’t validate
check in all browsers, I do it directly
gotta make sure that it renders correctly
some use IE, some others use Flock
some use AOL, I use Firefox
title everything including links and images
don’t use italics, use emphasis
don’t use bold, please use strong
if you use bold that’s old and wrong
when you use CSS, you page will load quicker
client satisfied like they eating on a snicker
they stuck on your page like you made it with a sticker
and then they convert now that’s the real kicker
make you a lil richer, your site a lil slicker
design and code right man I hope you get the picture
what I’m telling you is true man it should be a scripture
if it’s built right you’ll be the pick of the litter
everyone will want to follow you like twitter
competition will get bitter and you’ll shine like glitter
if you trying to grow your company will get bigger
design and code right man can you get with it
Além desse vídeo, o “rapper” também lançou um sobre Redes Sociais, que não é tão bom quando o primeiro, mas vale como campanha integrada : )
Acompanhe a letra:
I surf the web, I used to watch TV
now I’m logged into Joost, it’s commercial free
lets see where I want to go
and who I want to know
connecting people with people with web 2.0
I don’t use email unless I’m at my job
want the next post, I subscribe to the blog
I’m easy to find
I’m always online
social networking sites, I think I have nine
I use myspace to promote my music
I get friends and album sales that’s how I do it
but tell me have you heard
about the new word
something like myspace but they call it virb
always something new, I’m a start creatin
I’ll make a brand new facebook application
uploading pictures and mp3’s
update my profile and hit ctrl D
can’t stop what I started, it’s getting ridiculous
social book mark it, add it del.icio.us
some can’t take it but I just can’t quit
go to Imeem and listen to my playlist
watching videos on my You Tube channel
clickin so much, my mouse smoking like a candle
I’m online for hours, addicted to the power
10 tabs open on a firefox browser
I must be going crazy cause I can’t get enough
I guess I’m addicted to social media
É cada figura que aparece nesse mercado…
Saiba mais sobre o “rapper” acessando o blog ou o canal do youtube do fanfarrão.
Mais uma vez uma campanha mostra que interatividade não depende de um computador e uma conexão.
Ação criada pela SV+ (mais uma vez, Argentina) para o jornal MDZ Online.
A idéia é muito simples: mostrar que no MDZ, diversas opiniões são expressas, ninguém está certo ou errado e todos têm direito de opinar. Para isso, colocaram painéis sem assinatura nenhuma… apenas uma imagem e apenas um convite para que as pessoas interferissem na imagem.
Depois que os painéis estavam alterados, eles assumiram a ação colaram um adesivo com a assinatura do jornal e os dizeres: “One image. Thousand opinions.” ou “One word. Thousand opinions.” ou “One number. Thousand opinions.”
Lindo. Ainda mais por terem a coragem de encarar uma interação pública sem nenhum tipo de moderação.
Para ver um imagem explicativa da ação, clique aqui.
Criado pelo designer e programador Fabio Giolito, o We Heart It é uma espécie de del.icio.us misturado ao flickr e, porque não ao twitter, se trocarmos a pergunta “O que você está fazendo?” por “O que você está vendo?”.
É simples: você se loga (virou verbo, é?!), instala um java nos seus favoritos e, em qualquer site que você estiver navegando, você pode salvar imagens ou videos na sua biblioteca. Tudo isso vai sendo registrado numa linha do tempo pública, e você ainda pode acompanhar o que seus contatos estão encontrando de interessante na web, falando de composições gráficas, fotos e vídeos. Além disso, você tem seus contatos, rss, e tudo mais que a famosa web2.0 pede.
Pra quem não entendeu muita coisa, é bom dar uma passada por lá, porque é meio difícil de explicar mesmo.
Evito ao máximo ficar repetindo posts sobre assuntos já publicados nos grandes e conhecidos blogs. Por isso, não escreverei nada sobre esse asuntos, seja o novo comercial da Sony, mulheres de roupas íntimas nas varandas de São Paulo, e vários outros que parecem ser pulverizados pela web.
Todo mundo já sabe (ou deveria saber) que a Axe está seguindo aqui no Brasil a mesma linha criativa que adotou na Europa: o homem de chocolate, de quem todas as mulheres querem um pedaço. Até aí, nada demais.
Apesar disso, a Axe Brasil também lançou um advergame com esse conceito, assim como a Holanda (se você não viu, veja aqui).
Particularmente, o brasileiro parece mais interessante : ) E vcs, o que acham?
Simples, direta, com baixo custo de execução, conceitual, e tudo mais o que uma campanha deve ser.
Há tempos o lado europeu do Google tem mostrado as asinhas no quesito publicidade… entre gmails gigantes e outdoors vazados, o resultado tem sido bem legal.
A ação feita pelo Google em Berlim para divulgar o serviço de vídeos:
Pode parecer idiota, mas quem não iria pensar em tirar uma foto ali? Tá bom, você… : )
Não sei o porquê, mas esse fim de semana me afundei em alguns PPTs locais e alguns disponíveis na web… algo parecido com uma lista de “Preciso ler isso algum dia”! Também não sou fã de PPTs, ainda mais quando são totalmente baseados na narrativa do palestrante, ou seja, sem ele, alguns slides são apenas uma imagem - normalmente sem resolução nenhuma.
Apesar de tudo, vi dezenas de apresentações, e separei algumas interessantes.
Obs1: Como são de autores diferentes, algumas idéias podem ser contraditórias, mas a idéia é essa mesmo: deixar cada um tirar suas próprias conclusões.
Obs2: Favor ignorar os layouts de algumas. :)
Improving Interface Design
What is Design
Application Interface Design
Digital Experience Design + The Digital Agency
Social Media
Quem souber de mais coisas interessantes, é só deixar nos comments!
+ antigos
