Crítica especial ao design da web: o novo Google+
Ontem, o Google lançou um redesenho maciço de sua rede social, o Google+. Eles não apenas embaralharam alguns objetos, redefiniram completamente toda a experiência visual. Uma atualização tão importante merece uma edição especial da nossa série de críticas de web design.
Deixe que os outros falem sobre listas de recursos antigas e chatas, junte-se a nós quando entrarmos e dar uma olhada ao redor para ver o que é melhor e o que é pior na perspectiva de um designer. Separaremos cada parte da interface e veremos se há algo a ser aprendido.
Explorar recursos de design
Se você deseja enviar seu site para ser apresentado em uma futura Crítica de design, leva apenas alguns minutos. Cobramos US $ 49 pela crítica do seu design - consideravelmente menos do que você pagaria por um consultor para dar uma olhada no seu site! Você pode encontrar mais aqui.
O antigo Google+
Antes de mergulharmos no novo design, vamos dar uma olhada rápida na versão original do Google+, mostrada abaixo.
Como você pode ver, é uma experiência bastante esparsa com muito espaço em branco. O layout organiza o conteúdo em três colunas com uma barra horizontal na parte superior para pesquisar, adicionar fotos, visualizar seus círculos etc. O layout aqui é na verdade uma reminiscência do design atual do Facebook.
O sentimento geral é limpo e simples, mas também um pouco frio e impessoal. Isso facilitou o site para qualquer pessoa pegar e usar, mas talvez não tenha ajudado muito com o conceito de tornar a página seu hub pessoal de comunicação.
O novo Google+
O novo Google+ reduz drasticamente o espaço em branco e os sentimentos de escassez. Em comparação, a interface parece carregada de recursos e botões. Eles mantiveram a forte personalidade branca, mas complementaram isso com um tom de cinza.
Isso pode parecer uma mudança trivial, mas na verdade é uma tentativa muito intencional de criar uma hierarquia visual forte na página. Onde a página antiga era um mar de branco com uma única área cinza na parte superior, esta página usa essas duas cores para distinguir claramente as partes principal e secundária do conteúdo. Seus olhos irão flutuar pela página, dando um significado importante às partes mais claras da interface.
Layout
O layout é muito mais complicado desta vez. É uma versão modificada do antigo layout de três colunas com um pouco de aninhamento no lugar. Ainda existe uma seção principal larga ladeada por duas barras laterais estreitas, mas essa seção principal agora está dividida em duas sub-colunas fortes. Todo o conteúdo da página tem uma posição fixa, apenas a área de conteúdo principal rola.
Se removermos tudo e apenas olharmos os ossos da página, veremos uma estrutura de arame bastante complexa.
Uma das mudanças conceituais mais significativas ocorridas é que o layout antigo continha seus vários círculos de amigos em uma faixa vertical no lado esquerdo e os ícones de navegação na parte superior, enquanto o novo layout coloca a navegação em uma faixa vertical de ícones no lado esquerdo e seus círculos em uma barra horizontal na parte superior.
Esse padrão de navegação baseado em ícones do lado esquerdo é algo que se tornou extremamente popular no design da interface do usuário do Mac e estamos começando a vê-lo espelhado nas interfaces da web. Um dos proponentes mais significativos desse formato foi o Twitter para Mac (anteriormente Tweetie), que gerou uma série de interfaces semelhantes em aplicativos como Reeder, Sparrow e Raven.
A nova página do Google+ vem com algum vocabulário para aprender. A faixa do lado esquerdo é a "fita", que contém várias "aplicações". A caixa de conteúdo principal é o "cartão" e a área deslizante abaixo de cada postagem com comentários, + 1s etc. é a "gaveta de atividades".
Problemas de alinhamento
O novo layout ajuda bastante a fazer o Google+ parecer um aplicativo mais rico em recursos e definitivamente faz bom uso do contraste para destacar as partes importantes da página. Realmente não tenho problemas com o esquema geral do layout, mas não consigo deixar de notar alguns problemas de alinhamento que, na minha opinião, reduzem a estética.
Para iniciantes, a caixa de conteúdo principal e o botão do hangout estão a alguns pixels de serem perfeitamente alinhados ao longo dos traços principais. Infelizmente, para um nitpicker como eu, alguns pixels parecem uma milha de distância. Existem poucas peculiaridades de design que me incomodam mais rápido do que duas coisas quase alinhadas. Para saber mais sobre este tópico, consulte "Por que quase é uma palavra suja no design".
O efeito é ainda pior se der um passo atrás e olhar para todos os quatro elementos nesta área. O endereço de e-mail do usuário, a caixa de conteúdo principal, a caixa de hangout e a área de notificação são todos de tamanhos aleatórios e parecem não ter lógica por trás do canal.
Este exemplo não é um incidente isolado; existem outros casos em que os objetos perdem um alinhamento vertical ou horizontal. Confira como o logotipo do Google+ abaixo é desajeitadamente deslocado da forte linha vertical estabelecida pela navegação abaixo.
Ícone do design: além do simples
Historicamente, o Google sempre foi conhecido por sua total falta de design. Todo produto lançado parecia ser quase a solução mais simples possível que você poderia imaginar. A imagem de marca do Google representou uma recusa completa em seguir o estilo visual da web 2.0, brilhante e berrante, popular no início dos anos 2000, em favor de deixar o conteúdo falar por si.
Nos últimos anos, vimos o Google começando a se distanciar lentamente dessas idéias, pois seus produtos mostram uma quantidade sutil, mas cada vez maior, de complexidade e detalhes de design. Os ícones no novo Google+ servem como um exemplo perfeito dessa noção.
Observe como as formas abstratas simples e as cores sólidas deram lugar a uma imagem mais coesa de uma casa, que contém traços e gradientes sutis.
Repetição de efeitos de foco
Enquanto discutimos os ícones, vamos dar uma olhada rápida em alguns dos aspectos menores de interação do site, como os efeitos de foco. O tema geral aqui é que os ícones são cinza e contrastam muito pouco com o fundo. Em seguida, ao passar o mouse, o ícone fica colorido. Você pode ver isso em ação na barra lateral:
A repetição é uma das suas ferramentas mais fortes como designer e o Google a está exercendo bem aqui. O mesmo efeito cinza-colorido é repetido em mais alguns lugares da página.
No entanto, eles são um pouco inconsistentes com esse efeito. Em alguns momentos, acho que seria apropriado promover a repetição, mas eles escolheram outro efeito aleatório. No exemplo abaixo, os ícones se transformam em formas de botão ao passar o mouse.
Nova barra lateral
À direita da seção de conteúdo principal, há uma nova barra lateral com vários recursos projetados para ajudar você a aproveitar ao máximo o Google+. Observe que este é outro local em que vemos a cor no truque.
Esta área é muito bem projetada, com cada seção claramente organizada e distinta. É interessante ver o Google pegando uma ideia do Twitter na forma de uma lista de tópicos de tendências. Você pode ver que os usuários já adotam a sintaxe da hashtag, um exemplo fascinante de como transferimos automaticamente nossos comportamentos pelas redes sociais, independentemente de os desenvolvedores serem responsáveis por esse comportamento.
É sempre importante antecipar e observar o comportamento de sua base de usuários e prestar atenção a ações que eles parecem atrair, em vez de tentar alterá-las. Isso fará com que sua plataforma pareça muito mais intuitiva e fácil de adotar.
Perfil
Tomando uma página do novo manual de linha do tempo do Facebook (e talvez Path), o novo perfil do Google+ permite não apenas uma imagem principal do avatar, mas também uma "imagem de capa" (o mesmo termo usado pelo Facebook).
A parte que está mais visível do que o Facebook é a inegavelmente enorme foto de perfil, que reside no lado direito e não no esquerdo. Mostradas abaixo no tamanho real, essas imagens são exibidas em impressionantes 250px por 250px, o que certamente não é coincidentemente exatamente o dobro das fotos de perfil quadrado de 125px do Facebook.
Uma coisa que acho interessante é o fato de a imagem da capa realmente sair da caixa de conteúdo principal. Eu geralmente aprecio quando designers intencionalmente fazem um truque inesperado como esse, mas para ser sincero, acho isso bastante perturbador aqui. Assim que uma página de perfil é carregada, meus olhos saltam direto para a sobreposição estranha.
Qual é o veredicto?
No mês passado, o Google+ ultrapassou a marca de 100 milhões para usuários ativos. Ninguém pode chamar isso de um número pequeno, especialmente porque o Instagram acabou de roubar um bilhão de dólares do Facebook por sua plataforma e mais de 30 milhões de usuários.
Além disso, se você considerar que o Twitter tem apenas 140 milhões de usuários ativos, parece que o Google+ está rapidamente buscando o segundo lugar nas mídias sociais. No entanto, isso definitivamente não é suficiente para chegar perto de rivalizar com a base de usuários ativos do Facebook, que está em algum lugar na faixa de 800 milhões.
O novo design mostra que o Google não tem intenção de abandonar esse projeto, como muitos outros no passado. Eles definitivamente estão tentando criar uma experiência mais agradável para atraí-lo e mantê-lo voltando. A questão é: isso funcionará?
Para responder a isso, precisamos especular sobre o que impede as pessoas de adotarem o Google+. A resposta óbvia é que o Google+ parece um pouco redundante quando você já tem uma conta no Facebook, ainda mais se estiver ativo no Facebook e no Twitter. Outra possibilidade é que, embora o antigo Google+ certamente não fosse feio, ele talvez parecesse um pouco estéril e sem personalidade.
Objetivos possíveis por trás do novo design
A partir disso, podemos arriscar um palpite para pelo menos dois objetivos possíveis por trás do redesenho. O primeiro seria diferenciar ainda mais o Google+ de outras redes sociais. Tentar alegar que eles são simplesmente melhores que o Facebook em seu próprio jogo não é a melhor opção, o pessoal do Google precisa estabelecer uma pedra angular conceitual claramente única para explicar por que as pessoas deveriam acessar seu site. Como exemplo, o Twitter fez um excelente trabalho em evitar replicar a funcionalidade do Facebook e permanecer não como uma alternativa, mas como seu próprio produto distinto.
O segundo objetivo seria reduzir a esterilidade e começar a transformar o Google+ em um lugar amigável e acolhedor, fácil de navegar e até divertido de usar.
Eles atingiram esses objetivos?
Se analisarmos o design em termos desses objetivos, podemos avaliar melhor se foi ou não um sucesso. Este exercício nos dá pontos claros para compararmos, em vez de esfaquear cegamente no escuro, na tentativa de descobrir o que funciona e o que não funciona.
Quanto ao primeiro objetivo, o Google fez alguns progressos em algumas áreas e talvez tenha recuado um pouco em outras. No geral, o novo layout é um salto muito maior do que o antigo. À primeira vista, um usuário fiel de um deles nunca confundiria um com o outro, o que é uma coisa boa.
Além disso, pequenos toques como colocar os filtros de círculo na parte superior e continuar a dar destaque aos hangouts garantem que as poucas inovações do Google estejam na frente e no centro. Esse progresso contrasta com outras áreas, como a nova imagem da capa, que na verdade faz a rede social parecer mais um clone do Facebook, e não menos. Eu gostaria de vê-los mostrar algum pensamento único nessa área, em vez de simplesmente pegar emprestado o novo formato do Facebook.
O segundo objetivo definitivamente parece ter sido uma das principais preocupações na atualização do design. O novo Google+ cria um ambiente mais convidativo. Embora esteja prestes a ser confuso, especialmente quando comparado à versão antiga, parece um serviço mais robusto com todas as coisas que estão acontecendo na sua página inicial.
Há muita ênfase aumentada nos rostos. Começa com sua nova e enorme foto de perfil e continua na página inicial, onde você vê uma grande barra lateral de bate-papo cheia de rostos amigáveis, além de sugestões para pessoas que você pode conhecer e usuários que você pode gostar. O Google quer que você faça amigos, que se sinta atraído pela experiência o suficiente para sentir falta quando sair. Mais amigos significa mais interações, o que significa mais motivos para retornar.
O que você acha?
O Google+ me pareceu sair dos holofotes nos últimos meses. No entanto, essa percepção foi aparentemente falha, pois, na realidade, eles estavam subindo silenciosamente, mas constantemente, nos gráficos com um número impressionante de usuários diários ativos. Independentemente disso, mesmo que eles estivessem começando a falhar em interesse público, o novo design foi cronometrado perfeitamente para que toda a web falasse sobre eles mais uma vez. Mesmo se esse foi o único motivo por trás da atualização, provavelmente será recompensado.
No entanto, como expliquei acima, acho que alguns objetivos mais profundos estavam em ação aqui. Agora que você leu meus pensamentos, é hora de você entrar na conversa. Quais objetivos você acha que o Google estava tentando alcançar com o novo design? Eles efetivamente retiraram essas intenções?
Além disso, o Google+ está finalmente fadado a seguir o caminho do Wave, Buzz e outras tentativas sociais fracassadas ou continuará seu crescimento constante e se tornará uma das redes sociais mais importantes da Web?
