BADUIサイトのBADUIっぷりについて

鈴木先生からのタレコミ．

BADUIのサイトでは，一時期 Thermify という有料のテーマを利用していました．このテーマは，Pinterest風にレスポンシブに画像や記事を表示してくれるため，資料として私が目的のものを探す際には便利だったのですが，BADUIサイトに訪れて色々な記事を読もうとしている人たちにとっては不便なものでした．

それはさておき，結構問題だったボタンについて紹介．BADUIのサイトでは，画像をクリックするとその画像を拡大表示できるようになっていました．例えば，下記のような画面で1つ目の画像をクリックすると・・・

下記のように画像が拡大表示されます．

この状態から，画像表示を終了しようと思った場合，どのような操作をするでしょうか？ 多くの人は，扉の画像の右上にあるバツ印のボタンをクリックしようと思うのではないでしょうか？ この，右上のバツ印のようなボタンを押すと・・・

画像が画面いっぱいに広がり，さらに拡大されてしまいます．つまり，終了ボタンであると思っていたボタンは，終了ではなく拡大ボタンだったというわけです．よく見るとこんなかんじになっていました．

バツではなく，拡大だったようです．なんとも困った引掛けでした．ちなみに，終了ボタンはどこにあるかというと，2枚目の扉の画像の右下にあります．

使い慣れたユーザインタフェースでは，ウインドウの右上に終了ボタンや拡大ボタンがあります．ここで，終了ボタンはバツ印であることが多く，その印とこの拡大の矢印のマークが似ているため，勘違いして操作してしまうという困ったBADUIさんでした．

BADUIを集めて整理した「失敗から学ぶユーザインタフェース」が発売されました

 - interface button, close, confusing, maximize