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

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

» 2019年07月13日 10時30分 公開
[関口雄太ねとらぼ]

 まともに入力するのが難しいデザインの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. 小1娘、ペンギンの卵を楽しみに育ててみたら…… 期待を裏切る生き物の爆誕に「声出して笑ってしまったw」「反応がめちゃくちゃ可愛い」
  2. 富山県警のX投稿に登場の女性白バイ隊員に過去一注目集まる「可愛い過ぎて、取締り情報が入ってこない」
  3. 2カ月赤ちゃん、おばあちゃんに少々強引な寝かしつけをされると…… コントのようなオチに「爆笑!」「可愛すぎて無事昇天」
  4. 異世界転生したローソン出現 ラスボスに挑む前のショップみたいで「合成かと思った」「日本にあるんだ」
  5. 【今日の計算】「8+9÷3−5」を計算せよ
  6. 21歳の無名アイドル、ビジュアル拡散で「あの頃の橋本環奈すぎる」とSNS騒然 「実物の方が可愛い」「見つかっちゃったなー」の声も
  7. 1歳赤ちゃん、寝る時間に現れないと思ったら…… 思わぬお仲間連れとご紹介が「めっちゃくちゃ可愛い」と220万再生
  8. 業務スーパーで買ったアサリに豆乳を与えて育てたら…… 数日後の摩訶不思議な変化に「面白い」「ちゃんと豆乳を食べてた?」
  9. 祖母から継いだ築80年の古家で「謎の箱」を発見→開けてみると…… 驚きの中身に「うわー!スゴッ」「かなり高価だと思いますよ!」
  10. 「ゆるキャン△」のイメージビジュアルそのまま? 工事の看板イラストが登場キャラにしか見えない 工事担当者「狙いました」
先月の総合アクセスTOP10
  1. フワちゃん、弟の結婚式で卑劣な行為に「席次見て名前覚えたからな」 めでたい場でのひんしゅく行為に「プライベート守ろうよ!」の声
  2. 親が「絶対たぬき」「賭けてもいい」と言い張る動物を、保護して育ててみた結果…… 驚愕の正体が230万表示「こんなん噴くわ!」
  3. 水道検針員から直筆の手紙、驚き確認すると…… メーターボックスで起きた珍事が300万再生「これはびっくり」「生命の逞しさ」
  4. フワちゃん、収録中に見えてはいけない“部位”が映る まさかの露出に「拡大しちゃったじゃん」「またか」の声
  5. スーパーで売れ残っていた半額のカニを水槽に入れてみたら…… 220万再生された涙の結末に「切なくなった」「凄く感動」
  6. 桐朋高等学校、78期卒業生の答辞に賛辞やまず 「只者ではない」「感動のあまり泣いて10回読み直した」
  7. 「これは悲劇」 ヤマザキ“春のパンまつり”シールを集めていたはずなのに…… 途中で気づいたまさかの現実
  8. 「ふざけんな」 宿泊施設に「キャンセル料金を払わなくする方法」が物議 宿泊施設「大目に見てきたが厳格化する」
  9. がん闘病中の見栄晴、20回以上の放射線治療を受け変化が…… 「痛がゆくなって来ました」
  10. 食べ終わったパイナップルの葉を土に植えたら…… 3年半後、目を疑う結果に「もう、ただただ感動です」「ちょっと泣きそう」