nucleus -ソーシャルメディア解析サービスのデザイン-

55
ソソソソソソソソソソソソソソソソソソソソ ソソソソ

Upload: keito-kojima

Post on 24-Jul-2015

824 views

Category:

Data & Analytics


0 download

TRANSCRIPT

Page 1: Nucleus -ソーシャルメディア解析サービスのデザイン-

ソーシャルメディア解析サービスのデザイン小嶋景人

Page 2: Nucleus -ソーシャルメディア解析サービスのデザイン-

質問仙台の名物を思い浮かべてください

Page 3: Nucleus -ソーシャルメディア解析サービスのデザイン-

3

メジャーな名物たちを思い受かべませんでしたか?

Page 4: Nucleus -ソーシャルメディア解析サービスのデザイン-

4

実は仙台のアニメイト (移転済み )も有名なのです。

Page 5: Nucleus -ソーシャルメディア解析サービスのデザイン-

新しい発見があるかもしれません。

Page 6: Nucleus -ソーシャルメディア解析サービスのデザイン-

6

複雑なデータを直感的に表現

難しい作業はいらない

ビジュアルの力でノウハウを補う

Page 7: Nucleus -ソーシャルメディア解析サービスのデザイン-

複雑なデータを直感的に表現

Page 8: Nucleus -ソーシャルメディア解析サービスのデザイン-

8

Page 9: Nucleus -ソーシャルメディア解析サービスのデザイン-

だれでも理解できる!

Page 10: Nucleus -ソーシャルメディア解析サービスのデザイン-

難しい作業はいらない

Page 11: Nucleus -ソーシャルメディア解析サービスのデザイン-

通常の場合 Nucleus• 現状の調査• データの取得• データの加工• Excel でグラフを作成• 作成した画像をエクスポート

• 検索ワードの入力• グラフを読む• 画像の保存 ( 共有 )

たったの 3 ステップ!

Page 12: Nucleus -ソーシャルメディア解析サービスのデザイン-

専門的な知識をカバー!

新しい発見があるかも!

Page 13: Nucleus -ソーシャルメディア解析サービスのデザイン-

プロセス

リサーチ データ解析 デザイン 検証

Page 14: Nucleus -ソーシャルメディア解析サービスのデザイン-

データ解析 デザイン 検証

プロセス

リサーチ

Page 15: Nucleus -ソーシャルメディア解析サービスのデザイン-

15

可視化の歴史Data

visualization解析対象となるデータベース

Page 16: Nucleus -ソーシャルメディア解析サービスのデザイン-

ウィリアム・プレイフェア

可視化の歴史の調査

Page 17: Nucleus -ソーシャルメディア解析サービスのデザイン-
Page 18: Nucleus -ソーシャルメディア解析サービスのデザイン-

Data visualization

Page 19: Nucleus -ソーシャルメディア解析サービスのデザイン-
Page 20: Nucleus -ソーシャルメディア解析サービスのデザイン-

背景

どのデータが良いのか?

Page 21: Nucleus -ソーシャルメディア解析サービスのデザイン-

メディアとしてのインターネット

Page 22: Nucleus -ソーシャルメディア解析サービスのデザイン-

データを公開しているサービス(一部 )

Page 23: Nucleus -ソーシャルメディア解析サービスのデザイン-

ソーシャルメディアの成熟

Page 24: Nucleus -ソーシャルメディア解析サービスのデザイン-

国内ユーザー数 月間アクティブ率 平均投稿数 /日

Twitter 2,070万人 60.5% 25.7

Facebook 2,100万人 53.1% 1.0

instagram 不明 76.7% 3.5

google+ 252万人 23.9% 不明

Page 25: Nucleus -ソーシャルメディア解析サービスのデザイン-

解析対象となるデータベース

調査の結果 Twitter のデータになった

Page 26: Nucleus -ソーシャルメディア解析サービスのデザイン-

リサーチ デザイン 検証

プロセス

データ解析

