ニュース
» 2019年07月13日 10時30分 公開

“最悪のUI”を体験できるWebサイトをデザイン会社が制作 あまりの使いづらさにストレスがマッハ

真のインタフェースレジェンドへの道は険しい。

[関口雄太ねとらぼ]

 まともに入力するのが難しいデザインのWebサイト「User Inyerface」が、海外メディアに取り上げられてジワジワと話題を拡大中です。制作した企業は、直感的な操作では最後までたどりつけない“最悪のUI(ユーザーインタフェース)体験”ができるゲームとして紹介しています。


ストレス必須 最悪のUI体験ができるゲームが登場 ゲーム開始で、まず手こずる(画像は「User Inyerface」より)

 UIはWeb制作などでよく使われる言葉で、人間と機械をつなぐものを意味しています。慣習に従い、直感的に操作できるUIを「良いUI」と呼びますが、「User Inyerface」のコンセプトはその真逆。慣習に逆らっているため、最後のページにたどり着くまでに、いらだちでパソコンをたたき割りそうになってしまいます。

 「User Inyerface」を開始すると、画面上部にクッキー利用同意のメッセージが表示されますが、早速分かりづらい。「このサイトはクッキーを使用していますが、問題ありますか?」という文面と「No」と「Yes」のボタンが表示されます。目立っている「Yes」を押しても反応せず、見づらい「No」ボタンを選択すると表示が消えます。さっそくややこしい……!


ストレス必須 最悪のUI体験ができるゲームが登場 利用同意して欲しくなさそうなUI(画像は「User Inyerface」より)

 先に進むには「Please click HERE to GO to the next page」(次のページに進むにはここをクリック)という文章のどこかをクリックしなければならないのですが、正解は下線の引かれている「click」でも、文字の色が違う「next page」でもなく「HERE(ここ)」。分かりづらい!

 次にメールアドレスとパスワード(架空のものでOK)の入力を求められますが、1分経過するごとに繰り返し、「急いで! 刻々と時間が経過しています」という謎のポップアップ警告が表示され、ゲームを中断してきます。

 この警告文を緑色の「Lock」ボタンを押して消したくなりますが、クリックしても「Unlock」という赤色のボタンに切りかわるだけ。ポップアップは消えません。閉じるためには左下にある「(C)lose 2019」をクリックしなくてはならないのです。「2019」ではなく「(C)lose」をピンポイントで押さないといけないところや、目立たないフォントカラーに、“最悪のUI体験”らしさを感じます。ちなみに、ポップアップの右上のマークをクリックすると、全画面で警告を表示してくれます。無意味すぎる拡大表示……!


ストレス必須 最悪のUI体験ができるゲームが登場 時間経過を警告する謎のポップアップ(画像は「User Inyerface」より)

ストレス必須 最悪のUI体験ができるゲームが登場 ポップアップは無意味に拡大表示が可能(画像は「User Inyerface」より)

 最終画面にたどり着くと「あなたはすごい! 真のユーザーインタフェースレジェンドだ」という称賛とともに、小躍りしているおじさんの姿を眺めることができます。なんて空虚な達成感だ……!


ストレス必須 最悪のUI体験ができるゲームが登場 クリアするとおじさんの小躍りを拝見できる(画像は「User Inyerface」より)

 このサイトを制作したのは、IoT製品デザインなどを行うベルギーの「BAGAAR」という企業。普段意識しないで利用できているUIをあべこべにしたらどうなるかという意図で制作したといいます。

 UIデザインは利用者が分かりやすく親切な設計をするための考え方ですが、User Inyerfaceを体験することでUIデザインという素晴らしい設計思想に感謝できるかもしれません。海外メディアでは、「デザイン・ホラー」や「悪いデザイン代表」として紹介しています。

Copyright © ITmedia, Inc. All Rights Reserved.

