Portfolio

2020-2023

Programming / Prototyping / Interaction Design

張心嘉 Hsin-Chia Chang NTUT

Interaction Design

Be water

關於我 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 01 Waterform . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 成為水元素大師

02 The Controlled 演控人生 . . . . . . . . . . . 9 以遊戲進行的社會實驗

03 黑川互動媒體藝術 . . . . . . . . . . . . . . . . . . . . . 1 3 實習所養出來的真功夫

04 Nulltac

疫手掌握

不改變常理的經驗設計

...................17

05 山頂ㄟPachinko . . . . . . . . . . . . . . . . . . . . . . . 2 1 社會設計的極限挑戰

06 Hotpot knight 火鍋武士 . . . . . . . . . . . . . 2 5 火鍋派系間的刀光劍影

07 Redesign 五倍券網站 蛤?你還不會用五倍券網站?!

................29

08 專業領域相關服務 . . . . . . . . . . . . . . . . . . . . . . 3 1 有時候我希望我會影分身

09 Cinzia 媒體經營 . . . . . . . . . . . . . . . . . . . . . . . . 3 2 千禧世代的衝浪生活

AWARD . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 5

張心嘉

| Hsin-Chia Chang

程式設計 / 原型開發 / 互動設計

EDUCATION 國立臺北科技大學 | 互動設計系

COMPETITION 2023放視大賞 | 決選入圍 遊戲類-PC與主機遊戲組 演控人生 The Controlled

2023技職黑客松 | 北區賽佳作 CtC! Studio

SKILLS 4 year 4 year 4 year 3 year 2 year 2 year 2 year 2 year 2 year 1 year

EXPERIENCE 黑川互動媒體藝術 | 互動設計實習生

互動展演硬體整合、專案協助製作、提案發想參與

方略電子 | 視覺辨識實習生

P5.JS動態捕捉，應用於方略電子的圓柱螢幕開發上

互動程式設計三 學士課程 講師：韓秉軒 | 助教 協助同學學習Arduino以及製作互動裝置雛型

基本設計一 學士課程 講師：傅子恒 | 助教 協助同學學習初階Arduino以及製作原型

北科大教務處 | 工讀生 課程海報設計

北科大互動設計系學會8th | 總務長 系會經費核銷、審核

北科大投資理財社 | 美宣長 海報製作、文宣設計

4

01 project

WATERFORM 打破水單一感知的創作探索，讓觀者在虛擬中體驗水的流動與力量 對自然與人造界限的哲思，啟發對日常簡單元素的全新理解與欣賞。

年份：2023.02 - now 使用媒材：複合媒材 作品尺寸：245cm*245cm*40cm 負責項目：硬體製作、程式設計

5

水元素

Water Element

水霧：水氣塑造整體氛圍

水花：驚鹿帶動水拍打水面

水流：流向變化帶來不同感受

風力：水車帶動風力

阻力：行動有定力造成阻礙

浮力：向上模擬物體動作

重力：給予重量產生重力錯覺

互動核心

Interactive Core

上方薄片集水打洞滴水

實 體 裝 置

驚鹿積水造成重量下壓

水車運轉帶動風力 按虛擬環境改變流動水 物品於水面浮動下壓反彈

水霧器水裡造霧往上飄

Physical Property

於水中前行感受一定力的阻礙

WaterForm

互 動 模 式

阻力

7

Interaction Design

目前成果

Outcome

8

02 project

THE CONTROLLED 演控人生 利用演算法的力量，駭入一位網路使用者的日常，透過監視器來分析監 控對象的生活，推送相對應的廣告或新聞，進而控制他的生活習慣。

年份：2022.10 - 2023.01 使用媒材：複合媒材 作品尺寸：1920*1080 px (16:9) 負責項目：UIUX

9

創作背景

以遊戲進行的社會實驗

Inspiration

Social Experiment

「被媒體控制的人類」由知名的劍橋分析大事件啟發而來。為了向廣告商賣出更高的 價錢，網路巨頭們誘導人們對網路產生依賴以獲取更多利益。想創作出一款將演算法