Page 27: Nucleus -ソーシャルメディア解析サービスのデザイン-

Twitter からデータ取得

Page 28: Nucleus -ソーシャルメディア解析サービスのデザイン-

2015 年になっても初心者お 薦め

の本は ? って聞いてき たときに高

価で鈍器ほどの 厚さと重みのある

本をお薦 めだよ最終的には皆これ

に 行きつくんだよこれ読めな いと

どうせ先に行けないよ と言ってく

る奴を物理的に 排除していこうと

いう熱い 気持ちが漲る事例だ

2015| 年 | に | なっ | て | も | 初 心者 | お薦め | の | 本 | は |?| って |

聞い | て | き | た | とき | に | 高価 |

で | 鈍器 | ほど | の | 厚 | さ | と |

重み | の | ある | 本 | を | お薦め |

だ | よ | 最終的 | に | は | 皆 | これ |

に | 行きつく | ん | だ | よ | これ |

読 | め | ない | と | どうせ | 先に |

行け | ない | よ | と | 言っ | て | くる | 奴 | を | 物理的 | に | 排除 | し |

て | いこ | う | と | いう | 熱い | 気持ち | が | 漲る | 事例 | だ |

日本語形態素解析

Page 29: Nucleus -ソーシャルメディア解析サービスのデザイン-

統計・演算処理

Page 30: Nucleus -ソーシャルメディア解析サービスのデザイン-

リサーチ データ解析 検証

プロセス

デザイン

Page 31: Nucleus -ソーシャルメディア解析サービスのデザイン-

スケッチ

リファレンスイメージ

カラーパターン

デザイン実装

Page 32: Nucleus -ソーシャルメディア解析サービスのデザイン-

スケッチ

Page 33: Nucleus -ソーシャルメディア解析サービスのデザイン-

最初のイメージ

Page 34: Nucleus -ソーシャルメディア解析サービスのデザイン-
Page 35: Nucleus -ソーシャルメディア解析サービスのデザイン-

パーティションレイアウト バブルチャート 階層チャート

Page 36: Nucleus -ソーシャルメディア解析サービスのデザイン-

36

Page 37: Nucleus -ソーシャルメディア解析サービスのデザイン-

カラーパターン

Page 38: Nucleus -ソーシャルメディア解析サービスのデザイン-

38

Page 39: Nucleus -ソーシャルメディア解析サービスのデザイン-
Page 40: Nucleus -ソーシャルメディア解析サービスのデザイン-

40

Page 41: Nucleus -ソーシャルメディア解析サービスのデザイン-

リサーチ データ解析 デザイン

プロセス

検証

Page 42: Nucleus -ソーシャルメディア解析サービスのデザイン-

検証

Page 43: Nucleus -ソーシャルメディア解析サービスのデザイン-

43

検証 1男性

• 要素多すぎて見えない• キーワードの意味がわからない

Page 44: Nucleus -ソーシャルメディア解析サービスのデザイン-

対策1キーワード内の

情報の閲覧

ke-to@ke-to0366

mio@Miochi66

ke-to@ke-to0366

ウケるテレビでつまようじ事件いつも流れてるけどじゃがりこにモザイクかけてるのウケる

ウケる。利害の一致だから相手してるだけなのに。

ごめんって ... ウケるかなと思って ...ギャグ漫画だから ... 私の考えを主張してるわけじゃないから ...

「ウケる」をつぶやいた人

Page 45: Nucleus -ソーシャルメディア解析サービスのデザイン-

対策2一定数以下の

キーワードの削除削除この部分

Page 46: Nucleus -ソーシャルメディア解析サービスのデザイン-

46

検証 2男性

このキーワード1人だけしかつぶやいてないじゃん!

Page 47: Nucleus -ソーシャルメディア解析サービスのデザイン-

対策1自動ツイートの削除

Page 48: Nucleus -ソーシャルメディア解析サービスのデザイン-

対策2エゴツイートの削除

カウント数: 5

ke-to@ke-to0366

ke-to@ke-to0366

