「UI悪すぎじゃない？」ハンバーガーのオンラインオーダーでオプションを選択していったらパテと玉ねぎ2本だけのバーガーが届いた話

ﾃﾑ @casdtem 今日ショック過ぎてツイートも出来なかった…初めてShake shackでオンラインオーダーしたんだけど、バーガーの注文のとこで1枚目写真のようにオプションが並んでんのよ。全部入れて欲しいから全部選択するじゃん？いざ食べようと蓋開けてみたらバンズの間にパテと玉ねぎ2本だけが入ってた😂😂😂 pic.twitter.com/1ORtqPMZDr 2020-12-06 20:47:57

[tenari]

はてなには週1個この手のサイトをお題にしてブクマカがひたすらUIのダメ出しをする「はてなUI」サービスを作ってもらいたい。初回はえきねっとで。

[hatebu_ai]

だよな！やっぱりハンバーガーメニューは最悪だよな！（←勘違い）

[tomoya5]

完成図のイラスト的なのほしいなこれ

[timetrain]

これに限らずオンオフスイッチのIFってもうちょっとなんとかならんのか

[srgy]

イギリスで「チキンバーガー → ケチャップだけ」という人もいた模様 https://front-row.jp/_ct/17410319

[arapro]

✅「私の出番のようだな」

[delphinus35]

ハンバーガーメニューへの文句じゃなくてハンバーガーのメニューへの文句だった

[arvardan1984]

ガーバーガーバー

[sugawara1991]

UIの話題じゃないが「トッピング増し」注文してトッピング全部抜きバーガーお持ち帰りしたことある。レシート確認してたけど増し指定はトッピング名＋オオメで抜きはブランクらしく事前に見て気づかんし

[flirt774]

on/offはトグルスイッチが一番認識しやすいかな。ブロックのコントラストだけだと混乱しやすい。一番ひどいのはドミノ・ピザ。OOUIで例に出される https://www.sociomedia.co.jp/7279

[houyhnhm]

フラットデザイン地獄。普通そこは0×で表示すべきものだろうが。Macのビッグブレックファストみたいじゃないか。

[kujoo]

トグルスイッチはWebでもリアルでも問題あると思ってる

[terazzo]

タップして選択外したら表記がNo CheeseになるんならUI側にも弁護の余地がある

[peperon_brain]

トグルかチェックボックスであるべきところ。マジで「今の状態」なのか「アクション後にどうなるか」なのか判断できないUIあるからな…開発者はテスト中に誤爆しないんだろうか。

[rryu]

オプションとして追加のadditionsとデフォで入っているものを抜きにできるdefaultsの2つがあって、抜きにする操作が「〜を追加」を取り消すという操作なのがややこしい。

[mas-higa]

最初何を言っているのか分からなかった。これからオーダーを作ってく画面じゃなくて、今 add された状態だよってのが表示された確認画面だったのね。

[yarumato]

“オプション全部入れて欲しいから全部選択するじゃん？　バンズにパテと玉ねぎ2本だけが入ってた。レシート見たら、自分が選択したやつ全てNo cheese, no lettuce, no tomato, no sauce...”

[iasna]

合計カロリー見りゃわかるじゃん

[exaray]

“add”が”with”なだけでも間違い減りそう。動詞だと命令形に感じますよね。

[strawberryhunter]

入力欄に結果のプレビューが無いと厳しい画面は多々ある。

[mohno]

Webも同じだな→ https://www.shakeshack.com/ 「Additions」（追加）とは別に「Defaults」（初期状態）があって後者はタップすると“抜く”ことになるんだ。テキストが操作をあらわすのか状態をあらわすのかも分からないしなあ。

[shikiarai]

よくある初見殺し。お手本みたいな見事な出来だけど、ほんといつまでもなくならんな

[miki3k]

～～～なしをONにする的な

[kurotsuraherasagi]

よくインストールするソフトが、ずっと「yes」でインストールウィザード進めるのに最後の確認だけ「No」を選ばないといけない仕様。勢いでyesにしちゃって最初からやり直し、というのを懲りずに毎回やってしまう。

[cl-gaku]

なるほどデフォルトONになってたのね

[kijtra]

ためしにやってみたら、あえてチェック外さないとこういう風にはならないっぽい。全部入れようとしてデフォルトでチェックされてたのを外したみたいね。

[tattyu]

流石にここまで来ると笑ってしまうなw。

[Shinwiki]

自分ちのクローゼットの電気のオンオフですら今どっちか覚えられないというのに

[vndn]

あー、標準で「Add」状態になっててボタンに「Add」が出てるのね

[inatax]

1 x No Cheese というのも大概意味不明である

[masa_w]

クソチェックボックス案件かぁ…

[hatomugicha]

手間暇とデリバリーを考えたら6ドルもそうかなと思うけど恐らく肉とパンだけにしてもそんぐらいの値段になると思われるがリピートする要素が見当たらないからすぐ潰れそう

[nice801]

NoをAddするボタンなのかと思って読み進めてたら、オフの時枠線が消えてる画像みて、やっと理解した

[i5s4y]

これはOOUIを取り入れたら解決するのよ

[napsucks]

ああon/off UIか。日本のシェイクシャック(楽天)だとチェックボックス式だな。トマトやレタスやオニオン/ピクルスを足せるんだよね。抜きと足しを同時選択できるので両方チェック入れたらどうなるのかは気になるが。

[aktkro]

最後まで読んでやっとUIの意味が理解できたw

[takeishi]

恐ろしく邪悪なUIだな

[kotetsu306]

「ON」って書かれてるボタン、押したらONになるのか、今がON状態という意味なのか問題。状態を表すんだったらランプが点灯してるように見せればいいんだけど、フラットデザインとの食い合わせが最悪

[satmat]

ああ、最初意味がわからなかったけど、トグルが標準でオンになってるのを、Addと書かれているのをみて、押してしまってオフになっちゃったのか。

[miholovesq]

お寿司屋さんのメニューで「サビ抜き」オプション「あり・なし」っていうのを思い出した（サビ抜きありにするとワサビなしになる）