Recentemente meu aplicativo da faculdade foi atualizado com 'melhorias menores na UI', e foi a pior interface de usuário gerada por IA que já vi. A antiga UI era clumsy, mas eu teria preferido aquela em vez do 'canhão de slop' produzido pelo agente de IA deles. O que é Slop? Uma Interface Slop é a UI que a IA cozinha que parece estranha, onde não deveria estar, não serve para nenhum propósito ou quando a UI é muito genérica.

Isso é visto em UI codificada por 'vibe' sem uma visão. UI codificada por 'vibe' pode parecer ótima quando feita corretamente, mas na maioria das vezes não é. E isso deixa as aplicações com aparência barata e pouco atraente para usar.

Exemplos de Sites Web Codificados como Slop: Cloudflare recentemente codificou um site como slop. E também sites como este, você simplesmente sabe quando vê. É como os vídeos de IA desses dias: de qualquer jeito. O seguinte são as coisas que compõem o slop.

Gradientes. Gradientes em todos os lugares. O maior e mais perceptível sinal são os gradientes.

Gradientes em qualquer lugar, gradientes a qualquer momento, gradientes em cada coisa individual. Você os verá nos botões, no fundo, basicamente em qualquer lugar onde eles possam colocá-los. Canhões de Slop AMAM o roxo por algum motivo.

Vômito Arco-Íris. A IA ama usar cores que não significam nada e são apenas cores diferentes. Você só obtém isso: uma tela cheia de um monte de cores que não combinam bem, mas são coloridas dessa forma.

Porque há alguma distinção nos campos ao fazer a UI ou qualquer outra coisa. Ela não segue a regra 70-30-10. Ela simplesmente adiciona cores por todo o lugar.

Insignias Pulsantes. Eu não tenho ideia de por que ela adiciona essas, mas ela simplesmente faz. Acho que está nos dados de treinamento.

Mas ela adiciona essas insignias pulsantes em tudo. Na 'atualização' que meu aplicativo da faculdade teve. Eles têm algo chamado identificação digital, que simplesmente mostra, como, um código QR e seu rosto.

Ela tem essa insignia pulsante que diz que está 'ativa'. O problema é. ELA SIMPLESMENTE NUNCA FICA INATIVA.

SE ELA FICAR INATIVA, O APLICATIVO TE DESLOGA. É apenas informação redundante. E meu perfil tem uma insignia de 'estudante ativo'. ALGUÉM PODE ME DIZER COMO PARECE UM ESTUDANTE INATIVO?? Também na mesma interface de identificação digital.

Ela adicionou uma pequena insignia 'verificada' ao lado do logotipo da minha faculdade. POR QUE? Porque ela não está fazendo uma chamada de API e dizendo, 'oh sim, esse cara está verificado'. E MESMO QUE ELA ESTEJA FAZENDO ISSO, ELA NÃO SIGNIFICA NADA, como.

Se eu estivesse forjando minha identificação digital, eu acrescentaria deliberadamente 'não verificado'???? Unha de Ferradura. Eu vejo essas coisas em literalmente toda UI codificada por 'vibe', e isso me deixa irritado toda vez. Você vê elas em todo lugar, cara.

Não é que elas sejam ruins; é simplesmente que elas são tão excessivamente usadas por literalmente cada LLM em cada único lugar que agora elas parecem ruins. A coisa é. Eu não acho que alguém já tenha se sentado conscientemente e pensado, 'você sabe o que melhoraria isso? uma unha'.

Slop de Emoji. A IA ama emojis por algum motivo. Ela ama eles mais do que Sam Altman ama fingir que eles estão liderando a fronteira.

Elementos Desalinhados. Se você tem SVGs ou arte ASCII ou algum tipo de elemento que não está dentro de uma caixa, ele quase sempre está desalinhado. Como esta lista no horário do meu aplicativo da faculdade.

Seleção de Fonte. Esses sites normalmente não optam por seleções de fonte mais interessantes. Geralmente é Inter, ou se você tem um site mesmo remotamente relacionado à programação, você obtém Jet Brains Mono. e isso: Ela adiciona esses // sempre que algo próximo à tecnologia é mencionado.

Texto Redundante Devido ao Contexto de Chat. Devido ao Contexto de Chat. Ela simplesmente adiciona um monte de texto redundante apenas devido ao contexto de chat.

Por exemplo. Eu estava fazendo meu site de blog anterior, e eu disse a ele: 'Tudo bem, eu não quero escrever nenhum HTML; eu vou escrever no meu Neovim confortável, e eu não quero fazer nada relacionado à web.' Então ele adicionou o texto dizendo 'Built with Hugo. Written from Neovim'.

Não, porque ninguém se importa de onde eu estou escrevendo. A IA faz isso também nos readmes. Ela diz 'Built with Modern CPP 20 features' Irmão, quem se importa?.

Meu aplicativo da faculdade tem isso na tela de inicialização. E o que isso tem é. VOCÊ REALMENTE PODE CHEIRAR O PROMPT QUE ACIONOU ISSO A PARTIR DESTE ÚNICO.

Como 'um campus. um aplicativo.' Sim. Definitivamente foi algum homem...