或るサイトの制作過程(12)

うーん。こんなこと書いてると、そろそろどのサイトのことなのかバレるような気はするが。で、それらに加えて今週から動画も公開するという太っ腹。でも、最近はどこも動画を出してるんですよね。わざわざ自分で自分の首をしめなくてもいいように思うのですが、ともかく競争なのでうちも出していくことになったのであります。動画の公開に合わせて、現在はギャラリーをデザインしなおしています。よく分からないのですが、最近になって社長から「タブのようなものを使ってはどうか？」という提案が何度かあり、今回はいわゆる pagenation にタブを使うことにしたわけです。

pagenation でまず大切なのは、「タブの並びの中で、自分がいまどこのページにいるのかを分かりやすく表すこと」であります。「あんたは、いまここよ」という表示をまず考えなくてはなりません。で、それ以外に行けるページをベースにして、自分がいまいるページの表示には色を違えたタブで対応しています。また、既に公開しているページとこれから公開するページの区別もつけなくてはなりませんし、どのページが最新のページなのかも分かる方がよい。

そうした作った画像は「あんたは、いまここ」に使う画像なので、下向きの矢印がついています。矢印の部分を取り除くと、他のページを表す画像になり、リンクを付けることになるしくみです。まだ公開していないページのタブは最も薄い色にしてあり、タブの中だけリンク色を #ffffff としてあるので、殆ど文字が読めず、それゆえ「まだ公開していない」という意味になるわけです（もちろん、アクセシブルでないやり方だということは分かっています）。

また、今回は相互リンク先の動画も紹介するかたちにして、1 ページ内に動画の枠を6 つ作ることになりました。うちの動画は実際には 4 本だけで、あとの 2 本は動画がみられるような見せ方をして相手サイトにリンクを張るという、「騙しリンク」に近いやり方を採用しています。でも、ボタンの色を変えたりして区別はつくようにというお達しなので、少しは良心の呵責を見せておこうというわけです。全くの騙しリンクだって、やろうと思えばいくらでもできますが、そういうのは一時的な効果しかありません。