世界互動設計日 IXDD「 團結與轉型 (Solidarity and Transformation）」分享 - 捲起袖子，一起來參與公共事務吧！

Public Digital Innovation Space

2021.09.28

IXDA X 開放政府 張皓婷 | ⾏政院公共數位創新空間⼩組

我是誰？我在哪？

20 2

團隊建立

⼯具介紹

學長姐分享

其他活動宣達

20 3

計畫簡介

⾒習流程說明

⾃我介紹&破冰

團隊建立

⼯具介紹

學長姐分享

其他活動宣達

20 4

PDIS ⼈員介紹~

Introducing PDIS |

PDIS

|

CC BY 4.0

Collaborative Meeting, Open Government

Introducing PDIS

Collaborative Meeting, Open Government

|

PDIS

|

CC BY 4.0

Introducing PDIS

M

D

C

C

C

E

C

D

F

E

E

S

A

P

E

D

W

R

Collaborative Meeting, Open Government

|

PDIS

|

CC BY 4.0

Introducing PDIS

F

C

M

S E

D P

Collaborative Meeting, Open Government

A

R

W

|

PDIS

|

CC BY 4.0

Introducing PDIS

Minister

Designer

Engineer

Stenographer

Film Maker

Civil servant

Activist

Public Relation

Writer

Researcher

Collaborative Meeting, Open Government

|

PDIS

|

CC BY 4.0

Introducing PDIS

開放政府

Collaborative Meeting, Open Government

|

PDIS

|

CC BY 4.0

Dimension of Exploration

Slido Polis Issue Mapper

⼯具

Mind Map Transcript

Collaborative Meeting, Open Government

|

PDIS

|

CC BY 4.0

Dimension of Exploration

機制

Participation Officer Network Slido Polis Issue Mapper

⼯具

Mind Map Transcript

Collaborative Meeting, Open Government

|

PDIS

|

Twice / month Collaborative Meeting

CC BY 4.0

Dimension of Exploration

⼯作⽅式

Interviews

Define HMW

機制

Participation Officer Network Slido Polis Issue Mapper

⼯具

Mind Map Transcript

Collaborative Meeting, Open Government

Collaborative Public Hearing

|

PDIS

|

Twice / month Collaborative Meeting

CC BY 4.0

Collaborative Meeting

Dimension of Exploration

教育 Lecture

⼯作⽅式

Interviews

機制

Participation Officer Network

Mind Map Transcript

Collaborative Meeting, Open Government

|

PDIS

|

Lesson Plan Define HMW Online Course

Slido Polis Issue Mapper

⼯具

Train The Trainer

Twice / month Collaborative Meeting

CC BY 4.0

Collaborative Style Workshop

Dimension of Exploration

改變 ⽂化

教育 Lecture

⼯作⽅式

機制

Participation Officer Network

Mind Map Transcript

|

PDIS

|

Lesson Plan Define HMW Online Course

Slido Polis Issue Mapper

⼯具

Collaborative Meeting, Open Government

Interviews

Train The Trainer

Twice / month Collaborative Meeting

CC BY 4.0

Collaborative Style Workshop

Public Digital Innovation Space

We are a big team!

達成開放政府有很多⽅式，協作會議是其中⼀種！

100+ 協作會議 |

PDIS

|

CC BY 4.0

Collaborative Meeting, Open Government

Public Digital Innovation Space

Public Digital Innovation Space

Public Digital Innovation Space

Public Digital Innovation Space

2021.09.28

⼀起來RAY吧! 張皓婷 | ⾏政院公共數位創新空間⼩組

RAY在做什麼？能吃嗎？

20 23

RAY 緣起:開放政府+青年參與 開放政府強調透明、涵容、課責及參 與，即讓⺠眾清楚知道發⽣什麼事、有疑 慮時可以找到主責的政府機關，以及⺠眾 可以在政策過程中表達意⾒與討論。 這次的青年參與公共事務，其實就是開 放政府的⼀部分。

RESCUE ACTON BY YOUTH

資料來源:Rescue Action by Youth .gov 5.0

24

Ray 5.0:背景

NOW!

Ray 1.0

Ray 2.0

檢視政府數位 服務於Safari 上的呈現

檢視政府數位 服務RWD的 呈現

Ray 3.0

Ray 4.0

重新檢視及設計政 府數位服務的使⽤ 者經驗 (User Experience )

以「使⽤者」為中 ⼼ 重新檢視及設 計 政府數位服務 (Design thinking， service design， UXUI )

Ray 5.0 RAY 5 招募複合領域及研究領 域專長組成團隊，並以「使⽤ 者」為核⼼重新檢視，涉及線上 與線下的政府數位服務 (Design thinking， Service Design， UXUI，Design Research)

25

RAY計畫-成員組合

報名

最終篩 選

130+

14

位

⼤學、研究所 青年學⼦

跨領域 橫跨設計、資訊、研究、⼼理等 複合領域別⼈才

26

Ray 5.0的⽬標與挑戰

協⼒合作 找出每個 ⼈可接受 的解法

設計導入 政府數位 服務

TIPS: 並不是思考團隊怎麼做比較好? ⽽是 「我們(與機關部會合作)」 如何⼀起做好?

*可能 全遠距 但品質如 何不下降?

社群網絡 ⼒量串聯 協⼒可能?

線上訪談 線上⼯作坊 線上協作等 讓⼤家⼀起成為 解決問題的⼀份⼦

27

RAY 5.0新挑戰：遠距？實體？

因應疫情 調整⾒⾯ 會形式

視疫情狀況 隨時更改協 作模式

28

參與Ray 5.0 我可以得到什麼？

捲起袖⼦ ⼀起來改 造公共事 務

跨領域的 合作與 溝通

從了解使⽤ 者到如何做 出多數⼈接 受的服務

29

Q : 做完這兩個⽉， 我們的設計就會被採⽤嗎？

機關 部會

PDIS

RAY

重點還是在 機關對同學們成果的【接納程度】與【機關專案的進程】！！！

30

這兩個⽉在做什麼？

RAY的六步殺流程

31 20

Design Thinking?

32

設計思考是什麼？

⼀個「真正理解使⽤者」 與得到「設計靈感」的過程

33 20

六步殺 DISCOVER

探索議題

DEFINE

DEVELOP

⾄少 兩個⽅向的 wireframe

分析及收斂

定義 核⼼問題

DELIVER

Lo-Fi High-Fi

專案階段性⽬標&流程 (七⽉) 報到⽇(相⾒歡)

7/1 四 7/9 五

了解專案背景 ● 盤點利害關係⼈、競品分析(國內外/中央地⽅) ● 誰是這個服務的使⽤者？ (基本資料：年齡，性 別，職業…⼈⼝統計等) ● 初步使⽤者訪談（先1-2位，了解使⽤者需求、找 出初步易⽤性問題、GA資料等) ● 可參考⼗⼤易⽤性評估 ，或其他更好⽅法

