タブインデックスをもっとちゃんと設定して欲しいというかキーボードで操作って全然しないのかなとかそんな話

By mattz, 2009/08/26

twitterのログイン画面である。入力欄のふちがオレンジ色なのはOperaでスクリーンショットを撮ったせいなので無視していただくとして、問題はこのログインフォームの設計である。

まずはじめに名前(ID)を入力する。次にパスワード。で、それらの情報を記憶させるかどうかを判断、選択し、ログインボタンを押す、というのが、普通の人間の思考の流れであり、動作であると思う。

なので、各フォーム部品をその順番で並べておいてくれれば「次回から入力を省略」チェックボックスをチェックした上でログインしようと思った時に、

で済む。毎回IDとパスワードは入力するんだ、という場合でも、(スペース)の代わりに(タブ)をもう1回押せばいいだけ。

なのに、おそらくデザイン上の都合で、「次回から入力を省略」チェックボックスを、ログインボタンより後に配置してしまっているので、

である。どうにかならないものか。いや、覚えさせちゃう人は最初の一回だけだし、毎回入力したい人にとっては、毎回タブ一回分だけ余計に押さなきゃいけない、という反論もあるだろうけど、それはこの際無視だ。

タブインデックスを設定して、思考の流れの順にフォーカスを当てていくという手もあるが、表示順と実際の動きが食い違うと、人は混乱するので、避けるべきだとは思う。

というか、

次回から入力を省略

で済む話だと思うのだけど何とかならないだろうか？

それはそれとして、俺は俺でuser.jsでなんとかしよう。

いまさらというかなんというかずいぶん前に気がついてはいたんですが、これはもう直ってますね。普通にタブで進んでいけます。

アメーバのログインフォームも「ダメな例」ですね。ユーザ層的に大した問題じゃないのかも知れないけど。