アニメの配信先を探してトップページを開いたのに、目に入るのは媒体の理念と大きな作品画像だけ。作品名も配信情報への入口も見当たらなければ、訪問者は次にどこを押せばいいか分からない。サイトの印象を考える前に、まずは目的の記事へ進めるかを確かめたい。
トップページは常連向けの記事一覧であり、検索やSNSで媒体を知った人の案内板でもある。初めて来た人は、扱う分野、情報の探し方、確認された時期を短い時間で見極めようとする。アニメ・映画メディアで起こりがちなつまずきを、画面に表れる症状と直し方から見ていこう。
何の情報があるサイトか、最初の画面で分からない
媒体名やロゴだけでは、アニメの放送予定を扱うのか、映画レビューが中心なのか、出演者のニュースも読めるのかは伝わらない。「エンタメの今を届ける」と広く掲げるより、「アニメの放送・配信情報と映画の公開情報を伝える」と対象を示すほうが、初めての人には使い道が分かりやすい。
とはいえ、長い説明で記事への入口を押し下げては本末転倒だ。サイトの役割を示す短い一文に、「アニメ」「映画」「配信・放送」「出演者・音楽」など、実際の掲載内容に合う案内を添える。扱っていない分野までメニューに並べる必要はない。
注目記事だけが大きく、目的別の入口がない
大きな特集画像は目を引く。ただ、一件の記事が画面の大半を占めると、映画の上映情報を探す人もアニメの配信予定を探す人も、そこで立ち止まってしまう。特集を置くことより、ほかの記事へ進む選択肢が見えないことが問題だ。
編集部が勧めたい記事とは別に、読者が用件から選べる入口を用意する。「新着」「注目」に加え、必要なら「これから公開・配信」「作品情報を探す」といった見出しが考えられる。ただし「これから」の欄には予定を確認できた記事を載せ、変更があれば表示も直す。古い記事が混ざるなら、単に新着順で見せたほうが誤解を招きにくい。
記事カードから内容を判断できない
「待望の新情報！」「あの話題作を解説」だけでは、開くまで何が書かれているか分からない。異なる種類の記事が並ぶトップページでは、カードに作品名と情報の種類を入れたい。「作品名＋配信予定」「作品名＋あらすじ・出演者」「楽曲名＋担当アーティスト」のように示せば、読者が選びやすくなる。
画像内に文字があっても、作品名や日付を画像だけに任せない。小さな画面では読みにくく、画像が読み込まれない場合もある。見出しの下に説明を添えるなら、同じ言葉を繰り返すより、「放送地域による違い」「視聴方法の確認事項」など、記事を選ぶ手がかりを入れる。
「最新」「視聴できる」の意味が曖昧
新着順と、情報が現在も有効かは別
公開したばかりの記事でも、参照した発表が古ければ予定は変わっているかもしれない。逆に、掲載から時間がたった作品紹介も、基本情報を確認し直していれば役に立つ。カードに公開日と更新日をどう示すか決め、「最新情報」の表示を自動で付けっぱなしにしないことが大切だ。
配信情報では「配信中」のラベルにも注意したい。対象地域や配信開始日、見放題か都度課金かを記事内で確認できなければ、読者は自分も視聴できると思い込んでしまう。トップページでは確認済みの範囲を簡潔に示し、詳しい条件を扱う記事へつなぐ。予定が未発表なら、推測で埋めず「配信先未発表」と書く。
告知画像と記事本文の情報が食い違う
放送日や公開時期が変更されても、トップページのバナーだけ旧情報のまま残ることがある。本文を更新しても画像内の文字は変わらない。日付を画像に入れるなら、予定変更時にはバナーも差し替える。変わりやすい情報は画像に焼き込まず、更新しやすいテキストで表示する方法もある。
メニューの名前が編集部の分類になっている
「Topics」「Feature」「Column」と並んでいても、初めての人には配信情報がどこにあるか分からない。「ニュース」「特集」も記事の形式は伝わるが、内容までは見えにくい。案内には、読者が探す対象や用件を反映させよう。
分類を細かく増やしすぎても、かえって選びにくい。たとえば「映画」「アニメ」を基本の入口とし、掲載量が十分ある場合に「公開予定」「放送・配信」を独立させる。同じ記事を複数の入口に出してもよいが、入口によって日付や説明が食い違わないようにしたい。記事を開いた後の案内は、アニメ・映画記事の内部リンクを読者の次の疑問から考える方法とも切り分けて設計できる。
スマートフォンで入口が見つからない
パソコンでは一画面に収まるメニューも、スマートフォンでは折りたたまれる。検索ボタンが小さい、メニュー内の項目が多すぎる、大きな画像の下に記事一覧が隠れる。そんな状態では、初めて来た人ほど操作を試す前に離れてしまいやすい。
実際の端末幅で開き、スクロールする前に「何のサイトか」「どこから探せるか」が分かるか確認する。画像の切り抜きで文字が欠けていないか、カード全体を押せそうに見えて一部しかリンクになっていないかも見ておきたい。ホバーしたときだけ説明が出る仕組みは、タッチ操作では使いにくい。
広告や告知と、編集記事の区別がつかない
トップページには、サイトからのお知らせ、作品の告知、編集記事などが並ぶ。すべて同じ見た目のカードでは、記事が読めるのか、外部の案内へ進むのか判断しづらい。広告や提供を受けた掲載物には、その性質が分かる表示を付ける。作品告知も、編集部の記事とサイト運営上のお知らせを、見出しや配置で区別したい。
宣伝色の強い枠を上部に置く場合でも、その下には通常の記事へ進む入口を残す。読者が探しているのは作品の情報であって、媒体のキャンペーンとは限らない。
改善するときは「初めて来た人の一つの用件」で試す
全項目を一度に作り直す前に、具体的な用件を一つ決めて動線をたどる。「映画の主題歌を担当する人を知りたい」「アニメの配信予定を確認したい」と設定し、トップページから該当記事へ進めるか試す。迷った場所を記録すれば、見出しが曖昧なのか、カードの情報が足りないのか、検索の位置に気づけないのかを分けて考えられる。
- 最初の画面で、媒体が扱う範囲を言えるか
- 目的に合う入口を、メニューと記事一覧から見つけられるか
- 記事を開く前に、作品名と情報の種類が分かるか
- 日付や配信状況の表示が、記事本文と一致しているか
- スマートフォンでも同じ用件を達成できるか
編集に関わっていない人に試してもらうなら、メニュー名は教えずに操作を見守る。後から「どこを押すと思ったか」を聞くと、編集部には自然に見える分類のずれが見えてくる。まずは直近に更新した配信情報の記事を一件選び、その作品名でトップページから探してみる。カードの日付と本文の視聴条件が一致するところまで確認したい。
