勝手にTOHOシネマズのUI変えてみた
3 min readDec 24, 2019
日頃よく使っているけれど、ちょっと使いにくいな…と僕が思ったアプリのUIを勝手に変えます!
ちなみに前回はこちら
今回は「TOHOシネマズ」のアプリを勝手に変えてみようと思います!僕、TOHOシネマズ会員で多い時は週に1回レベルでTOHOで映画をみています。好きな劇場は六本木です。塩のポップコーンバター多めとメロンソーダがマストです。
そんなTOHOシネマズのアプリのトップのUIはこんな感じ。
今回はこの画面を勝手に(自分が使いやすいように)変えてみます!
まずは使いづらいポイントをメモしてみました。
- 日付検索や表示形式の変更、注目の作品など普段使わない機能がある
- タブもほとんど使わないものが多い
- 劇場の切り替えはそこそこ使うけど、目立ちすぎでは?
- 会員ページはよく使う(ポイントやマイルの確認など)けど、場所が遠い
そんなに使わない機能はバッサリと切って、使うけど場所が遠い機能を盛り込めると良さそう!
変えました!!
- 日付検索機能を無くして、シネマイレージポイントが一目でわかるようにしました。(6回見たら1回無料🤗)
- セグメンテッドコントロールで分けられていた「注目作品」は、今まであった推し映画のスペースにカルーセルで格納しました。セグメンテッドコントロールもスッキリ✨
- 赤い帯で堂々としていた劇場選択は、「公開予定(全劇場)」では使われない機能のため、同じく「公開予定(全劇場)」で非表示になる「公開日順」と同列の並びに変更しました。
また、タップ後の画面をモーダルではなく、黒のセミモーダルにすることで見た目と使いやすさを改善しました。現状はここでお気に入り劇場の編集ができないため、⚙を追加して編集できるようにします。 - 評価の星がでかでかと目立っていたので、面積を小さくしました。空いたスペースには、元からある機能の🧡(見たい)ボタンを設置しました。(現状は作品をタップした後じゃないと現れない)
- タブバーにあった、「お楽しみ」はほぼ隣にある「お知らせ」と内容が被っていたため排除し、シネマイレージ会員ページをタブに昇格させました。タブバーのデザインもモダンな感じに変更。
以上!!
TOHOシネマズ大好き〜〜〜〜!