linkerは「人と人」「人と情報」「人と物」をつなぐデザインユニットです。

Facebookのアクティビティを多様な切り口で解析するiPhoneアプリ「gabi」

gabi-001.jpg

ども。火曜/金曜担当の@cremaです。

既にご存知の方も多いかもしれませんが、UIが美しく切り口がちょっと面白いiPhoneアプリをご紹介します。

その名は「gabi」。

Facebookでの自分と友人のアクティビティを多様な切り口で解析し、美しいグラフィックで見せてくれます。

インストール後に、自分のFacebookアカウントと紐付けると、こんな画面になります。

gabi002.PNG

左側に並んだ「+」をタップすると、こんな画面になります。私は「Newest」の左側の「+」をタップして、この画面に遷移しました。つまり「最新」の「PHOTOS」「VIDEOS」などを絞り込んでいく感じになりますね。

gabi003.PNG

すると、こんなふうに、何の切り口で絞り込むかの質問画面に遷移します。「私のグループに最も多く属している人は誰?」とか「私のステイタスに最もxxxxxしてくれる人は誰?」とか「私の女友達で獅子座(蟹座、乙女座......)の人は誰?」とか。質問内の要素の組み合わせで、いかようにでも切り口を変えることができます。質問を決定したら、下部の丸い「f」ボタンをタップします。

gabi004.jpg

しばらく解析時間がかかるのですが、終わると下記のように「new」マークとともにアイコンが出てきます。

gabi007.PNG

タップすると質問に応じた答えの一覧が横一列に現れ、スワイプして見ていくことが可能です。

gabi008.PNG

ものによっては、「today」「week」「anytime」などの時間帯で絞り込みもできます。

gabi009.PNG

ちなみに「私の友達の中で一番人気な本」を見てみたところ、「Webデザイナーのための jQuery入門 魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative)」、二番目は「レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法」でしたw このように、Facebook本体のサイトやアプリでは分かりにくい切り口でデータを手軽に分析してくれる、なかなか面白いツールなのです。

gabi010.PNG

さらにここまでご紹介した通り、オレンジから水色へのグラデが印象的かつ、直感的で分かりやすいUIが、かなり素晴らしいです。

設定画面もこの美しさ。

gabi011.PNG

細かいアニメーション処理も心地よく、ぜひ試してみてはいかがでしょうか?

(このアプリは、仲良しの@Lebe_fujiiさんに教えていただきました。多謝!)