本文へ移動
MENU
カテゴリーから検索
投稿月から検索

AI猫育成アプリ「Meowster」がメイン画面を全面刷新。片手操作に適したアイコン配置と表示エリア拡大を実施

〈景品表示法に基づく表記〉当サイトはアフィリエイトプログラムによる収益を得ています。
丸窓の前に仰向けで寝転ぶ猫と、画面上下および右側に配置された操作アイコンを示すUI画面

Meowster Innovations株式会社は、AI猫育成アプリ「Meowster」において、メイン画面の全面リニューアルを実施しました。見た目の刷新に加え、利用者の日常的な操作傾向を踏まえて画面内の全導線を再配置したとしています。頻繁に使う操作を手元へ集約し、使用頻度の低い機能をメニューへ収めることで、画面の大半を猫の表示スペースに充てています。

目次

メイン画面の表示領域を拡大しアイコン表示に統一

従来のメイン画面では、左右および下部に英語の文字ラベルが付いた大型ボタンが配置されており、猫が過ごす領域は中央の限られた範囲にとどまっていました。今回のリニューアルでは、文字ラベルを直感的に把握できるコンパクトなアイコンへ置き換えています。ごはんはお皿、絆はハート、チャットは吹き出しのアイコンで表現され、メニュー内の各機能名も日本語表記に統一されました。

丸窓の前に仰向けで寝転ぶ猫と、画面上下および右側に配置された操作アイコンを示すUI画面
丸窓の前で伏せる猫とフキダシ内のメッセージ、画面各所に配置されたボタンを示すUI画面
Mr.ガジェット

ボタンの文字ラベルを省いてアイコン化し、猫の表示領域を広げた点が大きな変化です。

Ms.ガジェット

画面いっぱいに猫が見えるようになると、開いた瞬間の印象がかなり変わりそうですね。

片手操作に配慮した下部配置と右下チャットボタン

スマートフォンを片手で持った際に親指が届きやすい画面下部へ、「ごはん・アイテム」「ふれあい」「絆」の3機能を横一列に並べました。また、利用頻度が最も高いチャット機能は、画面中央寄り右側の位置から、右手の親指で押しやすい右下へ移動し、サイズを拡大しています。

Ms.ガジェット

チャットやごはんのボタンが親指の届く下側に集まったので、片手でサッと操作したいときに押しやすそうです。

使用頻度に応じたメニュー集約と新設ミッションセンター

画面右側のメニューボタン内には、ツーショット、タロット、日記、カード、VIP、猫の町、バッグ、ランキング、設定の各機能をまとめて格納しました。機能自体の削減は行わず、日常的な利用頻度に合わせて導線を整理しています。

外を眺める猫の横に、縦に並んだ機能アイコンの展開メニューを表示したUI画面

画面上部には小魚と星の光の残高が表示され、右上にはショップとメールボックスが配置されています。右側の列には宝箱の進捗や、新設されたミッションセンターの入口が並びます。報酬や通知がある場合は対象アイコンに赤い点が表示されます。右側カレンダーアイコンから開くミッションセンターでは、ログインボーナス、デイリーミッション、ウィークリーミッションが一元化されており、猫との対話や給餌、スキンシップを通じて小魚を受け取ることが可能です。

ごほうびセンターの画面に表示されたミッション一覧と受け取り用ボタンのリスト
ごほうびセンターの画面に表示されたログインボーナスのカレンダー形式の達成状況
Mr.ガジェット

使用頻度ごとにボタンの階層が分けられ、ミッションもカレンダーアイコンに集約されました。

Ms.ガジェット

通知の赤い点やミッションのまとめ表示で、毎日確認したい項目が迷わず見つかるか気になります。

  • 本記事で使用している画像は、メディアユーザーとしてPR TIMESより提供されたプレスリリース素材を利用しています。
丸窓の前に仰向けで寝転ぶ猫と、画面上下および右側に配置された操作アイコンを示すUI画面

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次