進度匯報 Ray⼩教室：訪談技巧 Ray⼩教室：專案管理技巧 講者分享⼀

● 進度匯報 ● 團隊交流 ● 講者分享⼆

● 透過 User research 研究成果，定義關鍵問題 ● 利⽤ Customer journey map，釐清服務旅程、斷 點

● 透過 Wireframe，初步打造網站架構雛形 ● 產出兩個完全不同⽅向的 wireframe，探索更多 設計可能 ● 測試兩種不同⽅向的wireframe(3-5位使⽤者）， 藉以更深入了解使⽤者需求及設計靈感後，統整 下⼀階段設計。

● 進度匯報 ● 團隊交流

● 挑選出該網站中，三個最重要的網站核⼼議 題 (How might we) ● Customer journey map

Wireframe

⾒⾯會 (三)

7/30 五

初步User research 結果 Persona (Goals, needs, pain points) 易⽤性問題，可參考 Heuristics Evaluation 訪談紀錄稿、側拍照片、側拍影片、操作畫⾯ 錄影 ● 提出未來兩個⽉的研究規劃、⼤致分⼯ ● ● ● ●

定義問題

⾒⾯會 (⼆)

7/20 ⼆

預計產出

探索議題

⾒⾯會 (⼀) ● ● ● ●

專案⽬標

Wireframe *2 (完成度以精準呈現設計策略為主) ● 針對問題提出介⾯解法 (依各組能量，不需細緻 刻板)，提出兩種完全不同⽅向的策略。 Wireframe 測試 ● 將兩種不同⽅向的 wireframe，進⾏使⽤者測 試，持續蒐集設計靈感、需求

專案階段性⽬標&流程 (八⽉) 專案⽬標 8/11 三

Low-fi Prototype

⾒⾯會 (四)

● 產出低擬真原型，並進⾏使⽤者測試3-5位，了解 網站問題是否被解決以持續優化介⾯

● 進度匯報 ● 團隊交流

8/31 ⼆

成果發表會

● 產出可互動的⾼擬真原型 ● 完成結案報告

● ● ● ● ● ●

Low-fidelity prototype 迭代、測試報告 將 low-fidelity prototype 進⾏測試 可以進⾏多次使⽤者測試，持續迭代 定調最終 prototype ⽅向 可以⼀同邀請機關部會參與測試or辦⼯作坊 訪談紀錄稿、側拍照片、側拍影片、操作畫⾯ 錄影

● ● ● ● ●

High-fidelity prototype ⼀個最終版本、可互動的⾼擬真原型 需呼應定義問題的 3 個網站核⼼議題 可視情形再進⾏使⽤者測試 各組視情況決定是否進⾏驗證

High-fi Prototype

● 最終成果發表 ● 部會⼈員交流

預計產出

重要⼼法

輸出基本產出 的同時，還有 更多研究空間 可發揮

解決 核⼼關鍵 議題

跨組交流 往往能產 出火花

⼯作坊是 建立信任 關係過程

e.g. 網路⺠族誌、線上⽥野、問卷 設計、滾雪球研究法、參與式設 計、⾏動者網絡、設計驗證等

e.g. 介⾯功能繁雜， 線下臨櫃等 問題是否有共通點?

e.g. 登⼭⼀站式、 青年署網站落地案

並非活動結束要有解⽅， ⽽是解決⼤議題的10%-20% 屬於滾動式的找到解⽅， 也因此，如何透過線上社群 找到關注議題的核⼼⺠眾以及機 關部會⼈員加入顯得非常重要

38

我們營造什麼環境？

20 39

RAY5.0 講師 (@頻道帳號)

博智 @yang_pozhi 台中⼈ RAY 4.0 團隊⼀員(社會局) 興趣：種植物、看書、學看星盤 在RAY裡的⾓⾊：視覺⾯呈現、 從⽂獻找資料~⼈⽣相關疑難雜症 瘋狂製造中~~可以找我聊聊

暖婷 @Nuan ⾼雄⼈ RAY 4.0 團隊⼀員(勞保局) 興趣：看動漫、追⽇劇、玩股票 在RAY裡的⾓⾊：⾒習、⼯作、 ⼈⽣相關的疑難雜症都可以找我 聊聊~

40

RAY4.0 講師

罡⾕

⾼雄⼈ RAY 3.0 團隊⼀員(勞保局) 興趣： 在RAY裡的⾓⾊：

41

Public Digital Innovation Space

PDIS⼩教室 I

1. 前⾔

團隊建立篇 (平常也可以⽤喔)

4. 實際操作：MIRO破冰船

2. 為什麼要先做團隊建立呢？ 3. 由團體到團隊 5. 結語、批判及反思

6. 延伸閱讀

為什麼要先做 團隊建立呢？

43

來看看參加RAY 4的學長姐怎麼說？

“真的要看⼤家初期的意願，我有感受到⼤家做事 情的意願其實不⼀樣，因為能⼒跟專業領域不同 也導致很多⼈沒辦法做，也沒有先做預期管理， 可能超出時間負荷。” (⼀位參加RAY 4的同學提及)

44

圖片來源:freepik

團隊的共識成果是⼀回事， 但是從中建立起的友誼或是默契， 甚⾄做事情的⽅法、學習的⽅法 將會是⼤家⼀輩⼦的收穫。

舉例如很嗨組成的聯合醫院團隊、無話不說的團隊組成像是勞保局， 或甚⾄不論什麼事都要主張衝第⼀，先報告先解脫的台中市社會局戰隊等等。 機會無所不在，像是青年署網站的後續落地案就是跨組別的組合喔!

45

#學長姐分享

在團隊中 找到你的定位

RAY 4 徐遠志 aka 亂入設計團隊的⼯程師

圖片來源:The Avengers https://hk.best-wallpaper.net/Avengers-Endgame-2019_wallpapers.html

過程⼀覽

實體分享 交流

48

實體分享 交流

49

過程⼀覽

實體分享 交流

50

吃吃喝喝照

實體分享 交流

51

遇到疫情怎麼辦？

設計線上互動！

52 20

MIRO 團隊建立 ⽰範完後，各組分房進⾏討論，15:30 派⼀位簡單分享團隊個性 (⼀組兩分鐘內) 分享團隊相處模式，以及團隊做專案⽬標為主 ○ 做到怎麼樣的程度、想學到那些...? ○ 若時間不夠，可就現況跟同學分享

特別感謝 RAY 5.0 林曼寧同學協助優化 ⾃介破冰&團隊建立

53

●

各組團隊分享~~ 第⼀組 : 台北市社會局公托登記

54

過程⼀覽

線上進度 匯報

55

過程⼀覽

線上進度 匯報

56

過程⼀覽

線上進度 匯報

57

過程⼀覽

使⽤者研究 及測試 58

與機關的合作！

59

計畫簡介

⾒習流程說明

⾃我介紹&破冰

團隊建立

⼯具介紹

學長姐分享

其他活動宣達

60

機關的參與及付出

機關內部

參與

參與

不定期

分享討論

訪談

使⽤者訪談

使⽤者測試

討論

階段性成果

7⽉

8⽉

8/31

61

62

過程中的⼩故事...

63

計畫簡介

⾒習流程說明

⾃我介紹&破冰

團隊建立

⼯具介紹

學長姐分享

其他活動宣達

RAY3.0 的登⼭⼀站式申請服務

64

RAY4.0 的台北市立聯合醫院掛號系統

65

RAY4.0 的台北市立聯合醫院掛號系統

66

RAY4.0 的台北市立聯合醫院掛號系統

67

RAY5.0 的林務局⼭林悠遊網

68

RAY5.0 的林務局⼭林悠遊網

69

RAY5.0 的林務局⼭林悠遊網

70

看看⼤家怎麼說...

71

計畫簡介

⾒習流程說明

⾃我介紹&破冰

團隊建立

⼯具介紹

學長姐分享

其他活動宣達

72

計畫簡介

⾒習流程說明

⾃我介紹&破冰

團隊建立

⼯具介紹

學長姐分享

其他活動宣達

73

計畫簡介

⾒習流程說明

⾃我介紹&破冰

團隊建立

⼯具介紹

學長姐分享

其他活動宣達

74

計畫簡介

⾒習流程說明

⾃我介紹&破冰

團隊建立

⼯具介紹

學長姐分享

其他活動宣達

75