HeadlinesBriefing favicon HeadlinesBriefing.com

スロップUIの10の兆候 - AI生成の低品質インターフェースを見分ける

Hacker News •
×

最近私の大学のアプリが「マイナーなUI改善」でアップデートされましたが、それは私がこれまでに見た中で最もひどいAI生成ユーザーインターフェースでした。古いUIは使いにくかったですが、私はそれよりも彼らのAIエージェントが生成した「スロップキャノン」の結果を好んだでしょう。スロップとは何ですか?スロップUIとは、AIが作り出す、場所がおかしい、あるべきでない場所にある、目的を果たさない、または単に汎用的すぎるユーザーインターフェースのことです。これはビジョンのない「 vibeコード 」されたUIで見られます。 vibeコードされたUIは正しく行われれば素晴らしく見えるかもしれませんが、ほとんどの場合そうではありません。そして、アプリが安っぽく、使う気がしないように見せます。スロップコードされたウェブサイトの例:Cloudflareは最近ウェブサイトをスロップコードしました。それに加えて、このようなウェブサイトは、見ただけでわかります。それはこれらの日のAIビデオのようです:どのようにでも。以下がスロップを構成するものです。グラデーション。どこにでもグラデーション。最も大きくて目立つ兆候はグラデーションです。グラデーションはどこにでも、いつでも、あらゆる単一のものにあります。ボタン、背景、基本的にどこにでも置ける場所に見られます。スロップキャノンはなぜか紫色が大好きです。レインボウ吐き。AIは意味のない色、つまりただ異なる色だけを好むのです。あなたはこういうものを得ます:よく調和しない色の塊が画面いっぱいに広がっているが、そう色づけされているもの。なぜならUIを作るときや何かをするときに、フィールド間に何かの区別があるからです。これは70-30-10ルールに従っていません。ただどこにでも色を追加しているだけです。パルスバッジ。なぜこれを追加するのか私にはわかりませんが、ただ追加しているだけです。たぶんトレーニングデータにあるのでしょう。しかし、それはあらゆるものにパルスバッジを追加します。私の大学のアプリのその「アップグレード」では。彼らはデジタルIDと呼ばれるものを持っていて、それは単にQRコードとあなたの顔を表示するだけのものです。それに「アクティブ」と書かれたパルスバッジがあります。問題は。これは決して非アクティブになりません。もし非アクティブになったら、アプリはあなたをログアウトさせます。これは単に冗長な情報です。そして私のプロフィールには「アクティブな学生」バッジもあります。誰か、非アクティブな学生ってどんな見た目なのか教えてください??同じデジタルIDインターフェースの中で。それは私の大学のロゴの横に小さな「検証済み」バッジを追加しました。なぜ?なぜならそれは何かのAPIを呼び出して、「ああ、この人は確認済みだ」と言っているわけではないからです。そして仮にそれがそうしたとしても、それは何も意味しないのです。たとえば、私が自分のデジタルIDを偽造していたとしても、わざわざ「未確認」と追加するでしょうか????爪のカード。私は literally すべての vibeコードされたUIでこれらのものを見ており、毎回イライラします。あなたはこれらをどこでも見ることができます、ダッド。これらが悪いわけではないのです;ただ、 literally すべてのLLMがあらゆる場所でこれらを過剰に使用しているため、今では見た目が悪くなっているだけです。ポイントは。私は誰かが意識して座って、「これを改善するには爪が必要だ」と思ったことがあるとは思えません。絵文字スロップ。AIはなぜか絵文字が大好きです。それはサム・アルトマンがフロンティアをリードしているとふりをするよりももっと絵文字を愛しています。ずれているもの。あなたがSVG、ASCIIアート、またはボックスに入っていない何らかの要素を持っている場合、それはほとんどいつもずれています。たとえば私の大学アプリのタイムテーブルのこのリスト。フォント選択。これらのウェブサイトは通常、より興味深いフォント選択をしません。通常はInterか、あるいはプログラミングにでも遠く関連しているウェブサイトなら、Jet Brains Monoになります。そしてこれ:技術に関連する何かが言及されるたびに、これ // を追加します。チャットコンテキストによる冗長なテキスト。チャットコンテキストによる。それはただチャットコンテキストのためだけに冗長なテキストを追加します。たとえば。私は以前のブログウェブサイトを作っていて、それにこう言いました:「まあ、HTMLを書きたくないんだ。快適なNeovimで書くし、ウェブ関連のこともしたくないんだ。」するとそれはこう言いました:「Built with Hugo. Written from Neovim」。いいえ、なぜなら誰も私がどこから書いているかを気にしないからです。AIはこのことをreadmeでもやります。それはこう言います:「Built with Modern CPP 20 features」兄弟誰が気にするんだ。私の大学のアプリは起動画面にこれを持っています。そしてこれについては。あなたは実際にこの一つからトリガーしたプロンプトの匂いを嗅ぐことができます。たとえば「一つのキャンパス。一つのアプリ。」はい。間違いなく何かの男性...