ke-to@ke-to0366

ke-to@ke-to0366

ke-to@ke-to0366

ウケぴ

「ウケぴ」をつぶやいた人

Page 49: Nucleus -ソーシャルメディア解析サービスのデザイン-

49

検証 3女性

• 検索ワードと関係あるの?• 共有できないの?

Page 50: Nucleus -ソーシャルメディア解析サービスのデザイン-

対策1キーワードの傾向

キーワードの傾向

ユーザーの傾向

Page 51: Nucleus -ソーシャルメディア解析サービスのデザイン-

対策2グラフの保存

Page 52: Nucleus -ソーシャルメディア解析サービスのデザイン-

http://datacreative.me/nucleus

Page 53: Nucleus -ソーシャルメディア解析サービスのデザイン-

引用元• http://www.slideshare.net/AdvancedTechNight/20130830-atn-07d3jsvisualization

• http://www.visualthinking.jp/archives/15162

• http://www.amazon.co.jp/たのしいインフォグラフィック入門-櫻田-潤/dp/4861008530/ref=sr_1_1?ie=UTF8&qid=1423385943&sr=8-1&keywords=楽しいインフォグラフィック

• http://www.amazon.co.jp/入門 -ソーシャルデータ -―データマイニング、分析、可視化のテクニック -Matthew-Russell/dp/4873115132/ref=sr_1_2?ie=UTF8&qid=1423385989&sr=8-2&keywords=入門ソーシャルデータ

• http://www.amazon.co.jp/データプレゼンテーションの教科書-日経BPムック-日経ビッグデータ/dp/4822279073/ref=sr_1_1?ie=UTF8&qid=1423386022&sr=8-1&keywords=データプレゼンテーション

• http://www.amazon.co.jp/『 takram-design-engineering-デザイン・イノベーションの振り子』 -現代建築家コンセプト・シリーズ 18/dp/486480012X/ref=sr_1_1?ie=UTF8&qid=1423386046&sr=8-1&keywords=takram

Page 54: Nucleus -ソーシャルメディア解析サービスのデザイン-

引用元• http://www.amazon.co.jp/ビューティフルビジュアライゼーション

-THEORY-PRACTICE-Julie-Steele/dp/4873115043/ref=sr_1_1?ie=UTF8&qid=1423386092&sr=8-1&keywords=beautiful+visualization

• http://www.amazon.co.jp/エンジニアのための-データ可視化-%7ED3-jsによるWebの可視化-Software-Design/dp/4774163260/ref=sr_1_2?ie=UTF8&qid=1423386147&sr=8-2&keywords=データ可視化

• http://www.amazon.co.jp/まずはこの一冊から意味がわかる多変量解析-BERET-SCIENCE-石井-俊全/dp/4860643984/ref=sr_1_1?ie=UTF8&qid=1423386174&sr=8-1&keywords=意味がわかる多変量解析

• http://www.amazon.co.jp/作りながら学ぶ jQueryデザインの教科書 -狩野 -祐東 /dp/479737571X/ref=sr_1_1?ie=UTF8&qid=1423386200&sr=8-1&keywords=作りながら学ぶjqueryデザインの教科書

Page 55: Nucleus -ソーシャルメディア解析サービスのデザイン-

引用元• http://kuteken.hatenablog.com/entry/2013/12/08/173804

• http://syncer.jp/twitter-api-rate-limits-status

• http://sugamasao.hatenablog.com/entry/2014/11/17/000355

• http://d.hatena.ne.jp/nattou_curry_2/20090801/1249109261

• http://www.gghh.name/dibtp/?p=234

• http://motw.mods.jp/Mac/local_server.html

• http://gaiax-socialmedialab.jp/socialmedia/294

• http://shimz.me/blog/d3-js/1133

• http://shimz.me/blog/d3-js/2711

• http://www.brightpointinc.com/project-list/

• http://id.fnshr.info/2012/07/12/playfair/

• http://www.slideshare.net/ikko615/twittertwitter