ギガビット インターフェイス コンバータ )モジュールと小 …...2 ギガビット インターフェイス コンバータ(GBIC)モジュールと小型フォーム
デザイニング・インターフェイス勉強会...
-
Upload
yohei-yasukawa -
Category
Documents
-
view
437 -
download
5
description
Transcript of デザイニング・インターフェイス勉強会...
![Page 1: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/1.jpg)
下北沢オープンソース Cafe
デザイニング・インターフェース勉強会第9章 - ソーシャルメディアの利用
安川 要平 / @yasulabhttps://www.facebook.com/groups/di2e.study/
12年9月11日火曜日
![Page 2: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/2.jpg)
デザイニング・インターフェース 第2版
パターンによる実践的インタラクションデザインhttp://amzn.to/LfZuHZ
12年9月11日火曜日
![Page 3: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/3.jpg)
@yasulabUIデザインを勉強したいエンジニア
勉強会詳細は Facebook グループで ↓https://www.facebook.com/groups/di2e.study/
今日の発表について
12年9月11日火曜日
![Page 4: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/4.jpg)
第9章で学ぶこと
オンラインでのソーシャルインタラクションの基礎と,企業が伝えるべきことに自発的に耳を傾けてくれる人々を増やす方法を学ぶ.
12年9月11日火曜日
![Page 5: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/5.jpg)
ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.
ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.
12年9月11日火曜日
![Page 6: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/6.jpg)
ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.
ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.
12年9月11日火曜日
![Page 7: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/7.jpg)
1. よいコンテンツを生み出す.
2. 読者の元へ届ける.
3. 読者に価値を決めてもらう.
4. 見つけやすくする.
5. 混ぜ合わせる.
6. コミュニティを育む.
ソーシャルメディアの基礎と6つの原則
0. 耳をすます.
12年9月11日火曜日
![Page 8: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/8.jpg)
0. 耳をすます.
ネット上のどこで話題になっているのか探す.目的や使命に関わるモノ,どんな意見があるのかを探し,「フォローしてよかった」と思われるような存在になる.
12年9月11日火曜日
![Page 9: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/9.jpg)
1. よいコンテンツを生み出す.
一定の頻度で、みんなに喜んでもらえるようなものを書いたり、デザインしたり、記録したりすること。
12年9月11日火曜日
![Page 10: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/10.jpg)
2. 読者の元へ届ける.
読者がオンラインでたまり場にしているとわかる場所ならどこへでも行こう! e.g. Facebook, Twitter, Digg, RSS, ...
12年9月11日火曜日
![Page 11: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/11.jpg)
3. 読者に価値を決めてもらう.
読者が自分のフォロワーとにコンテンツを共有できる手段を提供し、身近な相手にはメールで通知できるようにする。
cf. Designing Social Interfacehttp://www.amazon.com/Designing-Social-Interfaces-
Principles-Experience/dp/059615492512年9月11日火曜日
![Page 12: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/12.jpg)
4. 見つけやすくする.
新鮮なコンテンツを定期的にアップデートして、保有しているコンテンツを様々な切り口で見せよう。
12年9月11日火曜日
![Page 13: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/13.jpg)
5. 混ぜ合わせる.
ゲスト投稿による記事やレビューなどを公開したり、写真コンテストを開催し、受賞作をお披露目する。
* ほとんどの組織ではこの行きまで達することはまずないが, もし熱心なフォロワーがいるのなら,是非力を合わせよう!
12年9月11日火曜日
![Page 14: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/14.jpg)
6. コミュニティを育む.
必要であれば,ユーザにオンラインでの行き場を与えよう.ユーザ自身が面白いと判断したものを共有できる場にする.
12年9月11日火曜日
![Page 15: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/15.jpg)
1. よいコンテンツを生み出す.
2. 読者の元へ届ける.
3. 読者に価値を決めてもらう.
4. 見つけやすくする.
5. 混ぜ合わせる.
6. コミュニティを育む.
ソーシャルメディアの基礎と6つの原則
0. 耳をすます.
12年9月11日火曜日
![Page 16: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/16.jpg)
ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.
ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.
12年9月11日火曜日
![Page 17: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/17.jpg)
ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.
ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.
12年9月11日火曜日
![Page 18: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/18.jpg)
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章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/19.jpg)
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章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/20.jpg)
1. Editorial Mix / 多彩な編集コンテンツ
starbucks on Facebookニュースや気になる話、写真・動画、サービス公開の告知などを混ぜ合わせた記事またはリンクを定期的に投稿するワザ.
12年9月11日火曜日
![Page 21: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/21.jpg)
2. Personal Voices / 個人的な発言
Zappos CEO on Twitterスタッフが個人として発言することを奨励し,組織やブランドに人間性を与えるワザ.
12年9月11日火曜日
![Page 22: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/22.jpg)
3. Repost and Comment / 再投稿とコメント
Mashable に再投稿された、話題の YouTube 動画
自前のコンテンツを作り出すだけではなく,リンクしたり引用したり,再投稿できるコンテンツを他のサイトから見つけてくるワザ.
12年9月11日火曜日
![Page 23: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/23.jpg)
4. Conversation Starters / 会話のきっかけ
Tim Gunn によるファンへの質問質問や謎かけ,議論のネタとなるトピックを投げかけ,
フォロワーとの会話のきっかけを作るワザ.
12年9月11日火曜日
![Page 24: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/24.jpg)
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章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/25.jpg)
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章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/26.jpg)
6. Timing Strategy / タイミング戦略
ある組織がソーシャルメディアを更新するタイミングの例ソーシャルメディアごとの期待されているタイミングに応じて,
投稿のペースや時間帯、曜日について調整するワザ
12年9月11日火曜日
![Page 27: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/27.jpg)
6. Timing Strategy / タイミング戦略
ある組織がソーシャルメディアを更新するタイミングの例ソーシャルメディアごとの期待されているタイミングに応じて,
投稿のペースや時間帯、曜日について調整するワザ
12年9月11日火曜日
![Page 28: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/28.jpg)
7. Specialized Streams / カテゴリ別ストリーム
Wired’s blog
読者層の違いに応じて,コンテンツを多数のチャネルに分けるワザ.
12年9月11日火曜日
![Page 29: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/29.jpg)
8. Social Links / ソーシャルリンク
Huffington Postをフォローする10種類の方法サイト内のどこかに,ソーシャルメディアのアカウントや
コンテンツへのリンクの一覧を示すワザ.
12年9月11日火曜日
![Page 30: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/30.jpg)
9. Sharing Widget / 共有ウィジェット
Slate の記事の最後にある共有ウィジェット
フォロワーと手軽に共有できるコントロールの一式を配置するワザ.
Share Thishttp://www.designingsocialinterfaces.com/patterns/Share_This
12年9月11日火曜日
![Page 31: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/31.jpg)
10. News Box / ニュースボックス
Red Cross Newsサイトのトップページで,最新のお知らせやブログ記事,動画などのコンテンツを提示するワザ.サムネイル画像があるとなお良い.
12年9月11日火曜日
![Page 32: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/32.jpg)
11. Content Leaderboard / コンテンツのスコアボード
Wall Street Journal共有回数やブログに書かれた回数などのソーシャルメディアの基準に基づいて,最も人気のある記事やブログへの投稿,動画などのコンテンツの一覧を示すワザ.
12年9月11日火曜日
![Page 33: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/33.jpg)
12. Recent Chatter / 最新のさざめき
Boing Boing Kitchen Table Math ユーザによるコメントやツイートなど,
他のコミュニティでの活動状況をサイドバーに表示するワザ.
12年9月11日火曜日
![Page 34: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/34.jpg)
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章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/35.jpg)
ソーシャルメディア制作のための基本的な姿勢・方針ついて学ぶ.
ソーシャルメディア制作のための具体的なデザインパターンを学ぶ.
12年9月11日火曜日
![Page 36: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/36.jpg)
第9章で学ぶこと
オンラインでのソーシャルインタラクションの基礎と,企業が伝えるべきことに自発的に耳を傾けてくれる人々を増やす方法を学ぶ.
12年9月11日火曜日
![Page 37: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/37.jpg)
@yasulabUIデザインを勉強したいエンジニア
勉強会詳細は Facebook グループで ↓https://www.facebook.com/groups/di2e.study/
今日の発表について
12年9月11日火曜日
![Page 38: デザイニング・インターフェイス勉強会 第9章「ソーシャルメディアの利用」](https://reader033.fdocuments.net/reader033/viewer/2022042714/556610d0d8b42a7d608b4675/html5/thumbnails/38.jpg)
下北沢オープンソース Cafe
デザイニング・インターフェース勉強会第9章 - ソーシャルメディアの利用
安川 要平 / @yasulabhttps://www.facebook.com/groups/di2e.study/
12年9月11日火曜日