Google e a granularidade do design

Já faz um tempo que o Google começou internamente o tal do Projeto Kennedy. Na prática, o projeto consistia em redesenhar e unificar a linguagem visual de todos os produtos da empresa, para que a experiência do usuário fosse mais uniforme em todos os lugares/contextos/devices/interfaces em que ela acontecia.

Começou com o redesenho do Gmail e do Google Reader (saudade), que deixaram de ter aquele azul todo e passaram a valorizar mais os espaços em branco e os tons de cinza. O vermelho também apareceu com mais força, em vários “calls-to-action” distribuídos pela interface. Depois de uma pequena pausa e de movimentações na liderança da empresa, o projeto voltou e amadureceu bastante. Em junho de 2012, quando o Google Now foi anunciado, as pessoas começaram a reparar em uma novidade nessa nova linha visual que o Google passava a adotar: os cards.

Google Now Card

Google Now Card - Birthday

Os cards são simplesmente cartões, brancos, digitais, que replicam a aparência de cartões físicos reais. São extremamente clean, usam o espaço em branco com bastante inteligência, possuem uma tipografia marcante e imagens sem bordas, estouradas na altura ou largura do card. Eles contêm informações variadas: de previsão do tempo a condições de trânsito, de lembretes de aniversários dos amigos a informações sobre sua caixa de entrada de emails – e por aí vai.

Há alguns meses o Google começou a mostrar mais detalhes sobre a interface do Google Glass.

No Google I/O, semana passada, o Google anunciou o redesign do Google Plus.

O que todos esses produtos têm em comum?

Continuar lendo

User experience design não existe

Pode ser só mais um vídeo de um cara falando uma porção de coisas sobre UXD, Design de Interação ou simplicidade. Tem 30 minutos de duração – o que me deixou meio desacreditado de assistir até o fim. Mas tem uma frase que ele fala logo no começo que me deixou pensando os outros vinte e tantos minutos.

“Uma grande parte do nosso trabalho é saber se adaptar a mudanças. Reavaliar. Adaptar.”

Então aí vai.

Ótimos exemplos e umas boas risadas:

Leia também: UX Design não é uma profissão

Em busca do pixel perfeito

UsTwo Pixel Perfect

O pessoal da UsTwo produziu um manual bem detalhado sobre regras que para muitos parecem básicas, mas que não custa nada relembrar.

O legal é que além de dicas de Visual Design, eles também dão uns toques de navegação, acessibilidade, organização e até ajuste de perfil de cor do seu monitor.

Ideal para aquele assistente dedicado ou para aquele amigo mais experiente que gosta de mandar os arquivos desorganizados. ;-)

O link para ver o manual (em PDF) é esse aqui: http://cdn.ustwo.co.uk/PPP/PPP2.pdf

O dia em que a função venceu

Função e forma é uma discussão antiga na área de Design. Cada um tem sua opinião. Aqui vai a do Museu do Design, de Londres, premiando o site Gov.uk como o melhor design do mundo como eles mesmo se apresentam:

The Designs of the Year awards, ‘The Oscars of the design world’ showcase the most innovative and imaginative designs from around the world, over the past year, spanning seven categories: Architecture, Digital, Fashion, Furniture, Graphics, Transport and Product.

gov.uk - Premiado melhor design 2013 - unificação de sites do governo

E o prêmio não foi fácil não: dá uma olhada na lista de concorrentes. O site teve a mais alta premiação entre todas as categorias.

Por isso, meus amigos, a função venceu aqui.

Tá, o que tem de tão especial esse site que parece uma página de resultados do Google?

Ele tem solução.

A estrutura do site foi pensada para responder perguntas, para dar as respostas sem frescuras, sem redes sociais, sem gifs, flash, applets e afins. Direto ao ponto – e são vários pontos – afinal, eles unificaram 750 sites do governo britânico e reorganizaram todo o conteúdo. Eles não simplesmente apresentaram o conteúdo de uma forma bacana. Eles entenderam o conteúdo e traduziram para o público. Eu quase choro pensando em como eles passaram por todo esse processo.

Uma rápida comparação: você quer informações para fazer o seu primeiro passaporte? Entenda a diferença do site do BR e UK.

Ben Terret fala do processo de maneira bastante clara nesse vídeo:

"We're trying to get design out of the way"

“We’re trying to get design out of the way”

Se você tiver tempo, dê uma olhada no blog do projeto. Tem muita coisa boa lá. No guia de estilo, por exemplo, o primeiro item é: Tom de voz. Não é lindo?

Pra fechar, a lista dos 10 princípios de design do GDS é a seguinte:

  1. Start with needs
  2. Do less
  3. Design with data
  4. Do the hard work to make it simple
  5. Iterate. Then iterate again.
  6. Build for inclusion
  7. Understand context
  8. Build digital services, not websites
  9. Be consistent, not uniform
  10. Make things open: it makes things better

Fica a dica mais importante para os aspirantes e – principalmente – para os experientes: você entende de todo processo para poder traduzi-lo de forma clara para o seu usuário?

Fonte: esse, esse outro, mais esse e esse aqui.

50 boas práticas de UX

…consolidadas em um único documento e separadas em categorias.

(Se você está lendo este post por RSS ou email e o documento acima não abrir, veja-o no blog)

Se estiver sem tempo de ver o documento todo, abaixo tem a lista com os títulos de cada um dos itens.

Getting Started

1. Pense grande

2. Conecte os objetivos

3. Envolva as outras áreas

Continuar lendo

O processo de design flexível

  • Um bom processo de design é sobre comunicação. Como você explica para as pessoas o que está na sua cabeça?
  • Qual é a quantidade mínima de trabalho que você precisa ter para vender suas ideias para o restante do time? Como comunicar um design de forma rápida e efetiva?
  • Crie uma argumentação que ajude as pessoas a entenderem o porquê das suas decisões de design. Explique a ideia por trás do design.
  • Ser ágil significa evoluir o seu processo a um ponto em que ele possa mudar quando necessário.
  • Bom design acontece quando existem restrições. Com o tempo, você encontra mais restrições, à medida em que toma novas decisões. Mas são restrições boas. O problema são as restrições que aparecem logo no começo do projeto, que são as restrições enviesadas.
  • Papel é um bom lugar para começar. Mantenha a fidelidade baixa e foque em fazer algo que as pessoas que estão em volta se sintam confortáveis em colaborar.
  • Sketchbooks não mostram se você é um bom artista, mas sim se você é um bom pensador.
  • Focar muito no estilo te faz pensar apenas em como dizer algo, mas não em o que dizer. Contexto e significado são a parte mais importante do processo de design.

Notas de Luke W sobre apresentação de Jason Santa Maria em Seattle, 2013.