2011年08月17日
「OKボタン」と「キャンセルボタン」 @ Mac
ウェブページのフォームなどを見ていて、物凄く以前から気になっていた「OKボタン」と「キャンセルボタン」の位置関係。
これは、Macの場合、アップルのヒューマンインターフェースガイドラインや、WindowsだとWindows ユーザーエクスペリエンスガイドラインに書かれてあるように、OSに依って考え方が違う。個人的にはMacに馴れているので、Windowsの様な「OKボタン」が左に有るのは違和感がある。逆にWindowsユーザーはMacの様に、右に「OKボタン」が有ると違和感があるのだろう。しかし、基本的にキーボードはエンターキーが右にあり、キャンセルと連動すべきエスケープは左にある。この位置関係を考えても、Windowsは不自然だと思う。
では、iOSだとどうなのか。これもiPhoneやiPadのヒューマンインターフェイスガイドラインに、有りますが、基本的にはMacと同じく、デフォルトの動作が右なので、多くの場合、「OKボタン」が右になります。ただ、Popoverを使っている場合、「キャンセルボタン」を付けない事になって居るので、左右の関係は有りません。また、Action Sheetを使った場合、「キャンセルボタン」が一番下になります。これはちょっとアップルのヒューマンインターフェイスガイドラインと違う様に思われるかも知れませんが、理由があります。ホームボタンに近い位置に、害を及ぼす可能性のあるボタンを配置しないという理由からのようです。この考え方はMacでも同様で、右のボタンはデフォルトの動作となって居るだけで、必ずしも「OKボタン」ではありません。だからといって「キャンセルボタン」がデフォルトの動作ボタンとすべきはないと明記されているので、右に配置される事はありません。アップルの場合、何も考えずに、ボタンをクリックしたりエンターを押す場合に、害を及ぼすかどうかが基準になってます。つまりより自然なインターフェイスを提供する思想になって居る。一方で、マイクロソフトの考え方は、「OKボタン」などのコミットボタンの優先順位が定義されているだけなので、ダイアログの右をクリックする習慣が付いていたりすると、何をやらかすか分からない。この辺は、Windowsユーザーは馴れているのでしょうけど、自然じゃない気がする。Windowsで出来たメンタルモデルをもってすると、Macは自然じゃないんだろうけど・・・。
と言うわけで、MacとWindowsで、表示するダイアログの配置が違うので、ウェブのフォームも出来る事ならば、プラットフォームを把握して、レイアウトを変えましょうね。って話し。
しかし、世の中の街中にあるタッチパネルなどの端末は、その人が、MacユーザーかWindowsユーザーかを判断する術が無いので、左右のレイアウトの入れ替えが出来ないよね。(笑)
Windows ユーザーエクスペリエンスガイドライン ダイアログ ボックス
>>関連リンク
Mac OS X Human Interface Guidelines: UI Element Guidelines: Windows
>>関連リンク
関連日記
- 2006年02月18日 Illustratorってどうすれば良いんだ? (4134)@ Mac
- 2009年06月28日 Fireworksのガイドラインをスクリプトで作る (3729)@ Mac
- 2005年01月08日 iHome Photos and Video (3603)@ Mac
- 2005年06月22日 アクセシビリティ拡張機能JIS対応版 (3535)@ ウェブ
- 2010年01月13日 カールじいさんの空飛ぶ家 (2791)@ 映画
- 2010年06月14日 Blueprint用Fireworksのコマンド (2699)@ ウェブ
- 2005年12月17日 MMCP DW 8 Dev.の内容 (2676)@ ウェブ
- 2005年12月16日 Macromedia - Certified Dreamweaver 8 Developer (2587)@ ウェブ
- 2006年05月30日 Freehand消滅? (2399)@ Mac
- 2006年05月01日 WCAG 2.0ワーキングドラフト日本語訳 (2062)@ ウェブ
- 2011年08月26日 グリッドレイアウトの為の補助ツール (1927)@ Mac
- 2007年10月07日 Flex Coding Guidelines (1748)@ Flash
- 2003年06月24日 アクセシビリティに関するページ (1605)@ ウェブ
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。