未来感じるUIのヘルストラッキングアプリ「Gyroscope」

@yoshikikoji

8年前

iPhoneやAppleWatchに様々なセンサーが搭載されているおかげで、健康管理をするアプリが続々と出ていますが、今回紹介するのはひたすら美しいUIのヘルストラッキングアプリ「Gyroscope」です。iOSアプリとPCブラウザのアプリがあります。

使い方

Facebookアカウントを使って会員登録をします。いろいろなヘルストラッキングアプリと接続することができるので、他のアプリも入れてみてください。毎日のトラッキング情報はカード式のUIで表示されます。

カード式のUIはこんな感じ。

一週間使うとWeeklyReportが見れます。こちらも美を追求したデータビジュアライゼーションて感じです。

こちらはMonthlyReport

アプリもWebも、滅茶苦茶こってます。WebのほうもCSSとJSを駆使してすごくリッチなUIになってます。

ヘルストラッキングアプリはiPhone内のプライバシー設定だったり、ほかアプリとの連携が必要だったりするので、Gyroscope内で完結しないことが多いんですよね。スクリーン数は若干増えてしまいそうですが、丁寧にチュートリアルを用意することで、ユーザーが迷わないように工夫していました。

リッチなUIですが、決して使いづらくありません。ゴテゴテ無駄なものがついているというよりは、いらない部分はちゃんと削りつつ、Appleの標準のUIをうまく取り入れたうえでとても美しく見せている感じ。

エンジニアさんは実装相当苦労されたんじゃないかなーなんて想像してしまいました。でもやっぱりこういうアプリは使っている側もワクワクしますね。健康管理というとどうしても固いイメージがありますが、こういうふうに見せられると違った視点で健康について考えることができそうです。