2009年06月19日

Seesaaブログの編集画面のタブオーダーの設計が明らかにおかしい件

Vimperatorなんて、キーボード至上主義な操作性を提供するウェブブラウザ(の、アドオン)を使い始めたお陰で気付いたのだが、Seesaaブログの投稿画面のタブオーダーはすごくおかしい。直感に反している。

タブオーダーとは何か。キーボードのTabキーを押した時に、対象となるソフトウェア(今回の場合はウェブブラウザ)上の各リンクテキストやフォームフィールドが順に選択される機能があるが、それの順番のことである。

Seesaaブログでは明らかにその順番がおかしい。

[Seesaaブログ編集画面と、一般的と思われるタブオーダー]これが、Seesaaブログの投稿画面だ。通常考えるであろうタブオーダーの動きを青い数字で書き加えてある。次のような順番だ。

  1. 記事カテゴリ フィールド
  2. ジャンル選択 フィールド
  3. 記事タイトル フィールド
  4. 記事のタグ フィールド
  5. 内容 フィールド
  6. "ファイル""追記""トラックバック""この記事の詳細設定"等、各種補助設定
  7. "確認する" ボタン
  8. "保存する" ボタン

まぁ早い話が、理想的なタブオーダーは、フォームの上から下、左から右、という、web上の日本語の文字の並びと同じ順番だ。

ところが、Seesaaブログのタブオーダーはそうなっていない。

[Seesaaブログ編集画面タブオーダー] これが、Seesaaブログのタブオーダーだ。

"記事のカテゴリ""ジャンル"を飛ばし、いきなり"記事タイトル"に。続いて"内容"に飛ぶ。その後、再び飛んで"確認する""保存する"へ。
更に、右上に有るSeesaa、及びSeesaaブログのトップページへのリンク等、投稿フォーム自体とは直接関係ない部分を経由した後、"記事のカテゴリ"に戻って(?)来る。
そして、"ジャンル"、一番最初の"記事のタイトル"を抜かして"記事のタグ"。"内容"の各種ボタンへと移った後、"ファイル"等の補助設定類へ移行する。

最初に言ったとおり、文字の流れと同じ上から下、左から右の順番とするのが一般的だ。Seesaaブログの投稿ページは、明らかにそれに反している。

"記事タイトル""内容""確認する""保存する"と、一番使われるであろうものが、一番最初に、且つ使われると思われる順番に設定されている事をみると、Seesaaブログの中の人は『これらを一番よく使うからこの順番にタブオーダー設定すればいいんじゃね』と深く考えないで設定したのではないかと思われる。賭けても良い。そのスタッフは絶対このフォームを常用していない。もしくは修正すべきものをほったらかしてる必要以上の面倒くさがりだ。違うならただの無能だ。

別にこのタブオーダーが悪いとは言わない。しかしならば何故、タブオーダーの順番に各フィールドを並べなかったのか。それに、"保存する"ボタンから"記事のカテゴリ"へ移動するまでに、投稿フォームとは関係のないSeesaaトップへのリンクを経由する必要なんて皆無だ。

Seesaaブログのスタッフは即刻これを修正すべきだ。
フォームをタブオーダーに合わせるのか、はたまた、タブオーダーをフォームに合わせるのかは、それぞれ一長一短が有るので『これがベストだ!』とは断言できないが。

ラベル:UI seesaaブログ
posted by 天井冴太 at 05:29| Comment(0) | TrackBack(0) | IT的つれづれ | 更新情報をチェックする
この記事へのコメント
コメントを書く
コチラをクリックしてください

この記事へのトラックバック