返回

文章详情

10个关于糟糕用户界面的标志

Hacker News2026年9月27日 14:41

最近,我的大学应用程序更新了“轻微的用户界面改进”,而这是我见过的最糟糕的用户界面。旧的用户界面虽笨拙,但我宁愿选择那个,也不愿接受他们的AI代理产生的糟糕界面。什么是糟糕界面?糟糕用户界面就是AI制作的那种看起来不合适的界面,或者不具备某种目的,或者当用户界面过于普通时。这样的问题在缺乏愿景的“vibe代码”的用户界面中很常见。正确设计的“vibe代码”用户界面可以看起来非常棒,但大多数都做得不好。这使得应用看起来廉价且不吸引人。糟糕编码网站的例子:Cloudflare最近糟糕地编码了一个网站。还有这样的那些网站,你看到时就会知道。就像现在的AI视频:随便。以下是构成糟糕界面的一些特征。渐变。无处不在的渐变。最大的、最显著的标志就是渐变。任何地方的渐变,任何时刻的渐变,以及每一件事上的渐变。你会在按钮上、背景中,基本上会在任何可放置的地方看到它们。糟糕界面的开发者不知道为什么特别爱紫色。彩虹呕吐。AI喜欢使用没有任何意义且只是不同颜色的颜色。你得到的只是一个充满不协调颜色的屏幕,因为在制作用户界面时,某些字段需要区分。它并没有遵循70-30-10的规则,而是四处添加颜色。脉动徽章。我不知道为什么要添加这些,但就是这样。我想是训练数据里的东西。但是它在每个地方都添加了这些脉动徽章。在“升级”我的大学应用中,有个叫“数字身份证”的功能,显示一个二维码和你的脸。它有一个脉动徽章,上面写着“活动”。问题是:它从未“非活动”。如果“非活动”,应用就会注销你。完全是冗余信息。而且,我的个人资料上有一个“活跃学生”的徽章。能有人告诉我一个“非活动学生”看起来像什么吗?同样在数字身份证接口中,它还在我的大学徽标旁边添加了一个“已验证”的小徽章。为什么呢?因为没有进行API调用来确认“哦,是的,这家伙是已验证的”。即使是这样,也没有任何意义。比如说,如果我在伪造我的数字身份证,我会故意添加“未验证”吗??指甲卡。我在每个vibe编码的用户界面中都看到了这些东西,每次都让我非常生气。你到处都能看到这些,伙计。这并不是说它坏;只是每一个LLM在任何地方都过度使用了它,现在看起来就很糟。问题是,我不认为任何人曾经认真坐下来想过:“你知道什么可以改善这个吗?一个指甲。”表情符号糟糕AI喜欢表情符号,不管出于什么原因。它对这些的爱超过了Sam Altman假装掌握前沿科技的热情。不对齐的内容。如果你有SVG或ASCII艺术,或者任何不在框中的元素,它几乎总是错位的。就像我大学应用程序的时间表中的这个列表。字体选择这些网站通常不会选择更有趣的字体。它通常是Inter,或者如果你有一个与编程相关的网站,你就会得到JetBrains Mono。而且这个:它在提到与科技相关的任何东西时,都会添加这些//冗余文本,因聊天上下文而引入的冗余文本。它添加了一堆冗余文本,只是因为这个聊天上下文。例如,我在制作之前的博客网站时告知它:“好吧,我不想写任何HTML;我会在我舒适的Neovim中编写,我不想做任何与网络相关的工作。”它添加了“使用Hugo构建。从Neovim编写”的文本。不,因为没有人会在意我从哪里写。AI在readmes中也这样做。它会说“使用现代CPP 20特性构建的”,谁关心呀。我的大学应用在启动屏幕上也有。这一条的信息是:你简直可以从中闻到触发它的提示。“一个校园,一个应用。”是的。肯定是某个管理人员说:“让我们统一我们的三个应用;我们三个分支有三个应用。”玻璃形态。它就是喜欢玻璃形态。它不会选择任何其他设计语言(除了粗野主义,对于粗野主义,所有的都看起来完全相同)。这是“粗野美学”:我得承认我可以接受粗野主义。它看起来有点酷,直到它被过度使用,然后你开始厌恶它。普通的标语和不必要的炒作。它迷恋于词汇“提升”、“无缝”、“下一代”、“超级充电”、“释放”和“赋能”。每个H1后面跟着的都是一个灰色的副标题,内容像:“体验我们前沿直观界面的任务管理的力量。”它喜欢使用“欢迎来到你的仪表板,[名字] ✨”或者“彻底改变你的工作流程”。它把每一个屏幕都当作一个登录页面,而不是一个功能工具。结论:老实说,这些只是我在查看糟糕界面时感到恼火的一堆事情。而且我并不是反对vibe编码。这个网站...

赞助内容

NordVPN Next-gen Antivirus

本站免费、广告极少。如果觉得有帮助,可以请我们喝杯咖啡 —— 任何金额都对持续运营有实际帮助。

☕请我喝杯咖啡