メインコンテンツに移動
mattz.xii.jp

Main navigation

  • Home
  • YBR125メモ
User account menu
  • ログイン

パンくず

  1. ホーム

UI

Operaのいいところ

By mattz, 2009/11/20

なんとなく、急に思い立ったので書いてみる。

設定画面に[キャンセル]がある。

Firefoxにもありますので、Firefoxのいいところでもありますがそれはさておき。

ChromeやSafariは[閉じる]ボタンがあるばかりで、ないんですよね。[キャンセル]。で、設定画面で変更したものは即反映。「やっぱ変更しない」ってやりたくなることは誰にでもあると思うのですが、[Esc]キーでオプション画面を閉じた場合ですら、変更したものは反映される。どうも自然じゃない。とWindows育ちの僕は思うのですが。

特にSafariなんて、閉じるボタンがあるっていっても右上のバッテンですからね。バッテン押したら「中止」の意思表示だと思いませんか?

好きにはなれませんね。

タグ

  • Opera
  • UI
  • 雑記

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

By mattz, 2009/08/26

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

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

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

  1. IDを入力
  2. (タブ)
  3. パスワードを入力
  4. (タブ)
  5. (スペース)
  6. (Enter)

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

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

  1. IDを入力
  2. (タブ)
  3. パスワードを入力
  4. (タブ)
  5. (タブ)
  6. (スペース)
  7. (Shift+タブ)
  8. (Enter)

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

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

というか、

次回から入力を省略

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

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

2009/11/26追記

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

2009/12/09追記

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

タグ

  • UI
  • Twitter

月別アーカイブ

  • 6月 2025 (50)
  • 12月 2024 (1)
  • 11月 2023 (3)
  • 10月 2023 (1)
  • 12月 2022 (1)
  • 4月 2022 (1)
  • 12月 2021 (1)
  • 2月 2021 (1)
  • 11月 2020 (1)
  • 7月 2020 (1)
  • 12月 2019 (1)
  • 7月 2019 (2)
  • 5月 2019 (3)
  • 3月 2019 (1)
  • 2月 2019 (1)
  • 12月 2018 (1)
  • 12月 2017 (1)
  • 1月 2017 (1)
  • 5月 2016 (1)
  • 2月 2016 (1)
  • 2月 2015 (2)
  • 11月 2014 (1)
  • 7月 2014 (1)
  • 6月 2014 (1)
  • 5月 2014 (1)
  • 2月 2014 (1)
  • 12月 2013 (1)
  • 11月 2013 (1)
  • 10月 2013 (1)
  • 6月 2013 (1)
  • 5月 2013 (1)
  • 3月 2013 (2)
  • 2月 2013 (1)
  • 1月 2013 (2)
  • 12月 2012 (1)
  • 11月 2012 (1)
  • 10月 2012 (4)
  • 9月 2012 (1)
  • 8月 2012 (2)
  • 6月 2012 (2)
  • 5月 2012 (1)
  • 3月 2012 (5)
  • 2月 2012 (1)
  • 1月 2012 (3)
  • 12月 2011 (1)
  • 10月 2011 (1)
  • 7月 2011 (4)
  • 6月 2011 (3)
  • 5月 2011 (2)
  • 4月 2011 (7)
  • 3月 2011 (4)
  • 2月 2011 (1)
  • 1月 2011 (2)
  • 12月 2010 (2)
  • 11月 2010 (2)
  • 10月 2010 (5)
  • 9月 2010 (5)
  • 8月 2010 (1)
  • 7月 2010 (6)
  • 6月 2010 (6)
  • 5月 2010 (4)
  • 4月 2010 (6)
  • 3月 2010 (14)
  • 2月 2010 (10)
  • 1月 2010 (6)
  • 12月 2009 (11)
  • 11月 2009 (10)
  • 10月 2009 (13)
  • 9月 2009 (23)
  • 8月 2009 (12)
  • 7月 2009 (23)
  • 6月 2009 (22)
  • 5月 2009 (40)
  • 4月 2009 (6)
  • 3月 2009 (6)
  • 2月 2009 (6)
  • 1月 2009 (12)
  • 12月 2008 (15)
  • 11月 2008 (13)
  • 10月 2008 (10)
  • 9月 2008 (12)
  • 8月 2008 (19)
  • 7月 2008 (15)
  • 6月 2008 (45)
  • 5月 2008 (29)
RSS feed