Gemini lanzó recientemente una nueva interfaz, y la primera reacción de muchos fue: "¿Por qué esto se ve tan familiar?"
Al abrirlo junto a ChatGPT, algo salta a la vista: ambas compañías han hecho que el punto de entrada más importante del producto —el campo de entrada de chat— sea casi idéntico. Un cuadro de texto, un signo más y un botón de voz, nada más.
Cuando un formato de producto se refina y valida repetidamente con una base masiva de usuarios, la solución óptima tiende a converger en el mismo punto.
¿Cómo se ve este diseño?
La barra de entrada principal conserva solo tres elementos:
- Signo más (+) — No especifica para qué sirve, ¿quizás agregar archivos adjuntos?
- Campo de entrada de texto — El punto de interacción principal
- Botón de audio — Modo de voz
El escenario de interacción principal del chat con IA es en realidad: mensaje de texto — escribir, agregar archivos adjuntos, fotos u otros elementos.
Más allá de eso, las interacciones opcionales incluyen:
- Selección de modelo
- Razonamiento
- Búsqueda web
- Tono
- ...
Muchos recordarán que ChatGPT pasó mucho tiempo rediseñando constantemente esta barra de entrada hasta que, un día, apareció el estilo anterior. Desde entonces, sin importar cómo se actualicen los modelos o las capacidades del producto, esta barra de entrada se ha mantenido igual. Esta es la mejor práctica del diseño.
¿Por qué diseñarlo así?
Despriorizar la selección del modelo
Ninguno de los dos productos coloca la "selección del modelo" dentro de la barra de entrada. Gemini pone el cambio de modelo en un menú desplegable en el encabezado superior; ChatGPT hace lo mismo. El mensaje implícito es consistente:
No queremos que los usuarios piensen "¿Debería usar GPT-4o u o1 ahora?" antes de cada pregunta.
Desde una perspectiva de diseño de interacción —cuantos más elementos de decisión, mayor es el tiempo de decisión. Un modelo es esencialmente un detalle de implementación técnica. Colocarlo frente a la barra de entrada obliga a los usuarios a realizar una "autoevaluación" de "¿Merezco usar el mejor modelo?" cada vez, lo cual supone una carga mental antinatural.
Alejar la opción del modelo y hacerla "no tan fácil de tocar" parece contradictorio, pero en realidad es una confianza en los valores predeterminados —el producto le dice al usuario con confianza: no tienes que preocuparte por esto, nosotros elegimos por ti.
El botón Más: un "contenedor secundario" cuidadosamente diseñado
El icono "+" es la parte más brillante aquí; es un signo más, no un icono de archivo adjunto o imagen.
Específicamente, este contenedor logra:
- La jerarquía de una Hoja encaja naturalmente con la relación "tarea principal — tarea auxiliar". Aparece desde abajo, no roba el foco visual del área de entrada y se retrae después de usarse, siguiendo el principio de Revelación Progresiva.
- La Hoja coloca "agregar contenido" e "invocar capacidades" en el mismo espacio. Al abrir el signo más de ChatGPT, verás entradas como Álbum y Cámara para "traer cosas", seguidas de Crear imagen, Investigación profunda y Búsqueda web para "invocar capacidades". En la mente del usuario, ambas pertenecen a "Quiero enriquecer la conversación ahora", por lo que deberían aparecer en el mismo contenedor.
- La Hoja proporciona un "descubrimiento suave". Las funciones avanzadas no se vuelcan en una página de configuración ni se aglomeran en la Barra de herramientas principal para asustar a los nuevos usuarios. Están detrás del signo más, esperando que los usuarios que ya están familiarizados con el chat básico y comienzan a tener necesidades avanzadas las exploren activamente. Esta es la forma más elegante de reducir el costo de descubrimiento —sin explicaciones, sin guías, apareciendo justo cuando el usuario está listo.
Un buen diseño es diseño de intención.
Por supuesto, vale la pena mencionar que Claude todavía conserva la selección del modelo —en realidad enfatiza: ¡Tenemos los mejores modelos, deberías usar los mejores modelos! Debes elegir los mejores modelos.
El diseño de UI es diseño de intención.
