78
悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd. 社群互動設計與規劃 How to design a community? 蔡明哲 Richard Tsai 悠識 首席資訊架構師 1 Interaction13 社群 workshop fb 社團 短網址 http://goo.gl/8R2kox

Interaction13 - 社群互動設計與規劃Workshop

  • Upload
    hpx

  • View
    117

  • Download
    2

Embed Size (px)

DESCRIPTION

在 10/26 於中研院舉辦的 2013 互動設計研討會,這次邀請到悠識數位的首席資訊架構師 蔡明哲 (Richard) 先生,帶領下午其中一組平行工作坊。Richard 在台灣的產業界推動使用者經驗相關知識不遺餘力,經常舉辦相關交流會及研討會。 悠識所經營的網站企劃 facebook 粉絲頁,人數超過 25,000 人,是國內最大的網站企劃以及網站設計社群。 而其創辦的 HPX 社群,已舉辦超過 70 場以上活動,每場人數 40~200 人不等。HPX 網站企劃讀書更是從台北辦到高雄,超過 70 組,並持續推廣網站企劃/資訊架構/使用者經驗設計等觀念及專業知識。 呼應這次研討會主題「社會創新 Social Innovation」,Richard將分享經營 HPX 社群的經驗,進而在工作坊探討社群設計如何能夠幫助年輕人找到更好的發展。 workshop 主題是:「Design an Extendable Community – 如何幫助台灣青年突破發展困境 」。

Citation preview

Page 1: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

社群互動設計與規劃������

How to design a community?

蔡明哲 � Richard Tsai � 悠識 首席資訊架構師�

1

Interaction13 社群 workshop fb 社團 短網址 http://goo.gl/8R2kox

Page 2: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

悠識 首席資訊架構師 Chief Information Architect

–  近20 年網站企劃與建置,及網路行銷經驗 –  熱衷於 網站企劃, 使用者研究, 使用者介面設計, 專案管理… –  從事 數位服務或產品規劃的工作,包括Prototype Design /

Usability Testing / User Research

HPX社群 創辦人

–  嘗試創造出跨世代交流的環境 –  提昇國內從事數位服務與產品企劃設計人才

蔡明哲 Richard Tsai

2�

Page 3: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

本次Workshop簡介

•  Interaction13 大會主軸「社會創新 Social Innovation」

•  分享 HPX 社群經營的經驗跟心得 •  藉由小組互動來討論並構思社群發展方案 – 「如何幫

助台灣青年突破求學或求職的困境」,幫助有心向上的年輕人找到更好的發展。

•  工作坊共 120 分鐘 –  50% 社群設計與規劃經驗分享 –  5% 解釋練習的主題 –  25% 分組討論 –  20% 分組發表。

3�

Page 4: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

Interaction13 社群 workshop fb 社團

•  https://www.facebook.com/groups/id13community/ •  短網址 http://goo.gl/8R2kox

4�

加入後請自我介紹 1.  你是誰? 2.  為什麼加入? 3.  想跟大家說什麼?�

Page 5: Interaction13 - 社群互動設計與規劃Workshop

內容: ⼀一. 社群與社群互動 二. HPX社群的故事 三. 創造社群互動 四. 練習 五. 分組討論及分享

5�

Page 6: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

甚麼是社群 Community?

• 社群是指特定興趣或目的而集結的小團體,相當於社會縮小版。

• 社群不同於企業或組織,成員多元,立場不同,不易管理,發展方式迥異,⼀一旦形成會有巨大影響力。

• 社群不等於 「facebook粉絲頁」或「facebook社團」

6�

Page 7: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

為什麼想要瞭解(學習)社群互動與經營?

•  想了解如何經營社群? •  想知道社群互動的技巧? •  想聽聽別人的經驗? •  … •  … •  … •  跑錯場子了… XD

7�

Page 8: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

熱情與持續������

如果只有你⼀一個人,���還會堅持嗎?

