HeadlinesBriefing favicon HeadlinesBriefing.com

10个Slop UI的表现 - 识别AI生成的糟糕界面

Hacker News •
×

最近我的大学应用被更新了“次要的UI改进”,结果这是我见过的最糟糕的AI生成用户界面。旧版UI虽然笨拙,但我宁愿要那个,也不愿接受他们AI代理生成的“滥用炮”所产生的界面。什么是Slop?Slop UI是指AI生成的界面,看起来不对劲,出现在不该出现的地方,没有实际用途,或者界面过于泛化。这种情况常见于缺乏愿景的“氛围编码”UI。当做得好时,氛围编码UI可以看起来很棒,但大多数情况下并非如此。这会让应用看起来廉价且缺乏吸引力。Slop编码网站的例子:Cloudflare最近就用AI生成了一个网站。还有像这样的网站,你一眼就能认出来。这就像现在的AI生成视频:随便看看。以下是构成Slop的要素。渐变。到处都是渐变。最大且最明显的标志是渐变。到处都是渐变,随时都是渐变,每个地方都有渐变。你会看到它们出现在按钮上、背景里,基本上任何可能塞进去的地方。滥用炮特别喜欢紫色,原因不明。彩虹呕吐。AI喜欢使用毫无意义、仅仅是不同颜色的颜色。你就会得到这样的一屏:一堆搭配得很糟糕的颜色,但却被这样涂上去。因为在制作UI或其他东西时,某些字段之间还是有区分的。它不遵循70-30-10法则。它只是到处乱加颜色。脉冲徽章。我不明白为什么它会加这些,但它就是会加。我想这是训练数据里有的。但它在所有东西上都加了脉冲徽章。在我大学应用的这次“升级”中。他们有个叫“数字ID”的东西,只是显示一个二维码和你的脸。它上面有一个脉冲徽章,写着“活跃”。问题是。它根本就不会变成“不活跃”。如果它真的变成了“不活跃”,应用就会把你登出。这只是多余的信息。而且我的个人资料上还有个“活跃学生”徽章。有人能告诉我“不活跃的学生”长什么样吗??在同一个数字ID界面里。它还在我的学校logo旁边加了一个小的“已验证”徽章。为什么?因为它显然没有在调用某个API然后说“噢,这个人是已验证的”。即便它真的在调用API,这也毫无意义。比如,如果我在伪造我的数字ID,我会故意加上“未验证”吗???指甲卡片。我在每一个“氛围编码”UI里都能看到这些东西,每次看到都让我火大。你到处都能看到这些,兄弟。这甚至不是说它们不好;而是因为每一个LLM在每一个地方都过度使用了它们,以至于现在看起来很糟糕。问题是。我认为没有人曾经认真坐下来想过:“你知道什么能改善这个吗?一个指甲。”表情符号滥用。AI不知为何喜欢表情符号。它对表情符号的喜爱程度,甚至超过了萨姆·奥尔特曼假装自己在引领前沿的程度。元素错位。如果你有SVG、ASCII艺术或某种不在盒子里的元素,它几乎总是错位。就像我大学应用 timetable 里的这个列表。字体选择。这些网站通常不会选择更有趣的字体。要么用Inter,要么如果你的网站甚至只是和编程有点关系,你就会得到Jet Brains Mono。还有这个:只要提到和技术相关的东西,它就会在这些地方加上//。由于聊天上下文导致的冗余文本。由于聊天上下文。它只是因为聊天上下文而添加了一堆冗余文本。例如。我之前在做我的博客网站时,我告诉它:“好吧,我不想写任何HTML;我会在我的舒适的Neovim里写作,我不想做任何网页相关的事情。”它就添加了文本:“Built with Hugo. Written from Neovim”。不,因为没人在乎我从哪里写。AI在readme里也会这样做。它会说:“Built with Modern CPP 20 features”兄弟谁在乎啊。我的大学应用在启动屏幕上就有这个。这个东西的问题是。你实际上可以从这个界面里闻出触发它的提示。就像“一个校园。一个应用。”没错。毫无疑问,这就是某个人……