勝手にTOHOシネマズのUI変えてみた

Tsubasa Shiraishi
3 min readDec 24, 2019

--

日頃よく使っているけれど、ちょっと使いにくいな…と僕が思ったアプリのUIを勝手に変えます!

ちなみに前回はこちら

今回は「TOHOシネマズ」のアプリを勝手に変えてみようと思います!僕、TOHOシネマズ会員で多い時は週に1回レベルでTOHOで映画をみています。好きな劇場は六本木です。塩のポップコーンバター多めとメロンソーダがマストです。

そんなTOHOシネマズのアプリのトップのUIはこんな感じ。

お世話になっております

今回はこの画面を勝手に(自分が使いやすいように)変えてみます!

まずは使いづらいポイントをメモしてみました。

タップ後の画面は下
  • 日付検索や表示形式の変更、注目の作品など普段使わない機能がある
  • タブもほとんど使わないものが多い
  • 劇場の切り替えはそこそこ使うけど、目立ちすぎでは?
  • 会員ページはよく使う(ポイントやマイルの確認など)けど、場所が遠い

そんなに使わない機能はバッサリと切って、使うけど場所が遠い機能を盛り込めると良さそう!

変えました!!

ドン!
  1. 日付検索機能を無くして、シネマイレージポイントが一目でわかるようにしました。(6回見たら1回無料🤗)
  2. セグメンテッドコントロールで分けられていた「注目作品」は、今まであった推し映画のスペースにカルーセルで格納しました。セグメンテッドコントロールもスッキリ✨
  3. 赤い帯で堂々としていた劇場選択は、「公開予定(全劇場)」では使われない機能のため、同じく「公開予定(全劇場)」で非表示になる「公開日順」と同列の並びに変更しました。
    また、タップ後の画面をモーダルではなく、黒のセミモーダルにすることで見た目と使いやすさを改善しました。現状はここでお気に入り劇場の編集ができないため、⚙を追加して編集できるようにします。
  4. 評価の星がでかでかと目立っていたので、面積を小さくしました。空いたスペースには、元からある機能の🧡(見たい)ボタンを設置しました。(現状は作品をタップした後じゃないと現れない)
  5. タブバーにあった、「お楽しみ」はほぼ隣にある「お知らせ」と内容が被っていたため排除し、シネマイレージ会員ページをタブに昇格させました。タブバーのデザインもモダンな感じに変更。

以上!!
TOHOシネマズ大好き〜〜〜〜!

--

--