アクティビティAppの新UIを考えてみた

先日twitterで面白いツイートが僕のもとに届きました。

アクティビティAppのUIにおいて、「100%越え」をどの様なアプローチで、実現しますか?
正直、アクティビティApp?と無知でしたので気になり調べてみました。
そして、もっと見やすい面白いUIは実現できないのか考察しました。

アクティビティAppとは

AppleWatchやiPhoneにデフォルトで搭載されているヘルスケア向けアプリケーションのようです。活動量等をリングのグラフを用いて自動で記録してくれるアプリです。

リングといわれる円形のチャートがによって達成度が一目でわかるUIになっていますよね。フォトジェニックを感じました。

リングのメリット/デメリット

より見やすいUIを考える為に、まずはリングで達成度を可視化されたアクティビティappのメリット・デメリットを挙げてみます。

メリット

・目標値に対して達成している割合が一目でわかる。
・100%を超えても達成度の割合をグラフ管理できる。
・AppleWatchでも管理できるほどスペースを取らないグラフ。

デメリット

・リングを2周目以降は、何周しているのかわかりづらい。
・リングなので達成度(0〜100)の数値までは入ってこない。

上記がリングによるメリット/デメリットだと思います。円グラフはよく使われているので、円状であるリングも見慣れやすいですね。

僕が考えてみた新UI

円状のリングよりも、角のある図形の方が達成度をより定量的に一目でわかるんじゃないかなと思って、以下の新UIを考えて見ました。

角があればあるほど、達成度の数値まで一目でわかる情報からかけ離れてしまうので、3~6角形ぐらいがちょうど良い気がします。それぞれの角までの達成度の割合も瞬時に判明できますよね。リングと同じく閉路されているので「100%越え」にも対応できます。

他にも閉路を用いたUIチャートはたくさん考えられると思います。こんなUIの方が面白いんじゃないかっていう意見ありましたら教えてください。コメントの方も宜しくお願いいたします。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です