ニュース
» 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/2112/03/news106.jpg 45キロ減のゆりやんレトリィバァ、劇的変化の“割れたおなか”に驚きの声 「努力の賜物」「昔を思い出せない」
  2. /nl/articles/2112/03/news085.jpg 東大王・鈴木光、“お別れの笑顔”で司法試験合格を報告「本当にありがとうございました」 SNS閉鎖に涙のエール続々
  3. /nl/articles/2112/03/news088.jpg ダレノガレ明美、“痩せすぎ”指摘する声に「体絞っていました」 現在は4キロの増量 「ご安心ください」
  4. /nl/articles/2112/02/news159.jpg 骨折で入院のLiLiCo、小田井涼平との密着夫婦ショットで退院報告 「大きな男が迎えに来てくれた」
  5. /nl/articles/2112/03/news006.jpg 「楽しくないでしょひとりじゃ」→「楽しいですが」 バイト先のおひとりさま女子を描いた漫画に共感の嵐
  6. /nl/articles/2112/02/news156.jpg お台場のガンダムが撮影ミスでめちゃくちゃ発光 奇跡のショットが「自爆寸前」「トランザム付いてたっけ?」と話題
  7. /nl/articles/2110/12/news157.jpg 「身長もすっかり抜かれてしまった」 新山千春、15歳娘との長身2ショットで成長をひしひしと実感する
  8. /nl/articles/2112/02/news121.jpg 「俺、死ぬな」 はじめしゃちょー、5日続いた39度の熱で救急病院へ 4キロ減した“意外な原因”に「みなさんも気をつけて!」
  9. /nl/articles/2112/02/news133.jpg 岡田義徳、家族4人での初集合ショットが「愛あふれる写真!」と反響 妻・田畑智子は約8カ月ぶりのインスタ登場
  10. /nl/articles/2103/19/news141.jpg 鈴木光、美しい和服ショットで東大卒業を報告「先生と友人に感謝です!」 お別れ近づき“涙の祝福”メッセージ殺到

先月の総合アクセスTOP10

  1. 池田エライザ、 “お腹が出ている”体形を指摘する声へ「気にしていません」 1年前には体重58キロ公表も
  2. 「前歯を取られ歯茎を削られ」 広田レオナ、19歳デビュー作で“整形手術”を強制された恐怖体験
  3. ゴマキの弟・後藤祐樹、朝倉未来とのストリートファイトで45秒負け 左目腫らした姿を自ら公開し「もっと立って闘いたかった」
  4. 清原和博の元妻・亜希、16歳次男のレアショットを公開し反響 「スタイル抜群」「さすがモデルの遺伝子」
  5. 小林麻耶、おいっ子・めいっ子とのハロウィーン3ショットに反響 元気な姿に安堵の声が続々「幸せそうでなにより!」
  6. カエルに普段の50倍のエサをあげた結果…… 100点満点のリアクションに「想像以上で笑った」「癒やされました」
  7. 「左手は…どこ?」「片腕が消えてる」 中川翔子、謎が深まる“心霊疑惑”ショットにファン騒然
  8. 「家ではまともに歩けてない」 広田レオナ、左股関節に原因不明の“炎症” 夫から「凄い老けたと言われてます」
  9. 小林麻耶、髪ばっさりショートボブに「とても軽いです!」 ファンも反応「似合います」「気分も変わりますよね!」
  10. キンタロー。浅田舞の社交ダンス挑戦を受け体格差に驚がく 「手足が長い!!」「神様のイタズラがすぎるぞ!!」