8�

社群經營的個人心得�

Page 9: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

家人的支持������

取得家人的諒解跟支持

9�

社群經營的個人心得�

Page 10: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

明確的方向/議題������

設立社群發展的願景跟目標,���不隨波逐流或跟隨流行

10�

社群經營的個人心得�

Page 11: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

掌握議題跟方向������

知識性或學習性社群的必要條件

11�

社群經營的個人心得�

Page 12: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

開放寬容的態度������

接納社群成員的意見跟立場

12�

社群經營的個人心得�

Page 13: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

大我小我的抉擇������

接受社群利益優先於個人利益

13�

社群經營的個人心得�

Page 14: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

時時回顧,不忘初衷

14�

社群經營的個人心得�

Page 15: Interaction13 - 社群互動設計與規劃Workshop

內容: ⼀一. 社群與社群互動 二. HPX社群的故事 三. 創造社群互動 四. 練習 五. 分享

15�

Page 16: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.��� -16-

活到五十歲,���我願意持續做什麼?

創業初期想的事情…

HPX社群發展初衷

Page 17: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

我想要 提升網站企劃的價值 推廣以使用者為中心的設計觀念

Page 18: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

我的癡心妄想

不僅追求個人卓越 更要提昇整體市場

Page 19: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

HPX 概念由來

從Punch Party而來的學習 – 活動模式 - 小講, 大講, 快講, … – 形式氣氛 – 短時間, 多人次, 生活的, 感性的, … – 獨特的主持風格

Page 20: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

粉絲頁人數 26,000

年 場 人 小組 完讀 人次 徽章�

4 52 150 70 1200 3000

Page 21: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

HPX

HPX Party

HPX Junior

HPX Senior

HPX Campus 校園

HPX 讀書會

實體聚會� 網路社群�

52 次 1個fb社團+1個粉絲頁

大聚 6 次 小組聚會 N次

讀書會大社團 1 個 小組聚會 N 次

19 次 1個fb社團

6 次 1個fb社團

1 次 1個fb社團

HPX 公益計畫 2 個 2個 fb社團

HPX 社群發展現況

Page 22: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

實驗嘗試與失敗經驗

• Google Groups - Failed • Discuz (Forum) - Failed • Ning (Social Network) - Failed • QQ 群 - Failed •  影音讀書會 – Failed •  現場互動 (便利貼) HP29 – 不怎麼成功 •  公益計畫 – 還沒找到成功模式 •  …

22�

Page 23: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

為什麼會有讀書會? 這些書實在太難讀了!

Page 24: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

從找人⼀一起讀書開始

Page 25: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

如何規劃 5 人���讀書會社群?

Page 26: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

相同的興趣, 共同的時間���安排聚會, 分配導讀

Page 27: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

50 人呢?

Page 28: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

相同的興趣?共同的時間?���安排聚會? 分配導讀?

Page 29: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

50人à 15個人 x 3組

Page 30: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

找出小組長,���但不能要求對方跟你⼀一樣。

Page 31: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

社群的消長是自然的������

喜愛的,留下���不愛的,離開

Page 32: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

理解成員差異,���參與社群互動,���協助解決問題���

���(不下指導棋,不給予命令)

Page 33: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

給予正面鼓勵/獎勵������

誠意比物質回饋更重要

Page 34: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

完讀徽章�

Page 35: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

如何經營 500 人���讀書會社群?

Page 36: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

社群的新成員加入���與書籍的「媒合」

Page 37: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

Page 38: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

Page 39: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

Page 40: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

11-12月份HPX 社群活動

•  HP53 - UF2013 上海之行參加心得分享 11/27 (週三晚上) •  HP54 – HPX讀書會大聚及年終交換禮物Party 12/26 (週四晚上)

1. 大講:Albert 王禹誠 ( Linkedin 資深UX Designer ) 2. 小講:101 Design, Service Design, Web Analytics 三個小組分享 3. 成立新小組分組活動

