【TOHOシネマズ】映画選択をスムーズに導く情報設計の手法を紹介！「分析・情報設計編」

サイトを使っていて、「なんとなく使いにくいな」と感じたことはありませんか？「かってにUX」では、さまざまなサービスやWebサイトのUX改善を"かってに"提案し、より使いやすいユーザビリティのあり方を探っていきます。

「UX改善」「UXデザイン」という言葉にまだなじみのない方でも大丈夫です。「かってにUX」では、ユーザビリティを意識したデザイン改善の流れを、具体的な事例をもとにわかりやすく解説しています。

今回は「TOHOシネマズ」のWebサイトを対象に、「分析・情報設計編」と「ワイヤーフレーム・デザイン編」の2回に分けてUX改善を進めていきます。ぜひ最後まで読んでみてください。

提供価値やサービス内容、機能が類似する競合として「株式会社松竹マルチプレックスシアターズ」を取り上げ、比較・検証を行いました。

• 全国展開とブランド力

  全国70を超える映画館を運営し、来場者数では日本トップシェアを誇る映画興行会社。高い知名度と信頼性を背景に、ブランドイメージ・顧客サービス・上映体験・イベント施策において一貫したサービスを提供している。新作映画や特別イベントの集客においても大きな優位性を持つ。

• プレミアムな映画体験

  IMAXや4DXなどの最新上映フォーマットをはじめ、上質な座席（プレミアスクリーン等）や充実した飲食サービスにより、日常とは異なる特別な映画体験を提供している。

• 全国規模のイベント展開

  全国規模での特別イベントやプレミア上映を定期的に実施し、一貫したブランド戦略のもとでプロモーションを展開。幅広い顧客層を対象にした大型イベントが大きな特徴となっている。

まず現在のサイト全体を、以下のステップに沿って分析します。

• 分析

  サイト全体の構成とユーザーの導線を把握するため、トップページから各ページへの遷移を確認します。ユーザーがどのような流れで情報にアクセスし、どう行動するかを理解することが出発点です。

• 課題整理

  分析対象の範囲を絞り込み、優先度の高い課題を特定します。

• 機能の分析

  各機能の仕組みや相互関係を整理し、ユーザーのニーズに合った機能設計を検討します。

• ユースケースの作成と仮説立案

  ユーザーの行動やニーズをもとに仮説を立て、それを分析の軸とします。

• ユーザーストーリーをもとに再分析

  立てた仮説を実際のユーザー行動やデータと照らし合わせて検証し、改善策を精査します。

UXデザインでは、2〜5のステップを繰り返すことで、より本質的な改善策が生まれます。

サイトを見る際は、以下の観点で要素をカテゴリ化し、メリット・デメリットを整理します。その中から特に重要度の高いものを軸に、課題の分類と整理を行います。

分析の結果、サービス・サイト全体について以下のようなメリット・デメリットが明らかになりました。

• ポイントプログラムと会員制度の充実

  会員プログラムやポイントカードによって顧客のロイヤリティを高め、全国どこでも利用できる特典や割引を提供。顧客満足度の向上とリピート率の底上げに貢献している。

• 使いやすいネット予約システム

  自社の予約システムを持ち、事前の座席指定やチケット購入が可能。プレミアムサービスの予約やモバイル対応も充実しており、トラブル時の対応も迅速に行われている。

• 幅広い映画ラインナップ

  最新のハリウッド映画から日本映画、アート系作品まで多様なジャンルを上映し、さまざまな顧客層のニーズに対応している。

• 特別イベントとプレミア上映

  映画のプレミア上映や特別イベントを積極的に開催し、映画ファンやメディアに話題性と特別な体験を届けている。

• 会員データの管理とセキュリティリスク

  会員情報やポイントデータなどの個人情報は適切な管理が不可欠です。セキュリティ対策が不十分な場合、情報漏洩や不正利用のリスクが生じ、顧客からの信頼を損なう可能性があります。

• 上映コンテンツの差別化の難しさ

  新作・話題作の多くは他の映画館でも上映されるため、TOHOシネマズでしか観られないという状況が少なく、他館との明確な違いをユーザーが感じにくい面がある。

• チケット発券時の行列

  ネット予約で並ばずに購入できる一方、人気作や割引デー・休日などには発券機・自動券売機前に行列が発生することがある。※モバイルチケット対応劇場を除く

• 予約システム（スマートフォン）の使いにくさ
  • IMAXや4DXなどの特別上映と一般上映を同時に検索できず、不便さを感じる。ソート機能の追加が望まれる。
  • 予約完了までのステップが多く、途中離脱のリスクが高い。
  • 座席選択時に自動的にズームされるため、かえって操作しづらくなっている。

劇場トップページにおいて上映スケジュールの確認が主要な目的であるにもかかわらず、ファーストビューに配置されていないため、ユーザーはスクロールしなければ情報にたどり着けません。また、スケジュール・劇場情報・ニュースなどが混在しており、情報の整理が不十分です。以下の課題を解決することで、ユーザビリティの向上と継続的な利用率の改善につながります。

UXデザイン上の主な課題は以下の通りです。

• 映画を選ぶ段階で、情報がテキスト中心で予告編やビジュアルの演出が少なく、選択が楽しさを伴わない「作業」になってしまっている可能性がある。
• 予約完了までのフローが長く、離脱リスクが高い。
• 座席選択時にズームが自動的に作動し、操作性が低下している。
• IMAX・MX4Dなどの特別上映形式と一般上映を同時に検索できない。

UIデザイン上の主な課題は以下の通りです。

• フォントサイズや太さに統一感がなく、視認性が低い。
• 重要なお知らせなど優先度の高い情報が目立たず、配置が適切でない。
• ハンバーガーメニューやボタンのサイズが小さく、タップ・クリックがしづらい。
• ボタンのホバーエフェクトが複数パターン混在しており、デザインの一貫性に欠ける。

UXデザインのプロセスでは、サービスを使う「架空のユーザー像」を設定します。これをペルソナと呼びます。ユーザーを中心に据えた設計を行うための指針となり、プロジェクト関係者間の共通認識を形成する役割も担います。

TOHOシネマズのサービス特性とコンテンツの内容をもとに、ユーザーの属性・インサイトを分析し、以下のペルソナを設定しました。

映画を予約するという行為を、単なる情報取得や手続きのプロセスとして捉えるのではなく、映画を選ぶ楽しさや期待感を高める体験へと変えていくことを目指します。

そのために、UI全体を視覚的な没入感を軸に再構成し、ユーザーが直感的に映画を選んで予約へと進めるインターフェースを設計します。また、目的の情報に迷わずたどり着けるナビゲーションの整備や、利用者の関心に寄り添った情報提示を通じて、一人ひとりの文脈に合った体験を提供することを目指します。

• ナビゲーションの最適化

  予約に直結する情報に絞ったメニュー構成と、「予約する」ボタンの視認性向上により、ユーザーが迷わず目的の操作に進める導線を実現します。

• 映画選択の視覚的な訴求力強化

  映画ポスターを前面に活かしたデザインへ刷新。一目で作品の雰囲気を感じ取り、自然と予約へ進みたくなる体験を提供します。

• パーソナライズ機能の強化

  視聴履歴や閲覧傾向をもとにした映画レコメンドを実装。また会員向けに「鑑賞済み」「気になる作品」を保存できるライブラリ機能を新設し、映画体験を個人の記録として蓄積できるようにします。

次回はワイヤーフレーム・デザイン編です。

関連記事

【UX初心者は必見！】UX改善における調査・分析について