レガシーなニュースサイトを、読み続けられる場にするには。

TVBS News は台湾を代表するニュースプラットフォームです。広告優先・速報性重視の運用が長年積み重なった結果、リーディングフローの断片化、情報階層の不明瞭さ、そしてそのどちらも直せない編集ツールの硬直化が同時に起きていました。

本プロジェクトではデザインを単独で担当し、モバイルファーストのリデザインを主導しました。コアチームは6名——私、PM、エンジニア2名、デザインマネージャー、部門長。その外側では、網路新聞部の編集者と編集主任、営業部門、そして第三者広告ベンダーと協働しています。求められていたのは見た目の刷新ではなく、リーディングフローの回復と、編集者が実際に運用できるモジュール型システムの構築でした。

1. 認知的な中断を減らす

   記事途中に密集する広告配置が、文脈を分断していました。
2. 情報階層を強化する

   読者が短時間でスキャンし、要点に辿り着ける状態をつくる。
3. 回遊深度を高める

   読了直後に「次を読む理由」が成立する導線を用意する。
4. 編集運用のスケーラビリティを支える

   個別のレイアウト調整ではなく、再利用可能なモジュールで対応する。

ターゲット指標

中核にあったのはリーディングフローの崩れでした。記事途中の広告が文脈を遮り、読者は早期に離脱していた。それを固定化させていた構造的な要因が3つあります。

1. 情報階層が古く、要点を拾いづらい

   短時間でスキャンして重要情報に辿り着けず、没入が続きにくい状態でした。
2. 次に読むための文脈導線がない

   記事下部の推薦コンテンツは汎用的で、読了直後の内容と関連性が薄く、読者は読み続けずに離脱していました。
3. CMSの柔軟性不足 — 潜在的な原因

   編集者が一貫した構造で記事を組み立てる手段がなく、レイアウトと階層の問題が運用の中で再生産され続けていました。

行動データ分析

GA4の行動データとスクロール深度を分析したところ、離脱は広告による中断点に集中していました。2023年のデータではモバイルのPVがデスクトップの約6倍、アクティブユーザー数が約5倍である一方、回遊深度はデスクトップの方が高いという逆転が見られました。モバイル体験に固有のフリクションが存在する強い示唆であり、これがモバイルファーストの設計方針を決めた根拠です。

読者の声

3つの閲覧志向

制約はデザインの質ではありませんでした。収益です。私が動かしたい広告枠は、すべて誰かの数字でした。

収益に影響を与えずに中断を軽減できる領域を見極めるため、編集チームと営業チームとの協議を主導しました。維持すべき広告枠（非交渉領域）と調整可能なレイアウト領域を切り分けることで、後から商業的な理由で却下される提案ではなく、その中で反復できる明確な境界線を先に引いています。

そのうえで策定したロードマップは、ユーザー価値・編集運用の安定性・技術的準備度のバランスを、リリース時期とリソース制約に整合させる形でまとめました。

議論を決着させた利用データ

低利用のUIを直感で削除するのではなく、2024年後半のクリックデータを根拠に方針を決めました。争点となった要素はすべて1.3%未満、うち4つは1.1%未満です。

方針は削除ではなく整理と集約です。ナビゲーションはハンバーガーメニューへ集約しました——その利用率自体は0.06%と低いものの、必要とする読者のための導線として維持しています。シェア機能は単一のボタンに統合しました。

速報ティッカーはすでに広告枠として再活用されていましたが、インタビューでは4人中3人がスキップしていました。本来の情報価値を失っているという判断であり、黙って削除するのではなく、ステークホルダーとの再調整が必要だと結論づけています。

文字サイズについては、端末側の文字サイズ設定と同期する方針を開発と調整しました。高齢の読者が端末側で調整する傾向を踏まえた判断です。十分に機能すればUI上のトグルを置き換えられる想定で、リリース後のフィードバックによる検証を予定していました。

リデザイン案は私の在籍期間中にリリースには至りませんでした。提案はステークホルダーのKPIと事業目標に整合していましたが、以下に記すのは検証されたことと引き継いだものであり、私が主張できない成果指標ではありません。

• ユーザビリティテストで検証済み。 初期テストではモジュール型レイアウトが明瞭性と読了継続性を改善する傾向が確認され、特にモバイル中心の読者で顕著でした。11件のコンセプトのうち8件が参加者評価の上位5位に入っています。
• 3部門をまたぐ共通認識の形成。 GA4データとインタビューの根拠に基づいて判断したことで、編集・プロダクト・営業間の摩擦が減り、意思決定が加速しました。
• 編集組織へのプロダクト思考の導入。 議論がページ単位の見た目調整から、体験全体を捉えるシステム設計へと移りました。
• リリースを超えて残る基盤。 タイムライン型ストーリーテリング、テーマ別クラスタリング、モジュール型ブロックは、いずれ将来のパーソナライズへ拡張できます。

この案件から得たもの

1. 制約そのものが要件である

   広告収益は回避すべき障害ではなく、明示的に線を引いたことが実装可能なリデザインを成立させました。
2. 「今あるシステム」に対して設計する

   Shuffle Next が存在するのは、CMSが真のパーソナライズを支えられなかったからです。読者の主導権に賭けたのは妥協ではなく、その条件下での誠実な解でした。
3. レガシー組織は根拠で動く

   意見では決着しなかった議論が、クリックデータでは決着しました。