其の44　フォーム送信ボタンは大きく見やすく

デフォルトの送信ボタンならまだしも、画像やCSSを使用して配置された、やたらに小さいフォーム送信ボタンを見かける。これらは見栄えを重んじるばかりに、ユーザーの使い勝手のよさを忘れてしまっている。

ボタンが小さいということは、ヒット領域も小さいということだ【1】【2】。一度クリックしたことを気がつかず、二重送信してしまうこともあるかもしれない。

また、送信ボタンのラベルに「SUBMIT」などの表記をしているものもある。フォームのページ上にひとつしかボタン要素が配置されていなければ、何となく送信ボタンだとわかるかもしれないが、その以外のボタン要素が配置されている場合は、どのボタンが送信ボタンなのかわからず、最終的にフォームを送信することをやめてしまうユーザーもいるかもしれない。

フォーム入力欄のような、個人情報を入力する可能性があるページなどは、誰もがわかるように、大きく見やすくあるべきだ。

リセットボタンについても、送信しようとする利用者に余計な判断をさせ、負担を与えることになってしまうので、ボタンの大きさ、形状など、配置の仕方など十分に配慮したい【3】。

送信ボタンと間違ってリセットボタンを押してしまったら、せっかく入力した欄がクリアになってしまう。ユーザーによっては、再度入力することを面倒に感じ送信するのをやめてしまうかもしれない。