- El lenguaje visual de la app Gemini está diseñado para que los usuarios puedan comprender y confiar de forma intuitiva en las capacidades de un asistente de IA en evolución constante
- Para ayudar a los usuarios a entender y confiar en la IA, se establecieron como objetivos clave la intuitividad, inmersión, cercanía y confiabilidad
- La combinación de degradados, formas basadas en círculos y movimiento intencional expresa visualmente el proceso de pensamiento y la energía de Gemini
- A partir del logo de Google y el legado de Material Design, se construyó un nuevo sistema visual que resulta familiar, pero también fluido
- Mediante el movimiento y los cambios de color, se muestra cómo Gemini piensa y responde, reforzando la sensación de que el usuario está colaborando con el sistema
- Este enfoque propone una base de diseño que conecta de forma fluida y confiable la interacción entre IA y humanos, y señala la dirección de futuras interfaces evolutivas
Exploración visual de la app Gemini
- Gemini es un asistente de IA que aprende y se adapta continuamente, por lo que necesita un nuevo lenguaje visual que vaya más allá del enfoque de diseño lineal tradicional
- El objetivo es ofrecer una experiencia intuitiva, inmersiva y confiable
- Guiar a los usuarios para que exploren funciones cambiantes y desarrollen confianza
- Además del icónico “ícono de destello”, se integran diversos elementos visuales como degradados, contenedores responsivos y movimiento intencional
- La combinación de estos elementos crea claridad y una familiaridad con un toque mágico
La historia de la fluidez y el papel del degradado
- Al igual que el diseño de íconos de Susan Kare en la antigua interfaz de Macintosh, Gemini también enfrenta el reto de conectar visualmente conceptos abstractos de IA
- Si los íconos de Kare fueron un puente entre la comprensión humana y la máquina, Gemini cumple ese mismo papel mediante el degradado
- El degradado transmite flujo de energía y dirección, y dirige la atención del usuario hacia los elementos importantes
- Durante la entrada por voz, se usan degradados concentrados y difusos para visualizar el proceso de pensamiento de la IA
- A diferencia de asistentes del pasado como Clippy, apunta a una expresión adaptable y fácil de descubrir
Formas base y el legado de diseño de Google
- El lenguaje visual de Gemini se inspira en la estructura circular del logo de Google para expresar simplicidad y armonía
- El logo de Gemini surge del espacio sombreado creado por cuatro círculos
- Al transformar los cuatro puntos de color y las formas de Material Design, evoluciona el lenguaje visual familiar de Google hacia una expresión de IA más fluida
- También se aplican esquinas redondeadas a elementos de la UI como botones y contenedores para mantener la coherencia
- La forma circular simboliza la concentración y expansión de la energía, representando visualmente cómo Gemini procesa y amplía ideas
- La líder de diseño Anna Sera Garcia explica que la ilustración debe tener una cualidad cálida y espacial
- El objetivo era una sensación “optimista, alegre, pero sofisticada”, que reflejara un proceso de pensamiento no lineal
Movimiento intencional e interacción
- El movimiento de Gemini no es decorativo, sino un elemento central de guía que conecta las acciones del usuario con la respuesta del sistema
- Cada animación tiene un inicio y un final claros para aportar dirección y sensación de colaboración
- El movimiento interno expresa pensamiento, análisis e inteligencia, aumentando la transparencia de la IA
- Ejemplos:
- La velocidad del movimiento transmite anticipación y liberación
- Las ondas de degradado radial representan la forma de onda de la voz
- La animación de íconos anuncia nuevas funciones
- Garcia menciona que “así como la tecnología ha cambiado la forma en que conversamos, Gemini explora los principios básicos de la interacción intuitiva”
Suavidad y confianza en medio del cambio
- Las soluciones visuales de Gemini dan una impresión serena y sofisticada, ocultando la complejidad del proceso de creación
- Las ilustraciones de onboarding se mejoran continuamente, sumando nuevas expresiones sobre elementos existentes
- El diseño prioriza una suavidad que tolera errores y fomenta la exploración
- Mediante degradados pulsantes, lenguaje claro y señales transparentes, busca que el usuario se sienta seguro
- El degradado funciona como un lenguaje visual esperanzador, orientador y suave, conectado con la identidad de la marca Google
El papel del diseñador: cartógrafo del cambio
- El diseño de Gemini se parece menos a un resultado fijo y más a un proceso continuo de cartografía que se actualiza constantemente
- El diseñador no debe construir un sistema perfecto, sino una imperfección reflexiva
- En sistemas de IA cambiantes, el diseñador debe asumir el papel de diseñar experiencias relacionales
Aún no hay comentarios.