Gemini lanzó recientemente una nueva interfaz de usuario, y la primera reacción de muchos fue—"¿Por qué esto se ve tan familiar?"
Al abrirlo junto a ChatGPT, se revela algo interesante: ambas compañías han hecho que el punto de entrada de producto más importante—el cuadro de entrada de chat—sea casi idéntico. Un cuadro de texto, un signo más y un botón de voz, eso es todo.
Cuando una forma de producto es refinada y validada repetidamente por 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é es el "+", ¿quizás agregar archivos adjuntos?
- Cuadro de entrada de texto — El punto de interacción principal
- Botón de audio — Modo de voz
El escenario de interacción principal para el chat de IA es en realidad: Mensaje de texto - escribir, agregar archivos adjuntos, fotos u otros.
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 de esta manera?
Despriorizar la selección de modelo
Ninguno de los dos productos coloca la "selección de modelo" dentro de la barra de entrada. Gemini coloca el cambio de modelo en un menú desplegable en el encabezado superior; ChatGPT hace lo mismo. Su mensaje subyacente 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, más largo es el tiempo de decisión. Un modelo es esencialmente un detalle de implementación de ingeniería. Colocarlo frente a la barra de entrada obliga a los usuarios a realizar una "auto-auditoría" de "¿Soy digno de usar el mejor modelo?" cada vez, lo cual es una carga mental antihumana.
Mover la entrada del modelo más lejos y hacerla "no tan fácil de hacer clic" parece contradictorio, pero en realidad es una confianza en los valores predeterminados—el producto le dice con confianza al usuario: No necesitas preocuparte por esto; nosotros elegimos por ti.
El Botón Más: Un "Contenedor Secundario" Cuidadosamente Diseñado
El ícono "+" es la parte más brillante aquí; es un signo más, no un ícono de archivo adjunto o imagen.
Específicamente, este contenedor logra:
- La jerarquía de una Hoja (Sheet) encaja naturalmente con la relación "tarea principal—tarea auxiliar". Se eleva desde abajo, no roba el foco visual del área de entrada y se retrae después de su uso, siguiendo el principio de Divulgación Progresiva.
- La Hoja coloca "agregar contenido" e "invocar capacidades" en el mismo espacio. Abre el signo más de ChatGPT y 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, ambos 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 arrojan a una página de configuración ni se agolpan en la Barra de herramientas principal para asustar a los nuevos usuarios. Se encuentran 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 explicación, sin guía, simplemente apareciendo justo cuando el usuario está listo.
El buen diseño es diseño de intención.
Por supuesto, vale la pena mencionar que Claude aún conserva la selección de modelo—en realidad enfatizando: 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.