1.選擇與回饋 (Decision-Making and Feedback)

具象化，讓玩家扮演媒體背後的演算法，體驗利用演算法操控人心的遊戲。

沒有給予直接回饋，導致許多玩家搞不清楚狀況，而產生更希望能從腳色身上獲得 點甚麼，而開始對人性不管不顧。

遊戲概念圖 Game Concept Map 2.抽象 (Abstraction) 把「大數據」、「演算法」這種人類摸不著碰不著的「抽象事物」，「實體化」的 放到玩家面前。當許多玩家玩到結局看到螢幕中的螢幕時，其實是很少人會聯想 到：啊!難道我現在也正在被監視著嗎?

透過演算法控制監控對象

觀察監控對象對於前一日推 送內容的反應與其他資訊

3.主題 (Themes) 演控人生的主題是對於近來的網路生態的反思，但是在表達上，玩家並不是一劈頭 就被告知這個主體，而是透過遊戲機制與互動的內容還有回饋查覺到的。

遊戲機制 Game Mechanics NO

駭入監控對象的電腦 扮演演算法推算新聞或廣告

看錄音+影像檔

七天到了嗎

選擇推播內容

玩家查看本日推送獲得的收益

YES 觀看結局

監控對象心理狀態參數

憤怒

焦慮 理性

心理 狀態

好結局

壞結局

一循環七天

10

最終成果 Final Outcome

11

2023放視大賞

P C 遊 戲 組 決 選 入 圍 12

年份：2023.07 - 2023.08

13

VR數學課、體感變身、畫畫上傳 「共生島-小島派對」是一個為12至6歲孩童設計的互動營，包含三款遊戲：學數學的VR遊戲、體感變身遊戲以及畫畫上傳遊戲。 受這句問題啟發：“完整家庭的孩子有爸爸媽媽陪伴，那麼弱勢的孩子誰來陪？”因此打造為弱勢和偏鄉地區的孩子們帶來陪伴、愛心，以及一場特別的派對！

14

世界客家博覽會 文辭之流 場地mapping 專案運行測試 特點是投影至水面使其具有波動感，並且用程式人員自行寫的mapping軟體，讓人們可以透過 簾網站就能與之互動。

15

桃園地景藝術節 織光 協作硬體接線 現場裝置架設 使用Kinect偵測人體動作，裝置燈光隨之變化。裝置接線時考慮到電流電壓等問題，協助過程中了 解到許多相關知識與應用。

16

年份：2022.01 - 2022.04 使用媒材：複合媒材 作品尺寸：80 cm x 30 cm x 11.3 cm 負責項目：UIUX

17

創作背景

服務藍圖 Service Blueprint

Inspiration

疫情時期公共場合接觸感染，一直是許多人擔心的問題，如何做好防疫一直是一大重 點。以電梯來說，生活中就有許多「奇葩的」避免接觸感染的方式，例如用鑰匙按電 梯，就是希望能避免接觸傳染，期盼解決與不特定人士接觸電梯按鈕的問題。

情境與互動

使用者進入電梯

使用裝置

簡易說明指示

案指示給予互動

離開電梯

互動線

前台服務

研究訪談 Interview

可視線

擔心接觸傳染的程度

使用零接觸公共設施的意願度

後臺服務

10 8

偵測人物 到達指定樓層

內部活動線

6

支援程序

技術修繕

4 2 0

受訪者1

受訪者2

受訪者3

受訪者4

受訪者5

受訪者6

受訪者7

互動核心 Interactive Core 回饋：播放音效、動畫

訪談結論 Interview Conclusion 輸入：隔空接觸 大眾擔心接觸傳染

困擾程度

零接觸接受度

18

最終成果 Final Outcome

19

20

年份：2023.05 使用媒材：複合媒材 作品尺寸：1920*1080 px (16:9)、40cm*40cm*50cm 負責項目：硬體製作、Unity

21

設計構想

服務藍圖 Service Blueprint

Design Concept

顧客行動

丟垃圾

使用裝置

