2010年3月10日水曜日

「戻る」ボタンと「進む」ボタンはどっちが右?左?

ページやアプリを作っていて、ふと戸惑うことがある。
それは「戻る」ボタンと「進む」ボタンの配置についてだ。
どっちが右?左?一般的なのはどっち?と、ふと???になるのだ。

一般的には「戻る」が左側、「進む」が右側、と思い出すのだが、

では、
「キャンセル」と「OK」は?
「同意しない」と「同意する」は?

と疑問が広がる時がある。

そんなとき、参考にするサイトが株式会社ビービットさんの「ユーザビリティ実践メモ」

フォームにおける「進む」ボタンと「戻る」ボタン。どのように配置する? (ユーザビリティ実践メモ)によると、やはり「戻る」が左、「進む(次へ)」は右が一般的のようだ。

その流れで行くと、否定的な方を左側へ、肯定的な方を右側へ配置するのが自然な認識なのかもしれない。「キャンセル」は左で「OK」が右、「同意しない」が左で「同意する」が右になる。

しかし、配置によらず、「進む」ボタンを目立たせるなど工夫を加えると、ユーザーにとってよりわかりやすくなるとのこと。なるほど。

同意を求められる時、

   

と同じルックアンドフィールでボタンを配置せず、色や大きさなどを工夫すると分かりやすさが増す、ということですね。
メモメモ。