預告�

Page 41: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

創造社群 “儀式 / 物件”���(塑造獨特文化)

Page 42: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

e.g.���超級大講,大講,小講,快講���起立強迫交流���珍珠奶茶���完讀徽章���…

42�

Page 43: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

完讀徽章�

Page 44: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

完讀徽章�

Page 45: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

完讀徽章�

Page 46: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

如果成員能找到意義跟價值���社群會自然成長!

Page 47: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

Page 48: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

社群的動能�

某個臨界點�

Page 49: Interaction13 - 社群互動設計與規劃Workshop

內容: ⼀一. 社群與社群互動 二. HPX社群的故事 三. 創造社群互動 四. 練習 五. 分享

49�

Page 50: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

內容(書籍) …….�

為人人互動/人書互動而設計

社群策劃

分享者�

參加者�

參加者� 參加者�

1

2

3

4

0

交流學習的平台:� 網聚,認識新朋友… 新知,下班輕鬆學...

Page 51: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

人是最重要的,���但請為「自己」來設計規劃 他們不是顧客 他們不是數位虛擬的暱稱 他們是活生生的人。 他們是我的朋友,我的夥伴,我的學生,我的老師.. 他們跟我從事相同工作,遭遇類似痛苦或類似快樂。 我叫得出名字,我知道他剛生孩子,我知道他昨天被客戶欺負…

0

Page 52: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

他們就是「我」

Page 53: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

幫助分享者認識HPX

•  HPX活動集結 •  認識活動內容 •  瞭解聽眾背景

http://www.hpx-party.com/hpx-events

1

Page 54: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

分享者最在意的事情

•  講什麼? •  目標對象是誰? •  活動特性? •  講多久? •  實際參加的人是誰? •  分享內容若涉及案例或機密,會不會流出去?

1

Page 55: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

幫助講師認識HPX - 給講者的邀請Email 1

Page 56: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

幫助分享者認識參加者 2

Page 57: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

鼓勵參加者心得文章分享回饋給講者 2

Page 58: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

認識新朋友:交換禮物,⼀一對⼀一且親手交換 3

Page 59: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

報名者資訊公開化���(促進交流)

3

Page 60: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

讓社群自行設計人人/人書互動 3

Page 61: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

3

Page 62: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

3

Page 63: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.��� 63�

社群模式的傳遞與複製

5

Page 64: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

設計更大型交流架構������

流 Flow = In à Out���交流 Cyle = Inßà Out

5

Page 65: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

讀書會大聚 (新分組/小組回來分享)

Page 66: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

HPX 讀書會大聚 HP10 HP20 HP28 HP37 HP47

G9

第⼀一組

台南 高雄

台中1

G5 Golden Five

1+1=100

台中2 台中3

桃園 花蓮

新竹

高雄

5

Page 67: Interaction13 - 社群互動設計與規劃Workshop

內容: ⼀一. 社群與社群互動 二. HPX社群的故事 三. 創造社群互動 四. 練習 五. 分享

67�

Page 68: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

今日Workshop 流程

68�

環境背景� 個體現象� 發現需求� 社群模式原型發想�

issue� & brief� Persona� Insight� Pilot�

Prototype� 案例分享�

你 � 每位參加者� 小組討論�

及分享� 上台+FB�

講師� 目標對象� IOH, 交點�

Page 69: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

如何幫助台灣青年突破求學或求職的困境

• 全球環境的變遷 • 國內教育體制的影響 • 兩岸市場懸殊的衝擊 • 國內企業人才策略的緊縮 •  22K議題到0K實習現象

69�

issue� & brief�

環境背景�

Page 70: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

「設計創新」來自於洞察需求

70�

Maggie,28歲,女性���曾經擔任大型科技公司 QA工程師���現在品牌與商業設計公司擔任行銷企劃

