A anatomia de uma interface de mensagens
Você opera uma interface de mensagens centenas de vezes por dia sem nunca lê-la — e mesmo assim aprendeu, de algum jeito, que «ok.» é mais frio que «ok», que dois checks cinzas significam algo diferente de dois azuis, e que um «digitando…» que para é uma frase em si. A interface de chat é um sistema semiótico denso que três bilhões de pessoas falam fluentemente sem instrução. Para quem constrói cenas de chat — escritores, professores, designers, criadores de vídeo — conhecer essa gramática conscientemente é a diferença entre um mockup que parece real e um que parece um formulário. Um passeio guiado pelas peças.
Bolhas: geometria como gramática
A bolha é o átomo, e sua posição é sua primeira palavra: alinhada à direita (geralmente colorida) sou eu; à esquerda (geralmente neutra), eles — uma convenção tão absoluta que invertê-la torna uma cena ilegível. Mensagens consecutivas de um mesmo remetente se agrupam com espaçamento apertado, e é por isso que as quebras de bolha são expressivas: um pensamento partido em quatro bolhas curtas lê-se como urgência ou nervosismo; as mesmas palavras num bloco, como compostura. O rabinho — aquele bico apontando para o remetente — ancora silenciosamente a atribuição; mockups que o omitem parecem sutilmente errados antes que o espectador saiba dizer por quê.
Estados de entrega: o alfabeto dos checks
As pequenas marcas sob uma mensagem formam um alfabeto de quatro letras: enviado (um check — saiu do seu telefone), entregue (dois — chegou no dele), lido (colorido ou «Visto» — abriram), e o limbo sem marca que sugere um telefone desligado ou uma pessoa que se foi. O narrador deve tratar os estados de leitura como a pontuação mais poderosa do formato: «entregue» por três dias é ausência; «visto 22h14» sem resposta é uma cena completa de rejeição numa linha de metadados. Interfaces reais diferem (checks, «Visto», avatares na linha), mas o público lê todos os dialetos fluentemente — o que importa numa cena é consistência e intenção.
Presença: digitando, online, visto por último
A camada viva da interface sinaliza uma pessoa do outro lado, agora. «Digitando…» é a expectativa tornada visível — e sua interrupção (aparecer, parar, aparecer de novo, depois nada) é a versão que a interface possui do rosto hesitante de um ator; possivelmente o elemento mais dramático que o formato tem. «Online» e «visto por último 02h47» situam a outra pessoa no tempo e habilitam tramas inteiras («online às 3 de novo»). Para quem constrói cenas, esses sinais são instrumentos de precisão: um indicador de digitação antes de uma mensagem dura muda sua temperatura emocional, e um horário de «visto por último» pode carregar um passado que em prosa exigiria um parágrafo.
Horários, linhas de sistema e todo o resto
Horários são o relógio do fio e seus cortes de cena: um salto de 23h40 para 04h12 é uma noite em claro entregue numa linha de texto cinza. Mensagens de sistema — «X apagou esta mensagem», «Y mudou o nome do grupo», «chamada perdida» — são a interface narrando eventos, e a ficção as explora a fundo: uma mensagem apagada é a espingarda de Tchekhov com horário. Reações, respostas com citação, ondas de áudio e miniaturas de foto completam o kit, cada um com seu significado social (o joinha como encerrador de conversa; a resposta citada como prova). Uma cena de chat crível usa talvez seis desses elementos — mas os escolhe como uma boa frase escolhe sua pontuação.
Perguntas frequentes
Por que minhas mensagens ficam à direita em todo lugar?
Uma convenção universal: seu conteúdo ancora do seu lado (em interfaces da esquerda para a direita, a borda direita), mantém sua posição estável em todos os apps e torna a atribuição instantânea. É um dos padrões não escritos mais fortes do design de interfaces — forte o bastante para que a ficção não possa quebrá-lo sem quebrar a compreensão.
Preciso reproduzir um app específico exatamente num mockup?
Só se a história for sobre aquele app. O genérico-mas-consistente funciona melhor na maioria dos contextos de ficção, ensino e demo — o público lê a gramática compartilhada (alinhamento, checks, horários) seja qual for a pele, e uma pele neutra evita tanto o ruído de marca quanto alegações acidentais de «isso realmente aconteceu no X». Consistência dentro da cena importa muito mais que fidelidade a qualquer marca.
Qual detalhe as cenas de chat falsas mais erram?
O tempo. Horários equidistantes, turnos perfeitamente alternados e respostas que chegam na hora a qualquer horário leem-se como sintéticos mesmo quando ninguém percebe conscientemente. Conversas reais se aglomeram, travam e retomam; um manda quatro mensagens para uma do outro. Adicione assimetria e tempo irregular, e um fio fictício começa a respirar.
Monte cenas de chat fictícias, exporte imagens limpas. O Chat Story Studio permite compor conversas de mensagens fictícias — nomes, avatares, horários, confirmações de leitura, papéis de parede — e exportá-las como imagens nítidas para vídeos, salas de aula, mockups e histórias. Tudo claramente fictício, feito por você, no seu aparelho.
Teste no navegador Baixe no Google Play