昨日の総合アクセスTOP10
  1. /nl/articles/2312/11/news037.jpg まるで絵画 SNSで公開された“世界屈指の美しい犬”の姿に「女神様」「サラブレッドのお馬さんかと」
  2. /nl/articles/2312/10/news033.jpg 捨てられて真っ黒だった元野良猫が、家猫になった今では…… 真っ白で幸せいっぱいの暮らしに「ほんときれいな美猫さんに」「胸が熱くなる」
  3. /nl/articles/2312/11/news030.jpg 猫たち、日常を写した1枚に爆笑ポイントを詰め込みすぎてしまう 108万件表示された光景に「猫4匹いる!?」「笑っちゃったw」
  4. /nl/articles/2312/11/news094.jpg ハロプロアイドル、自撮り加工での大失態暴露「最悪です」「あー恥ずかしい」 やらかし写真は投稿済でファンの反応まちまち
  5. /nl/articles/2312/10/news018.jpg 同居猫のおしりを嗅いで「テメェ屁こいたなぁ!!!!!??(怒)」と理不尽ギレする猫の姿に抱腹絶倒「夜中に爆笑させないで」「名作」
  6. /nl/articles/2312/11/news074.jpg ロッチ中岡、「エンゼルスの大谷翔平」をすべり込みセーフで撮影 “お別れ1時間前”の写真に「マジ? 奇跡だ」「さすがもってる!」
  7. /nl/articles/2312/10/news019.jpg 入院で2週間不在だったママを待ち続けた猫、再会の瞬間…… 涙を誘う喜びあふれる“お返事”に「深い絆に涙が」「嬉しさがひしひしと」
  8. /nl/articles/2312/08/news128.jpg 木村拓哉、「DA PUMP」ISSAとの舞台裏ショットが感動モノ「兄弟みたい」「泣きそうになる」 “縁のあるチームTシャツ”に反響「愛を感じます」
  9. /nl/articles/2312/11/news097.jpg King Gnu井口理、プライベートでスペイン旅→同行した“超大物”に驚きの声 「まさかの」「番組一本できるやつ!」
  10. /nl/articles/2312/11/news078.jpg 4児のパパ・岩隈久志、“スタイル抜群”と話題の長女が20歳バースデー 感慨深すぎる父娘ショットで「何歳になっても可愛くて」
先週の総合アクセスTOP10
  1. オール巨人、30年モノな“伝説の1台”に自負「ここまでキレイな車はない」 国産愛車の雄姿に称賛の声「気品がある」「凄くエレガント」
  2. 「明らかに写真と違う」 東京クリスマスマーケットのフードメニューが物議…… 購入者は落胆「悲しかった」
  3. 「ごめん母さん。塩20キロ届く」LINEで謝罪 → お母さんからの返信が「最高」「まじで好きw」と話題に
  4. 田中みな実、“共演した姉”の存在に反響「居るとは聞いていたけど」「激似やなぁ」 すらっとしたたたずまいに「品のあるお方」
  5. 藤本美貴、“全然かわいくない値段”のテスラにグレードアップ スマホ一つでの注文に「震えちゃ〜う!」
  6. マックで「プレーンなバーガーください」と頼んだら……? 出てきた“予想外の一品”に驚き「知らなかった」
  7. 伊藤沙莉、“激痩せ報道”の真相暴露→広瀬アリスの株が上がってしまう 「辱めったらない」告白に「アリスちゃん、ええ人や〜」
  8. 「あなたは日本人?」突然送られてきた不審なLINE、“まさかの撃退方法”に反響 「センス良い」「返しが秀逸」
  9. “鬼ダイエット”で激やせの「Perfume」あ〜ちゃん、念願の姿に「着れる日が来るなんて」と大喜び
  10. 900万再生のワンコに「電車で笑ってしまった」「つられてめちゃくちゃ笑っちゃうw」 “突然魔王になった犬”に腹を抱える人続出
先月の総合アクセスTOP10
  1. 「酷すぎる」「不快」 SMAPを連想させるジャンバリ.TVのCMに賛否両論
  2. 会話できる子猫に飼い主が「飲み会行っていい?」と聞くと…… まさかの返しに大反響「ぜったい人間語分かってる」
  3. 実は2台持ち! 伊藤かずえ、シーマじゃない“もう一台の愛車”に驚きの声「知りませんでした」 1年点検時に本人「全然違う光景」
  4. 大好物のエビを見せたらイカが豹変! 姿を変えて興奮する姿に「怖い」「ポケモンかと思った」
  5. 渋谷駅「どん兵衛」専門店が閉店 店内で見つかった書き置きに「店側の本音が漏れている」とTwitter民なごむ
  6. 西城秀樹さんの20歳長男、「デビュー直前」ショットが注目の的 “めちゃくちゃカッコいい”声と姿が「お父さんの若い頃そっくり」「秀樹が喋ってるみたい」
  7. “危険なもの”が体に巻き付いた野良猫、保護を試みると……? 思わずため息が出る結末に「助けようとしてくれてありがとう」【米】
  8. 「やばい電車で見てしまった」「おなか痛い、爆笑です」 カメがまさかの乗り物で猫を追いかける姿が予想外の面白さ
  9. おつまみの貝ひもを食べてたら…… まさかのお宝発見に「良いことありそう」「すごーい!」の声
  10. 「3カ月で1億円」の加藤紗里、オーナー務める銀座クラブの開店をお祝い “大蛇タトゥー”&金髪での着物姿に「極妻感が否めない」