SlideShare a Scribd company logo
1 of 33
もっとコラボ!を図解してみた
  ∼ コラボコン東京のご報告を兼ねて ∼

               2010年7月28日 PLACES 堀内 敬子

                                  1 / 40
2 / 40
堀内 敬子

  猫好き     人間好き



インターネット   1976年
  好き      生まれ



                  3 / 40
有限会社PLACES
• 2005年設立
• 結果を出すことにフォーカスした
 Web制作会社




           http://places-inc.com/


                                    4 / 40
現場のプロから学ぶ     Webデザイン 知らないと困る
                              標準ウェブ制作完全ガイド
 XHTML+CSS        現場の新常識100




        10刷




                                       5 / 40
「Web Site Expert(技術評論社)」連載


中小企業が『勝つ』ための
Web制作と運営ノウハウ




                             6 / 40
INDEX
1. コラボレーション2.0を図解

2. PLACESのコラボ事例

3. もっとコラボするためのまとめ




                    7 / 40
1
コラボ2.0を図解




            8 / 40
コラボ2.0
とは何か?




         9 / 40
10 / 40
11 / 40
12 / 40
図解するには
• コラボ2.0を明らかにするために
 1.0と2.0を比較する

• どんな軸で比較するのか



                     13 / 40
?
              2.0



?                   ?

    1.0


          ?
                        14 / 40
コラボレーションとは?
• 共同で「何か」を行うこと
• それによって、今までできなかった
 「何か」ができるようになること



 もっとコラボ!
                     15 / 40
キーワード
 を探す




        16 / 40
17 / 40
18 / 40
19 / 40
キーワード
• 「個」の力が大切になる
• 「スピード」があがる
• 「オープン」だったり、
 「場」や「機会」がひろがる

• 自分から「一歩踏み込む」

                 20 / 40
自らやる
                    2.0



固い                        柔い

     1.0


           言われてやる
                           21 / 40
2
PLACESのコラボ事例




               22 / 40
事例
• スライド上は非公開で m(_ _)m
• そして事例から出てきたキーワードを
 さきほどの図に入れ込むと
 次のページのようになりました




                       23 / 40
まず声をあげる      自らやる          個の力を
                             活かす

     やりたい人が
      呼応する
              強い責任感   2.0
                              会社同士と
                             限らない関係



固い                           柔い
                        体制を柔軟に

     1.0              風通し良く



           言われてやる
                                   24 / 40
3
もっとコラボのまとめ




             25 / 40
自らやる
                2.0



 軸は違う言葉でOK
固い       柔い

 1.0


       言われてやる
                      26 / 40
27 / 40
28 / 40
29 / 40
30 / 40
  やりがい重視

                        2.0


お見合い                          合コン



       1.0


               お金重視

                               31 / 40
新しいコラボの姿を考えることで
もっとコラボできるようになる!




                  32 / 40
完
ありがとうございました




              33 / 40

More Related Content

Viewers also liked

James kalbach alignment diagrams euro ia 2010
James kalbach alignment diagrams euro ia 2010James kalbach alignment diagrams euro ia 2010
James kalbach alignment diagrams euro ia 2010
Jim Kalbach
 
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
 

Viewers also liked (20)

Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
 
インタラクションデザインの前のはなし UX生トークvol.2
インタラクションデザインの前のはなし UX生トークvol.2インタラクションデザインの前のはなし UX生トークvol.2
インタラクションデザインの前のはなし UX生トークvol.2
 
Githubのブランチ運用戦略
Githubのブランチ運用戦略Githubのブランチ運用戦略
Githubのブランチ運用戦略
 
企業向けUXデザイン導入のポイント
企業向けUXデザイン導入のポイント企業向けUXデザイン導入のポイント
企業向けUXデザイン導入のポイント
 
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
 
UXマップ(退職者の送別会幹事)
UXマップ(退職者の送別会幹事)UXマップ(退職者の送別会幹事)
UXマップ(退職者の送別会幹事)
 
Webディレクター~強みを活かすディレクション術~
Webディレクター~強みを活かすディレクション術~Webディレクター~強みを活かすディレクション術~
Webディレクター~強みを活かすディレクション術~
 
James kalbach alignment diagrams euro ia 2010
James kalbach alignment diagrams euro ia 2010James kalbach alignment diagrams euro ia 2010
James kalbach alignment diagrams euro ia 2010
 
なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)
 
Sketchで変わるワークフロー
Sketchで変わるワークフローSketchで変わるワークフロー
Sketchで変わるワークフロー
 
UX / UIデザインって何?
UX / UIデザインって何?UX / UIデザインって何?
UX / UIデザインって何?
 
レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話
 
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
 
UXの考え方とアプローチ
UXの考え方とアプローチUXの考え方とアプローチ
UXの考え方とアプローチ
 
UXとブランド
UXとブランドUXとブランド
UXとブランド
 
UXはじめの一歩
UXはじめの一歩UXはじめの一歩
UXはじめの一歩
 
UIデザインの基本
UIデザインの基本UIデザインの基本
UIデザインの基本
 
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
 
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
 

もっとコラボ! を図解してみた