A Gemini lançou recentemente uma nova interface, e a primeira reação de muitos foi—"Por que isso parece tão familiar?"
Ao abri-la lado a lado com o ChatGPT, algo interessante fica evidente: ambas as empresas tornaram o ponto de entrada do produto mais importante—a caixa de entrada de chat—quase idêntico. Uma caixa de texto, um sinal de mais e um botão de voz, só isso.
Quando um formato de produto é repetidamente refinado e validado por uma base massiva de usuários, a solução ideal tende a convergir para o mesmo ponto.
Qual é a aparência desse design?
A barra de entrada principal mantém apenas três elementos:
- Sinal de mais (+) — Não especifica o que adicionar, talvez anexos?
- Caixa de entrada de texto — O principal ponto de interação
- Botão de áudio — Modo de voz
O cenário de interação principal do chat de IA é, na verdade: Mensagem de texto - digitar, adicionar anexos, fotos ou outros.
Além disso, interações opcionais incluem
- Seleção de modelo
- Pensamento
- Pesquisa na web
- Tom
- ...
Muitos podem se lembrar que o ChatGPT passou muito tempo redesenhando constantemente essa Barra de Entrada até que, um dia, o estilo acima apareceu. Desde então, não importa como os modelos ou as capacidades do produto sejam atualizados, essa Barra de Entrada permaneceu a mesma. Esta é a melhor prática de design.
Por que projetar assim?
Despriorizando a seleção de modelo
Nenhum dos dois produtos coloca a "seleção de modelo" dentro da barra de entrada. A Gemini coloca a troca de modelo em um menu suspenso no cabeçalho superior; o ChatGPT faz o mesmo. A mensagem implícita é consistente:
Não queremos que os usuários pensem "Devo usar GPT-4o ou o1 agora?" antes de cada pergunta.
Do ponto de vista do design de interação—quanto mais itens de decisão, maior o tempo de decisão. Um modelo é, essencialmente, um detalhe de implementação de engenharia. Colocá-lo na frente da barra de entrada força os usuários a realizar uma "autoavaliação" de "Sou digno de usar o melhor modelo?" toda vez, o que é um fardo mental anti-humano.
Mover a entrada do modelo para mais longe e torná-la "não tão fácil de clicar" parece contra-intuitivo, mas é, na verdade, uma confiança nos padrões—o produto diz com confiança ao usuário: Você não precisa se preocupar com isso; nós escolhemos para você.
O Botão de Mais: Um "Contêiner Secundário" Cuidadosamente Projetado
O ícone "+" é a parte mais brilhante aqui; é um sinal de mais, não um ícone de anexo ou imagem.
Especificamente, este contêiner alcança:
- A hierarquia de uma Sheet se encaixa naturalmente na relação "tarefa principal—tarefa auxiliar". Ela surge de baixo, não rouba o foco visual da área de entrada e se retrai após o uso, seguindo o princípio da Divulgação Progressiva.
- A Sheet coloca "adicionar conteúdo" e "invocar capacidades" no mesmo espaço. Abra o sinal de mais do ChatGPT e você verá entradas como Álbum e Câmera para "trazer coisas para dentro", seguidas por Criar imagem, Pesquisa aprofundada e Pesquisa na web para "invocar capacidades para fora". Na mente do usuário, ambos pertencem a "Quero tornar a conversa mais rica agora", então devem aparecer no mesmo contêiner.
- A Sheet oferece uma "descoberta suave". Recursos avançados não são jogados em uma página de configurações ou amontoados na Barra de Ferramentas principal para assustar novos usuários. Eles ficam atrás do sinal de mais, esperando que usuários já familiarizados com o chat básico e começando a ter necessidades avançadas explorem ativamente. Esta é a maneira mais elegante de reduzir o custo de descoberta—sem explicação, sem orientação, apenas aparecendo exatamente quando o usuário está pronto.
Bom design é design de intenção.
Claro, vale mencionar que o Claude ainda mantém a seleção de modelo—na verdade, enfatizando: Nós temos os melhores modelos, você deve usar os melhores modelos! Você precisa escolher os melhores modelos.
Design de UI é design de intenção.
