38
下北沢オープンソース Cafe デザイニング・インターフェース勉強会 9- ソーシャルメディアの利用 安川 要平 / @yasulab https://www.facebook.com/groups/di2e.study/ 12911日火曜日

デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

Embed Size (px)

DESCRIPTION

Designing Interface (2e) Study Group http://www.facebook.com/groups/di2e.study/

Citation preview

Page 1: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

下北沢オープンソース Cafe

デザイニング・インターフェース勉強会第9章 - ソーシャルメディアの利用

安川 要平 / @yasulabhttps://www.facebook.com/groups/di2e.study/

12年9月11日火曜日

Page 2: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

デザイニング・インターフェース 第2版

パターンによる実践的インタラクションデザインhttp://amzn.to/LfZuHZ

12年9月11日火曜日

Page 3: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

@yasulabUIデザインを勉強したいエンジニア

勉強会詳細は Facebook グループで ↓https://www.facebook.com/groups/di2e.study/

今日の発表について

12年9月11日火曜日

Page 4: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

第9章で学ぶこと

オンラインでのソーシャルインタラクションの基礎と,企業が伝えるべきことに自発的に耳を傾けてくれる人々を増やす方法を学ぶ.

12年9月11日火曜日

Page 5: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.

ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.

12年9月11日火曜日

Page 6: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.

ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.

12年9月11日火曜日

Page 7: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

1. よいコンテンツを生み出す.

2. 読者の元へ届ける.

3. 読者に価値を決めてもらう.

4. 見つけやすくする.

5. 混ぜ合わせる.

6. コミュニティを育む.

ソーシャルメディアの基礎と6つの原則

0. 耳をすます.

12年9月11日火曜日

Page 8: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

0. 耳をすます.

ネット上のどこで話題になっているのか探す.目的や使命に関わるモノ,どんな意見があるのかを探し,「フォローしてよかった」と思われるような存在になる.

12年9月11日火曜日

Page 9: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

1. よいコンテンツを生み出す.

一定の頻度で、みんなに喜んでもらえるようなものを書いたり、デザインしたり、記録したりすること。

12年9月11日火曜日

Page 10: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

2. 読者の元へ届ける.

読者がオンラインでたまり場にしているとわかる場所ならどこへでも行こう! e.g. Facebook, Twitter, Digg, RSS, ...

12年9月11日火曜日

Page 11: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

3. 読者に価値を決めてもらう.

読者が自分のフォロワーとにコンテンツを共有できる手段を提供し、身近な相手にはメールで通知できるようにする。

cf. Designing Social Interfacehttp://www.amazon.com/Designing-Social-Interfaces-

Principles-Experience/dp/059615492512年9月11日火曜日

Page 12: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

4. 見つけやすくする.

新鮮なコンテンツを定期的にアップデートして、保有しているコンテンツを様々な切り口で見せよう。

12年9月11日火曜日

Page 13: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

5. 混ぜ合わせる.

ゲスト投稿による記事やレビューなどを公開したり、写真コンテストを開催し、受賞作をお披露目する。

* ほとんどの組織ではこの行きまで達することはまずないが,  もし熱心なフォロワーがいるのなら,是非力を合わせよう!

12年9月11日火曜日

Page 14: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

6. コミュニティを育む.

必要であれば,ユーザにオンラインでの行き場を与えよう.ユーザ自身が面白いと判断したものを共有できる場にする.

12年9月11日火曜日

Page 15: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

1. よいコンテンツを生み出す.

2. 読者の元へ届ける.

3. 読者に価値を決めてもらう.

4. 見つけやすくする.

5. 混ぜ合わせる.

6. コミュニティを育む.

ソーシャルメディアの基礎と6つの原則

0. 耳をすます.

12年9月11日火曜日

Page 16: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.

ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.

12年9月11日火曜日

Page 17: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.

ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.

12年9月11日火曜日

Page 18: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

1. Editorial Mix

2. Personal Voices

3. Repost and Comment

4. Conversation Starters

5. Inverted Nano-pyramid

6. Timing Strategy

7. Specialized Streams

8. Social Links

9. Sharing Widget

10. News Box

11. Content Leaderboard

12. Recent Chatter

ソーシャルメディアのデザインパターン

12年9月11日火曜日

Page 19: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

1. Editorial Mix

2. Personal Voices

3. Repost and Comment

4. Conversation Starters

5. Inverted Nano-pyramid

6. Timing Strategy

7. Specialized Streams

8. Social Links

9. Sharing Widget

10. News Box

11. Content Leaderboard

12. Recent Chatter

ソーシャルメディアのデザインパターン

12年9月11日火曜日

Page 20: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

1. Editorial Mix / 多彩な編集コンテンツ

starbucks on Facebookニュースや気になる話、写真・動画、サービス公開の告知などを混ぜ合わせた記事またはリンクを定期的に投稿するワザ.

