ニュース
» 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/2008/04/news130.jpg レディー・ガガ、渡辺直美の「Rain On Me」パロディーMVを絶賛 早くも“1000万回再生”に迫る勢いに
  2. /nl/articles/1808/22/news101.jpg 「訃報」「愛猫」「手風琴」って読める? 常用漢字表に掲載されている“難読漢字”
  3. /nl/articles/2008/03/news017.jpg 母犬「私の赤ちゃんを助けて……」 真冬の排水管で暮らすワンコ親子を保護→元気に成長した姿に涙があふれる
  4. /nl/articles/1809/03/news057.jpg 「稟議=りんぎ」「消耗=しょうもう」ではない? 現代人には分からない“漢字の本来の読み方”
  5. /nl/articles/2008/04/news071.jpg 「何で顔を隠すの?」 安藤美姫、娘とテレビ初共演 “顔出し”解禁は娘の一言が転機に
  6. /nl/articles/2008/03/news094.jpg 「子どものため」って何だろう? 手作りの食事にこだわりすぎてうつ病になったお母さんが、「ポテサラ事件」に思うこと
  7. /nl/articles/2008/03/news020.jpg ブロックたたき骨折、謎キノコ食べて下痢 無謀過ぎる男を描いた4コマ「マリオになりたかった男」ラストで感動が押し寄せる
  8. /nl/articles/2008/03/news109.jpg 「半沢直樹」大和田、再び“土下座”なるか? 伊佐山と裏で結託するも……怒濤の展開にネット考察盛り上がる
  9. /nl/articles/2008/03/news064.jpg LINEヘルスケア、悩む人に「死ぬのが正解」「低レベル」「ガキンチョ」と言い放ち炎上 登録医師の「利用規約違反」があったと謝罪
  10. /nl/articles/1906/06/news080.jpg 「顔はお父さん、全体はお母さんの遺伝子が」 仲村トオルの娘・ミオが初グラビア、“176センチ”の抜群なスタイル披露