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

Page 1

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



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.