Peter,29歲,男性���工作超過四年���目前赴美國攻讀人機互動碩士將近兩年

Grace,24歲,女性���工作兩年, 知名國立大學畢業

Persona�

個體現象�

Page 71: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.��� 71�

請傾聽這三位年輕朋友的心聲, 你看到/聽到甚麼需求? 是否感受到他們的迷惑,痛苦或期望?

發現需求�

Insight�

Page 72: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

Maggie,28歲,女性���曾經擔任大型科技公司 QA工程師���現在品牌與商業設計公司擔任行銷企劃

•  ⼀一直都不確定自己可以做什麼工作,⼀一直憑著感覺或是當下狀況來選擇職涯,像是碩班剛畢業就覺得應該可以多賺錢,就跑去應徵大公司,只要能進大公司就好的想法,做了⼀一年多覺得倦怠,重複的跟電腦相處,跟自己想做的事情差很多

•  到了品牌管理公司,公司內部的人事變動,導致現在公司轉變成純商業設計公司。老板也不知道怎麼用我,近兩三個月都變成像是他的私人助理

•  然後就會⼀一直覺得,不知道自己可以做的是什麼事情,在這個快接近30歲的路上心情會很慌張

72�

Page 73: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

Peter,29歲,男性���工作超過四年���目前赴美國攻讀人機互動碩士將近兩年

•  兩年前我還在台灣工作時,我覺得最可怕的地方是,已經工作了四年,升到小主管,薪水不夠用,但是在同學之間也算中上,所有的事情都上軌道後,會有⼀一種覺得被定下來的感覺

•  想換工作時,會有種「如果我離開這邊去換別的工作,可能也不會過的比現在好的感覺」

•  對25歲以前的我來說,會有⼀一種「升學是為了什麼」的感覺。不過還好後來念完研究所時有體驗到,念書的獲得是在於過程,而不是最後的那張紙。這個信念讓我繼續到美國念研究所

73�

Page 74: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

•  25歲以後到30歲的我,對未來發展感到害怕,好像會這樣⼀一直下去:就是在公司裡爬啊爬,但是又覺得這邊不會是我⼀一輩子的地方。

•  台灣中小企業很多,哪時會倒也不知道。在大公司又太穩定,要打倒很多對手才有機會上去也是件可怕的事。

•  我覺得過去的我因為能力不足,還沒辦法當自己的主人,念書是為了父母,為了好找工作; 求職得看老闆臉色,國家是被領導人帶著走,心裡頭覺得空空的,不踏實

•  我擔心害怕國家未來,在媒體的粉飾或宣傳下,也會被洗腦「台灣是不是不好?」「未來何去何從?」

74�

Peter, 28歲,男性

Page 75: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

•  聆聽她的心聲

75�

Grace,24歲,女性���工作兩年, 知名國立大學畢業

Page 76: Interaction13 - 社群互動設計與規劃Workshop

內容: ⼀一. 社群與社群互動 二. HPX社群的故事 三. 創造社群互動 四. 練習 五. 分組討論與分享

76�

Page 77: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

你想發展什麼樣的社群來幫助這些朋友?

77�

1.  組內最年輕的夥伴,請發表心聲 2.  與其他組員夥伴互相認識,⼀一起討論 3.  每組寫下(畫出)你們的構想在白紙上 4.  拍照後上傳 facebook。

•  選擇社群方向或主題(議題)是什麼? •  帶給這些年輕朋友什麼價值跟意義? •  需要哪些資源? •  試想可能的運行模式 (Pilot or Prototype)?

社群模式原型發想�

Pilot� Prototype�

小組討論� 及分享�

上台+FB�

Page 78: Interaction13 - 社群互動設計與規劃Workshop

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd.���

結語

己 從自身需求出發,並且同理社群成員

試 社群就是 Social Design的實驗室

空 無欲則剛,放下得失,放空自己。 更能刺激創新及發展

78