UXの事件は現場で起きている〜令和元年のかき揚げ事件〜

「使いにくさ」「わかりにくさ」は複雑な事情が折り重なって出来上がっている可能性があります。
※この記事は読者によって投稿されたユーザー投稿です:
  • 編集部の見解や意向と異なる内容の場合があります
  • 編集部は内容について正確性を保証できません
  • 画像が表示されない場合、編集部では対応できません
  • 内容の追加・修正も編集部では対応できません

「かき揚げ事件」発生

先日当社のフロントエンジニアが、立ち食いそば店で食券を買い間違えて、「白だし豚しゃぶそばかき揚げそばの2杯のそば(しかも大盛り!)を食べる羽目になった」という事件が発生しました。

本人は豚しゃぶそばにかき揚げをトッピングしたかったのに、トッピングのかき揚げと思って押したボタンがかき揚げそばだった、ということです。

急いでいるから立ち食いそば店を選択し、それでもお腹はすいているので大盛りを選んだ結果、熱々かつ大盛りのそばを2杯食べなくてはならず、午後の業務パフォーマンスに大きなマイナスインパクトを与えた事件でした。

現場検証

一般的には凡ミスとして笑って済ませるレベルの話です。しかし正確無比なコーディングを行うフロントエンジニアが、そんなミスを犯すことには違和感があります。また、UXの事件として示唆に富む構造を含んでいるため、編集部をあげて調査を行いました。(決して暇なわけではありません)

券売機の再現イラストはこちら

券売機を写真に撮るのは流石にアレなので、記憶とネット調査をもとに書き起こしたので一部曖昧ですがこんな感じです。

券売機のボタンのラベルと配置(イラスト)

ボタンのラベルに「うどん・そば」の文字がない

つまり「かき揚げそば」の食券を買ったというのは便宜上で、「かき揚げ」とだけ書かれたボタンを押したのが事実。

かき揚げトッピングの正しいボタンと間違えやすいボタン(イラスト)

トッピングの場合は「トッピング かき揚げ 又 ごぼう天」というラベル

結果的にボタンラベルの文字数が多く文字が小さくなり、見つけにくいことになっていた。トッピングのボタンは下の方に色違いでグルーピングされていた。

 

▼続きは下記にてご覧いただけます。
UXの事件は現場で起きている〜令和元年のかき揚げ事件〜(2/3)
https://getting-better.jp/ux-incident-191225/2/

本稿は、Webに詳しくないWebマスターのためのブログ“Getting Better”
https://getting-better.jp/
に掲載された記事です。
この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

SSL
「SSL」(Secure Sockets Layer)は、Webサイトを閲覧する ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]