へたれwebディレクターの覚え書き

「前次問題」ってなに？

まず、「前次問題」っていったいなんのことなのかをおさらいしてみます。

「前次問題」とは、ブログなど1画面で全コンテンツを表示しきれないサイトで、過去の情報にアクセスしたいときクリックするリンクのルールが統一されていない問題のことを指します。

この問題は、ブログや日記のエントリー表示順序はほとんどの場合時間軸で決められていることが前提でおきており、主に二つに分類されるようです。

文言の問題

「前の記事」「次の記事」という二つのリンクが表示されているとしたら、過去の記事を読むには「前の記事」「次の記事」どちらをクリックしたらいいでしょうか？
どうやらサイトによってバラバラのようです。

つまり過去の表記が『前』なのか『次』なのかわからないのです。


文言の問題については過去に書いた

日記なら「過去の日記へ」「新しい日記へ」のように、リンクテキスト自体に時間の概念を与えれば混乱することはないと思います。

というやり方である程度解決されると思われます。

左右の問題

いま画面に表示されているものより過去の記事を読みたいとします。画面下部には「≪　現在の記事　≫」というリンクがあるとしたら、過去の記事を読むには“≪”と“≫”、どちらをクリックしたらいいでしょうか？
これもサイトによってルールが異なっているようです。


つまり過去が左なのか右なのかわからないのです。

左右の問題について過去のエントリーで

結論ですが、日記は時系列で扱われるものですから、普段私たちが時系列を扱うときと同じルールを適用するべきだと思います。
時系列の代表であるカレンダーでは「左が過去、右が未来」です。縦のカレンダーなら「上が過去、下が未来」。日記の並びもそのようにするべきです。
（中略）
まとめると
左に進むほど古い日記、右に進むほど新しい日記
とする

と結論づけています。

が最近、これがどうも間違っていたのでは、と思うようになってきたのです。

そこで今回、あらためてもう少し『左右の問題』について再考してみることにします。

『左右の問題』の結論

いきなり結論を書いてしまいますが、現時点でわたしが思うのは以下のようになります。

1. そもそも時間軸でないもの（検索結果など）は右が次の情報
2. 日付（日時）が重要な情報でない場合は右が過去
3. 日付（日時）が重要な情報の場合は左が過去、でも右が過去でもいいかもしれない

以下に、そうと思う理由を述べます。

“左が過去記事”説と“右が過去記事”説、それぞれの根拠を再確認する

左右どちらかに統一できていないのは、それぞれに正当な根拠があるからだと思います。まずはそれを再確認してみます。

右が過去の記事にするべきである、という根拠

• テキストが横書きの場合、スタート地点は左で、そこから右に向かい、ページ遷移も「次ページが右」というのが紙メディアから続く一般的なレイアウトである
• スーパーマリオだってスタート地点から右に向かうじゃないですか

左が過去の記事にするべきである、という根拠

• カレンダーを代表とする、日付順で並ぶものは過去のほうが左である。ブログの記事は時間軸で並んでいるので、カレンダーのように過去のものが左、というルールに合わせるべきである

左過去と右過去、どちらを選択するべきか？とその理由

日付（日時）は重要な情報か？

ここまで書いていて、「時間軸を基準にしている」というのには二つの意味があることに気づきました。
すなわち

1. 書いた「順序」が大事なのか
2. 書いた「日時」が大事なのか

です。

ブログや日記の記事（エントリー）は時間軸、つまり日時順に並んでいるのが一般的ですが、この日時順には

1. 「順序」が大事なもの
2. 「日時」が大事なもの
   

の2種類があるように思います。

たとえば技術系ブログで10月１日に「デザインセミナーに参加します」という記事が公開されていたとします。
この10月1日の記事が、仮に公開された日が10月2日であろうと3日であろうと、多少の日付のズレならそのブログ記事の価値自体は大きく変わりません。このブログの日時はあくまで順序を決めるためのもの、つまり「時系列」が大事だと言えるでしょう。

逆に日記の場合、日時情報はとても重要です。たとえば小学生の夏休絵日記で「今日は家族で動物園に行く予定だったのに雷雨で取りやめになりました」と書かれていたとします。この日記の日付が一日でもずれてしまったら、その日記の情報が大きく変わることになります。夏休み明けに「オマエ、この日は快晴だったぞ？ あとからまとめて書いたんだろ？」と先生から疑われるかもしれません。


