人気の女性向けキュレーションアプリから学ぶui/uxデザイン...

17

Upload: takashi-okada

Post on 11-Feb-2017

176 views

Category:

Design


0 download

TRANSCRIPT

Page 1: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-
Page 2: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

アプリ AppStoreランキング 運営会社 キャッチフレーズMERY(メリー) 2 位

(カタログ)ペロリ

( DeNA 子会社)女の子のための無料ファッ

ションまとめアプリLocari(ロカリ) 5 位

(カタログ) ワンダーシェイク 女性のあこがれのライフスタイルを提案

TRILL(トリル) 6 位(ニュース)

トリル( Yahoo! 子会社) No.1 女性向けトレンド情報

by.S(バイエス) 14 位(カタログ) サイバーエージェント 大人女子のためのファッ

ション・美容・トレンド情報4meee!(フォーミー) 60 位以下

(ニュース)ロケットベンチャー(エニグモ子会社) 女子トレンドまとめ読み

資料: AppStore

調査対象アプリ

DeNA 、 Cyber Agent 、 Yahoo! などの大手 IT 企業も女性向けのキュレーションアプリに参入している。

No.13

注釈: 2016/8/11時点の AppStoreランキング

Page 3: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

資料:オカラボ作成

女性キュレーションアプリの目的

No.13

1.女性が関心のある情報を整理して、見つけやすくする。

2.商品・サービスをプロモーションすることでユーザーの購買を促す。

女性キュレーションアプリの目的は①情報の整理、② 商品・サービスのプロモーション。

Page 4: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

女性が関心のある情報を整理して、見つけやすくする

Page 5: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリのカテゴリ

資料:各アプリ注釈: 2016/8/11時点

女性の関心が高い「ファッション・美容」「恋愛」「おでかけ」が入っており、オススメ情報のニーズもありそう。

No.13

アプリ ファッション美容 恋愛

旅行おでか

けグルメ

エンタメ

ニュース

オススメ

新着ランキング その他

MERY ○ ○ ○ ○ - ○ ○ ○

Locari ○ ○ ○ ○ - ○ ○ ○

TRILL ○ ○ ○ - ○ ○ - ○

by.S ○ ○ ○ - ○ ○ ○ ○

4meee! ○ ○ - ○ ○ ○ ○ ○

Page 6: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリのトップ画面

資料:各アプリ

カテゴリ別の一覧で記事を表示することで情報を見やすくしている。

No.13

MERY Locari TRILL by.S 4meee!

Page 7: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリの記事一覧

資料:各アプリ

記事はイメージ写真とテキストを分けて表示することで、イメージ情報と文字情報がバランス良く入ってくる。

No.13

MERY Locari TRILL by.S 4meee!

Page 8: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリの検索画面

資料:各アプリ

自分が興味のある情報を能動的に検索できることでより女性に特化した検索エンジンとなり得る。

No.13

MERY Locari TRILL by.S 4meee!

Page 9: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリのお気に入り一覧

資料:各アプリ

自分のお気に入り情報をストックできることで自分だけの情報整理ができ、アプリへの愛着を持たせる。

No.13

MERY Locari TRILL by.S 4meee!

Page 10: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

商品・サービスをプロモーションすることでユーザーの購買を促す

Page 11: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリの記事画像

資料:各アプリ

SNS やサイトからモデルやキレイな写真を多く取り入れて、ユーザーのイメージを膨らませやすくしている。

No.13

MERY Locari TRILL by.S 4meee!

Page 12: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリの商品・サービスサイトへの動線

資料:各アプリ

記事から商品・サービスサイトへのリンクをつけることで、関心が高いうちに購買へ誘導しやすくする。

No.13

MERY Locari TRILL by.S 4meee!

Page 13: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリのシェアボタン

資料:各アプリ

記事画面にシェアボタンを配置することで、拡散効果を狙っている。

No.13

MERY Locari TRILL by.S 4meee!

Page 14: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

日常的に利用している SNS ( 10 ~ 40 代 女性)

資料:「 SNSの利用行動と消費行動」、トレンダーズ

(参考)シェアボタンの配置順番は利用率と拡散性から、 Twitter/Facebook/LINE の順番が良さそう。

No.13

50%

19%

8%

6%

5%4% 1%

7%

LINE Twitter YouTube Instagram Facebook ブログmixi 該当なし

LINE はグループ内への投稿が多いため、拡散性はあまり見込めない。

Page 15: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各アプリの記事ページ下部エリア

資料:各アプリ

記事の下部に関連記事や人気記事を載せることで回遊率を高め、他の商品・サービス認知度を高める。

No.13

MERY Locari TRILL by.S 4meee!

Page 16: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

各キュレーションサービスのデイリー投稿数(件数 / 日)

資料:「女性向けキュレーションメディア主要 6媒体の最新事業数値と伸ばし方( 2015/5/20)」、 THE STARTUP

(参考)キュレーションアプリとして集客する場合、デイリーの記事投稿数は 30 件以上は欲しい。

No.13

MERY

4meee!

by.S

Locari

TRILL

0 10 20 30 40 50 60

Page 17: 人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計-

女性が関心のある情報を整理して、見つけやすくする。

商品・サービスをプロモーションすることでユーザーの購買を促す。

女性の関心が高い「ファッション・美容」「恋愛」「おでかけ」「オススメ」カテゴリに入れ、カテゴリ別の一覧で記事を表示することで情報を見やすくする。

人気の女性向けキュレーションアプリから学ぶ UI/UX

No.11

記事はイメージ写真とテキストを分けて表示することで、イメージ情報と文字情報がバランス良く提供する。

SNS やサイトからモデルやキレイな写真を多く取り入れて、ユーザーのイメージを膨らませやすくし、商品・サービスサイトへのリンクをつけることで、関心が高いうちに購買へ誘導しやすくする。

自分のお気に入り情報をストックできることで自分だけの情報整理ができ、アプリへの愛着を持たせる。

自分が興味のある情報を能動的に検索できることでより女性に特化した検索エンジンにする。

目的 UI/UX 施策

記事画面にシェアボタンを配置することで、拡散効果を狙っている。記事の下部に関連記事や人気記事を載せることで回遊率を高め、他の商品・サービス認知度を高める。