【Coke ON】 まいにちUI観察 4日目

「まいにちUI観察」とは、毎日Mobile Application（アプリ）のUIデザインを観察し、noteにまとめるきゆかの勉強法。

あまりガチガチしちゃうとすぐ飽きてしまうので、まずは好きなアプリを2週間観察していくことを目標に投稿がんばります。

マガジンはこちら！

まいにちUI観察｜きゆか｜note

具体的に何を観察するかといいますと

・楽しさ
・見やすさ
・使いやすさ

の3つの点に注目していきます。

Coke ON を観察する

本日の観察アプリはCoke ON。コカカーラ公式の、自動販売機で買ってスタンプを貯めることができるアプリ。

Coke ON（コーク オン）- おトクで楽しいコカ･コーラ公式アプリ

メインの機能はスタンプ貯蓄なのですが、日ごとの歩数を計測してくれたり、カメラ撮影ができたり、そしてキャンペーンなどの広告記事もあるなど、意外にもコンテンツが豊富。スタンプ貯蓄と歩数を掛け合わせるっていうアイデア素晴らしいなと。立派なメディア。

ドリンクを買いたくなる、非常におもしろいアプリ。

楽しさ

・アニメーションを多く利用

スプラッシュでは、下から上へ飲み物が溢れるアニメーションだったり、Coke ONウォークのページを見ると、歩いている人のアニメーションがあったり、スマホと自販機の接続画面では、電波を飛ばしているアニメーション があったりと、とにかく「アニメーション」の多いアプリ！

ただアニメーションを煩雑しているのではなく、ここぞという大事なページには絶対アニメーションがある。スタンプ画面、接続画面、ウォーク画面、使いどころが良い。毎度開いても退屈しない。

見やすさ

・歩数の計測

ウォーク画面の歩数は、1週間のトータル歩数と本日の歩数が繰り返し表示される。円の中に歩数が表示され、円の上部には歩いているキャラクターがいる（この子、名前あるのかな？）。横スワイプすると先週の歩数が見れたりする。

（昨日全然歩いてないやないか）

これだけでも充分見やすいのだが、観察をしていてさらに工夫しているところを見つけた。

この歩数表示の画面、Coke ONのロゴとリンクしている！！

気付きそうで、気づかない。こんなに面白く汎用しているロゴマーク初めて見た。

・アイコンの線の細さ

全体的に、細い。なのにポップさが出ている。アイコンの線は太い方がポップで楽しさが出る。細いとスタイリッシュで大人っぽくなってしまう印象だが、Coke ONのアイコンは全体的にポップにまとまっている。

赤色は結構キツい色なので、赤くて太いアイコンだと、全体的に重くなってしまうのだろうか。

使いやすさ

・まじで繋ぐだけ

スタンプを貯めたい時は、自販機とスマホを近づけるだけで、操作が完了。ほんまに裏のシステム動いてんのか（ちゃんと動いてます）ってくらい、ユーザー自身のストレスは皆無。使い方説明がちゃんとあるが多分要らないと思ってしまうほど。

・キャッシュレス決済時のお支払い

自販機で販売している飲み物を、スマホから選んで購入ができる。選んだ飲み物を、上にスワイプするだけ。このアプリは、結構お気に入り。

本日の観察は以上です！