日付情報が、「単なるソート順」なのか、それとも「日付自体が重要な情報」なのか
言い換えるなら、その記事の日付（日時）が

1. あくまで情報を整理するための手段
2. 日時自体が情報

どちらか、の違いであると言えるような気がします。

そして日付情報が単なるソート順なのであれば、テキストが横書きの場合の基本どおり「スタート地点は左で、そこから右に向かう」とし、日付が重要ならば、より日付を意識するためにカレンダーと同じ動作に近づける、とするのがいいのではないでしょうか。

日付が大事だからといってすべて左過去にする必要もない

ただし日付情報が大事だからといって、必ずしも左過去にこだわる必要はないような気もします。
なぜなら、web上の日記を100％カレンダーを意識しながら使ってもらうのはとても難しいからです。

たとえばweb日記は（夏休みの宿題と違い）「毎日必ず、1日1件の記事」である必要がありません。
10月5日の日記を表示中、「前の日記」をクリックしたとき、遷移先は必ずしも10月4日にはならず、9月20日かもしれませんし、10月5日の別の記事かもしれません。そのためリンクをクリックした移動範囲が想像しづらく、このことが「日付」という感覚を薄めさせる要因になっています。

また、多くのブログシステムでは「カテゴリ」や「タグ」といった時間軸以外の概念が存在します。これがより時間軸を体感しづらい一因となっているかもしれません。

そもそも日記とブログの差もあいまいであり、よほど「このサイトは日記です！」というのが重要なコンセプトでないかぎりは、日記サイトであっても左過去にこだわらなくてもいいような気がします。

またもしこだわるのであるならば、もっとカレンダーを意識させるようなUIが必要なのではないかと思います。

カレンダーを意識させるために考えられること

日付にこだわるのであれば、UIに工夫が必要だと思います。
ここでは、それらの工夫は行われていると思われるサイトを紹介します。

日記であることをアピールする

mixiでは、カテゴリわけ機能を用意しないことで、より日記であることにフォーカスしているように思います。
文言も「日記」に統一されていますし、むしろ積極的に「日記」という単語を表示させているようにも思えます。

前にも書きましたが、mixiは自分たちのメーンコンテンツが日記である、というところからぶれていないのはすごいことだと思います。

複数の記事を日付でまとめて表示し、日付ごとにページングさせる

『はてなダイアリー』では、同じ日に書かれた日記を一つにまとめて表示する仕組みがあります。日付ごとにページングさせることで、日付をより意識させることができます。


『IT戦記』さんのある日の記事を例にすると、2006年3月31日には2つの記事が存在していますが、それを日付単位で一つにまとめて表示しています。

リンクも「前の日」「次の日」となっており、日付単位であることを強調しています。

日付ごとにページングさせ、かつ1日単位でしか移動できないようにする

「カレンダー」を頭にいれるのなら、「過去の情報を見るためにリンクを1回クリックした」というアクションにひも付く動作の単位が、1日であったり1ヶ月であったりがいいのかもしれません。

『美女暦』では、1日ずつ一人の女性が紹介されていますが、日曜祭日は欠番のようです。しかし前の日や次の日の女性を見るためのリンクをクリックすると。日を飛ばさずに「美女は本日お休みです」が表示されるようになっています。

そもそもカレンダーUIを用意してしまう

『Flickr』では一番上に表示される画像は「もっとも最近アップロードされた画像」ですが、これを日付順に並べることも可能です。
そして日付順で表示するためのページがカレンダーそのもののデザインになっています。

Flickrでは日付単位ならカレンダー、場所単位なら地図画面といったように、それぞれのUIを用意しています。編集画面も、目的にあった画面が複数用意されています。

このような「目的に合ったUIを別途用意してしまう」という方法も検討に値すると思います。

最後に

はてなブックマークとはてなダイアリーで過去を見る方向が異なっていますが、はてなダイアリーは日記である、ということを考えると理解できるように思えます（それが使いやすいかどうかは別ですが）。


また、長々と書きましたが、例によってこれが絶対に正解というわけではないと思います。実際、前回と違う結論になっていますし。

ご意見などあればいただけるとうれしいです。

関連リンク

• 「次」なのか「前」なのか（2006.02.22）
• デザインは、プログラムと比べてオープン化が遅れている（2006.05.23）
• 「前次問題」を再び考える（2007.07.26）