12年9月11日火曜日

Page 21: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

2. Personal Voices / 個人的な発言

Zappos CEO on Twitterスタッフが個人として発言することを奨励し,組織やブランドに人間性を与えるワザ.

12年9月11日火曜日

Page 22: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

3. Repost and Comment / 再投稿とコメント

Mashable に再投稿された、話題の YouTube 動画

自前のコンテンツを作り出すだけではなく,リンクしたり引用したり,再投稿できるコンテンツを他のサイトから見つけてくるワザ.

12年9月11日火曜日

Page 23: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

4. Conversation Starters / 会話のきっかけ

Tim Gunn によるファンへの質問質問や謎かけ,議論のネタとなるトピックを投げかけ,

フォロワーとの会話のきっかけを作るワザ.

12年9月11日火曜日

Page 24: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

5. Inverted Nano-pyramid / 超小型の逆ピラミッド

読者にリンクをクリックさせるように作られた見出し短く,中身の濃い近況メッセージや記事見出しを書くワザ.

How to Write Headlines That Work, Copybloggerhttp://www.copyblogger.com/how-to-write-headlines-that-work/

12年9月11日火曜日

Page 25: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

1. Editorial Mix

2. Personal Voices

3. Repost and Comment

4. Conversation Starters

5. Inverted Nano-pyramid

6. Timing Strategy

7. Specialized Streams

8. Social Links

9. Sharing Widget

10. News Box

11. Content Leaderboard

12. Recent Chatter

ソーシャルメディアのデザインパターン

12年9月11日火曜日

Page 26: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

6. Timing Strategy / タイミング戦略

ある組織がソーシャルメディアを更新するタイミングの例ソーシャルメディアごとの期待されているタイミングに応じて,

投稿のペースや時間帯、曜日について調整するワザ

12年9月11日火曜日

Page 27: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

6. Timing Strategy / タイミング戦略

ある組織がソーシャルメディアを更新するタイミングの例ソーシャルメディアごとの期待されているタイミングに応じて,

投稿のペースや時間帯、曜日について調整するワザ

12年9月11日火曜日

Page 28: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

7. Specialized Streams / カテゴリ別ストリーム

Wired’s blog

読者層の違いに応じて,コンテンツを多数のチャネルに分けるワザ.

12年9月11日火曜日

Page 29: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

8. Social Links / ソーシャルリンク

Huffington Postをフォローする10種類の方法サイト内のどこかに,ソーシャルメディアのアカウントや

コンテンツへのリンクの一覧を示すワザ.

12年9月11日火曜日

Page 30: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

9. Sharing Widget / 共有ウィジェット

Slate の記事の最後にある共有ウィジェット

フォロワーと手軽に共有できるコントロールの一式を配置するワザ.

Share Thishttp://www.designingsocialinterfaces.com/patterns/Share_This

12年9月11日火曜日

Page 31: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

10. News Box / ニュースボックス

Red Cross Newsサイトのトップページで,最新のお知らせやブログ記事,動画などのコンテンツを提示するワザ.サムネイル画像があるとなお良い.

12年9月11日火曜日

Page 32: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

11. Content Leaderboard / コンテンツのスコアボード

Wall Street Journal共有回数やブログに書かれた回数などのソーシャルメディアの基準に基づいて,最も人気のある記事やブログへの投稿,動画などのコンテンツの一覧を示すワザ.

12年9月11日火曜日

Page 33: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

12. Recent Chatter / 最新のさざめき

       Boing Boing     Kitchen Table Math   ユーザによるコメントやツイートなど,

他のコミュニティでの活動状況をサイドバーに表示するワザ.

12年9月11日火曜日

Page 34: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

1. Editorial Mix

2. Personal Voices

3. Repost and Comment

4. Conversation Starters

5. Inverted Nano-pyramid

6. Timing Strategy

7. Specialized Streams

8. Social Links

9. Sharing Widget

10. News Box

11. Content Leaderboard

12. Recent Chatter

ソーシャルメディアのデザインパターン

12年9月11日火曜日

Page 35: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.

ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.

12年9月11日火曜日

Page 36: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

第9章で学ぶこと

オンラインでのソーシャルインタラクションの基礎と,企業が伝えるべきことに自発的に耳を傾けてくれる人々を増やす方法を学ぶ.

12年9月11日火曜日

Page 37: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

@yasulabUIデザインを勉強したいエンジニア

勉強会詳細は Facebook グループで ↓https://www.facebook.com/groups/di2e.study/

今日の発表について

12年9月11日火曜日

Page 38: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」

下北沢オープンソース Cafe

デザイニング・インターフェース勉強会第9章 - ソーシャルメディアの利用

安川 要平 / @yasulabhttps://www.facebook.com/groups/di2e.study/

12年9月11日火曜日