顯示彈珠檯遊戲

案指示給予互動

紀錄使用次數

記錄滿載量

設計帶來的創新 互動線

設計達成循環

部分問題得到改善與鬆動

前台服務 可視線

難以解決的社會問題

後臺服務 以設計直接解決一勞永逸 內部活動線

設計目標

支援程序

Design Goals

後臺管理系統

解決這些問題，絕不是一時半刻的事情， 但靠設計歷程帶來的創新，有些問題能夠得 到改善或被鬆動。所以，我們比較常用的說法會是：

社會設計目標在於創造關係轉變的可能

研究調查 Interview

互動核心 Interactive Core

丟棄垃圾

彈珠檯遊戲觸發

積分集點

110年新北市觀光局統計，登山活動的年齡分布

61 歲 以 上

51 ~6 0歲

41 ~5 0歲

31 ~2 40 歲

21 ~3 0歲

11 ~2 0歲

6~ 10 歲

5歲 以 下

70 60 50 40 30 20 10 0

22

最終成果 Final Outcome

2023技職黑客松

北 區 分 賽 佳 作 23

24

06 project

HOTPOT KNIGHT 火鍋武士

年份：2022.04 - 2022.06 使用媒材：複合媒材 作品尺寸：PC_1920*1080 px (16:9)、光劍_50cm*5cm*5cm 負責項目：硬體製作、Unity

25

創作背景

遊戲流程 Game Flow

Inspiration

這是一款 以經典電影《星際大戰》的光劍元素為靈感，利用LinkIt 7697和Unity模擬 的光劍遊戲。透過陀螺儀捕捉玩家揮劍方向和位移，這款遊戲將你帶入一場火鍋料大 戰中。

選擇陣營

劇情分析

遊戲架構 Game Cognition

揮砍敵人

分數結算

Plot Diagram 成功殺敵 生命消耗

Co

nc

Co

ep

n

t

tex

選擇隊伍

火鍋派系之間的對決

t

Me

戰鬥結束

介紹 ACT1

揮砍敵方火鍋料保護我方火鍋 C

攻擊敵人

實現光劍類型裝置遊戲

e or

ch

Ve

ic an

r

bs

s

沒揮砍到或者失誤就扣一點生命值

揮動實體光劍

介紹

ACT2

ACT3

基本遊戲背景、玩法介紹

選擇隊伍

正義軍團支持蟹味棒、魚卵捲；邪惡帝國支持芋頭、南瓜

攻擊敵人

用劍輝砍敵方隊伍

生命消耗

揮砍錯誤或者沒消滅敵人造成扣寫

成功殺敵

砍到敵方成員防守成功

戰鬥結束

順利通關或者生命消耗殆盡

25

最終成果 Final Outcome

27

最終成果 Final Outcome

28

年份：2022.02 使用媒材：HTML + CSS + JAVASCRIPT 作品尺寸：1920*1080、768*1024、360*640 px 負責項目：UIUX、全端

29

最終成果 Final Outcome

30

08 project

新現代五項科技運動會

未來科技展Demo

韓秉軒老師課程助教

Gameforce元宇宙拳擊Demo

09 project

CINZIA 媒體經營 重點關注大學生活的各個方面，通過實驗性的媒體內容，探索了這一代 人的衝浪生活，提供有趣而富有啟發性的故事和見解。

年份：2023.01 - 2023.11 使用媒材：複合媒材 作品尺寸：1920*1080、768*1024、360*640 px 負責項目：企劃、剪輯、演出、拍攝

32

Youtube

最受歡迎影片 Most Popular Video Views：18k Reach：18k Impression：282k

like：178 Comments：19

33

Instagram

小紅書

1106._.cz 35 post

Cinzia

708 followers

351 following

Personal blog 大學生活倒數 探索分享

66 followers

179 fans

9402 likes

小紅書號：939424615

🌻 #r嘉剪紀錄

34

AWARD

35

36

2020-2023

Programming / Prototyping / Interaction Design

張心嘉 Hsin-Chia Chang NTUT

Interaction Design