- A linguagem visual do app Gemini foi projetada para que os usuários possam entender e confiar intuitivamente nas capacidades de um assistente de IA em constante evolução
- Para ajudar os usuários a compreender e confiar na IA, foram definidos como objetivos centrais intuitividade, imersão, familiaridade e confiabilidade
- Gradientes, formas baseadas em círculos e motion intencional se combinam para expressar visualmente o processo de pensamento e a energia do Gemini
- Com base no legado do logotipo do Google e do Material Design, foi construído um novo sistema visual, ao mesmo tempo familiar e fluido
- Por meio do movimento e das mudanças de cor, o Gemini mostra como pensa e reage, reforçando a sensação de que o usuário está colaborando com o sistema
- Essa abordagem aponta a direção de futuras interfaces evolutivas como um modelo de design que conecta de forma suave e confiável a interação entre IA e humanos
A exploração visual do app Gemini
- O Gemini é um assistente de IA que aprende e se adapta continuamente, por isso precisa de uma nova linguagem visual que vá além da abordagem linear tradicional de design
- O objetivo é oferecer uma experiência intuitiva, imersiva e confiável
- Guiar os usuários para explorar funcionalidades em transformação e ganhar confiança
- Além do ícone representativo, o "ícone sparkle", diversos elementos visuais, como gradientes, contêineres responsivos e motion intencional, são integrados
- Esses elementos se combinam para criar clareza e uma familiaridade quase mágica
A história da fluidez e o papel dos gradientes
- Assim como o design de ícones de Susan Kare nas antigas interfaces do Macintosh, o Gemini também enfrenta o desafio de conectar visualmente conceitos abstratos de IA
- Se os ícones de Kare eram uma ponte entre a compreensão humana e a máquina, o Gemini cumpre esse mesmo papel por meio de gradientes
- Os gradientes transmitem fluxo de energia e direção, conduzindo a atenção do usuário para os elementos importantes
- Durante a entrada de voz, são usados gradientes concentrados e difusos para visualizar o processo de pensamento da IA
- Diferentemente de assistentes do passado, como o Clippy, o foco está em uma expressão adaptativa e passível de descoberta
Formas básicas e o legado de design do Google
- A linguagem visual do Gemini se inspira na estrutura circular do logotipo do Google para expressar simplicidade e harmonia
- O logotipo do Gemini é formado a partir do espaço de sombra criado por quatro círculos
- Ao transformar os quatro pontos coloridos e as formas do Material Design, a equipe evoluiu a linguagem visual familiar do Google para uma expressão de IA mais fluida
- Cantos arredondados também são aplicados a elementos de UI, como botões e contêineres, para manter a consistência
- O círculo simboliza a concentração e a expansão da energia, representando visualmente como o Gemini processa e desenvolve ideias
- A líder de design Anna Sera Garcia explica que a ilustração deve ter uma qualidade acolhedora e espacial
- O objetivo é uma sensação "otimista, alegre, mas sofisticada", refletindo um processo de pensamento não linear
Motion intencional e interação
- O movimento no Gemini não é decoração, mas um elemento central de orientação, conectando as ações do usuário às respostas do sistema
- Cada animação tem um início e um fim claros, oferecendo direção e sensação de colaboração
- Os movimentos internos expressam pensamento, análise e inteligência, aumentando a transparência da IA
- Exemplos:
- A velocidade do movimento transmite expectativa e alívio
- Ondulações de gradiente radial representam a forma de onda da voz
- Animações de ícones sinalizam novos recursos
- Garcia menciona que, “assim como a tecnologia vem mudando a forma como conversamos, o Gemini explora os princípios básicos da interação intuitiva”
Suavidade e confiança em meio à mudança
- As soluções visuais do Gemini passam uma impressão calma e refinada, ocultando a complexidade do processo de criação
- As ilustrações de onboarding são continuamente aprimoradas, acumulando novas expressões sobre elementos existentes
- O design enfatiza a suavidade que tolera erros e incentiva a exploração
- Por meio de gradientes pulsantes, linguagem clara e sinais transparentes, busca fazer com que os usuários se sintam seguros
- Os gradientes constituem uma linguagem visual esperançosa, orientadora e suave, conectada à identidade da marca Google
O papel do designer: cartógrafo da mudança
- O design do Gemini está mais próximo de um processo de cartografia continuamente atualizado do que de um resultado fixo
- O designer deve construir não um sistema perfeito, mas uma imperfeição bem pensada
- Em sistemas de IA em transformação, os designers devem desempenhar o papel de projetar experiências relacionais
Ainda não há comentários.