A Gemini lançou recentemente uma nova interface, e a primeira reação de muitas pessoas foi—"Por que isso parece tão familiar?"
Ao abri-la lado a lado com o ChatGPT, algo interessante fica claro: ambas as empresas tornaram o ponto de entrada do produto mais importante—a caixa de entrada de chat—quase idêntica. Uma caixa de texto, um sinal de mais e um botão de voz, só isso.
Quando uma forma de produto é repetidamente refinada e validada por uma enorme base de usuários, a solução ótima 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 para que serve o "+", talvez adicionar 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 para chat com 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 constantemente redesenhando esta Barra de Entrada até que, um dia, o estilo acima apareceu. Desde então, não importa como os modelos ou os recursos do produto sejam atualizados, esta Barra de Entrada permaneceu a mesma. Esta é a melhor prática do design.
Por que projetar assim?
Despriorizando a seleção de modelo
Nenhum dos produtos coloca "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. Seu subtexto é consistente:
Não queremos que os usuários pensem "Devo usar o GPT-4o ou o 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 confiantemente 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 da parte inferior, 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 fornece uma "descoberta gentil". Recursos avançados não são despejados 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 os explorem ativamente. Esta é a maneira mais elegante de reduzir o custo de descoberta—sem explicação, sem orientação, aparecendo exatamente quando o usuário está pronto.
Bom design é o design da intenção.
Claro, vale mencionar que o Claude ainda mantém a seleção de modelo—na verdade, enfatizando: Temos os melhores modelos, você deve usar os melhores modelos! Você deve escolher os melhores modelos.
O design de UI é o design da intenção.
