2014openhci 延滯因子lagontology成果書

CONTENTHCI即「人機互動」是近年相當活躍的資訊學門之一。HCI的中心思想是以人

為本，透過科技開創人與人之間的互動，可能是解決與提供新的使用經驗，

亦可能是探索與創造新的意義，研究的著眼點不但訴求技術創新，更需要擁

有跳脫舊框架的創意，以及對使用者行為的瞭解。因此，HCI整合了資訊、設

計、心理、以及其他領域專業知識，透過跨領域合作與溝通創造嶄新的研究

成果。

為了推廣HCI學門、培養新生人才、以及發掘潛在研究議題，臺大資訊學群、

臺科大設計學群、以及政大數位內容學位學程的十餘位碩博士生，共同舉辦

了OpenHCI工作坊。活動理念為「學以致用、從做中學」。在將近一週的

營期中，我們邀請到各界知名講師，針對HCI的兩大核心概念：User Experi-

ence Engineering (UXE) 以及User-Centered Design (UCD)，從不同面向與主

題傳授經驗，培養學員基礎知識；課後更有一系列相對應的分組思考與實作

活動，引導學員經歷完整的HCI設計流程，針對當屆主題完成互動原型作品，

並培養跨領域合作與溝通能力。

Intro

OpenHCI2014是第五屆由學生自治籌備的人機互動工作坊，旨

在推廣人機互動學門與跨領域合作。

在6天的營期間，來自不同領域的學員會歷經一系列講座與課後

實作演練，深入完整HCI設計流程，透過合作溝通以實踐構想，

將無盡的創意展現給世界！

延滯因子Lagontology = Lag + Ontology

本屆主題將以一場「時空風暴」激發人機互動的各種想像，跳脫

過去資訊世界所定義的Lag，探究延滯因子將時空Lag出的多種

平行世界：五感的不同步？時間的延遲？空間的重複？情感的錯

失......等，一切等你來挖掘！

2014 總召集人 鄭宇婷與陳建方

今年的OpenHCI人機互動工作坊總計報名人數達137人，報

名人數再次成長，並有31所不同的大專院校學生報名參加。

今年的工作團隊除了主辦學校（臺科大、臺大、政大）更加

入雲林科技大學、臺北科技大學、清華大學等相關系所參

與，OpenHCI一直希望能持續加入更多不同學校以及多系跨

領域的參與，期許未來OpenHCI能進軍全臺各地的學校。

Registration

網路媒體

HPX官方網站

悠識官方網站

波酷網

科技報橘

Fliper Mag 時尚 街頭 潮流

CIRCLE粉絲專頁

MMDays

PanSci 科學新聞網

創設計粉絲專頁

親子天下

長工互動設計研究室

政治大學校園新聞

livehouse.in

電視媒體

華視【大學生省錢玩創意 錢包自動上鎖】

廣播媒體

07/23教育廣播電台【技職星光大道】

Media

Story2014年的OpenHCI工作坊的每日為故事的一個章節，每章節

將發生不同的任務與目標，以序章（第零天7/6）的時空風暴

事件開始，原本的世界被炸裂Lag出八個不同的平行世界與

主題，各團隊分別代表著一個時空、一種不同狀態的Lag世

界，將運用OpenHCI所給予的素材（數位製造工具、Brain-

storming牌卡等）來闡述各主題下所產生的新故事。

BRAINSTORMING

LASERCUTTING

7/06 (Sun)

【第零章】 時空風暴

本日目標/ 互動程式的演練，刺破風暴任務

事件：風暴氣球

事件：Brainstorming牌卡

事件：回報母體/中間評審

事件：NPC任務

事件：倒數計時&日出

事件：回報&展覽

7/07 (Mon)

【第一章】 平行世界的誕生

本日目標/ 前進場域觀察並聚焦主題

7/08 (Tue)

【第二章】 LAG因子下的搜集與想像

本日目標/ 回報母體並進行修正

7/09 (Wed)

【第三章】 新文明的降生及異變

本日目標/ 學習數位製造工具及方法

7/10 (Thr)

【第四章】 時空校正的倒數計時

本日目標/ 八大平行世界即將恢復原狀，完成回報作品

7/11 (Fri)

【第五章】 Lagontology

本日目標/ 最終回報母體，滿載而歸

Group 1/ Sparkle 鄭文凱 管哲楓 簡婉曦 童盈超 郭宛怡 吳翎棋 徐晨芳 王瀚宇

10

12

14

16

Group 2/ Wah! Watch 朱奕飛 張家翎 陽平京 許哲維 利淑惠 吳怡馨 王瑜君 翁哲川

Group 3/ EPICURE 獨，饗。徐尉齡 王子維 楊順堯 周庭安 葉柏辰 翁丹洵 李雄傑 林禕瑩

Group 4/ HEY NAUGHTY KID 程芙蕖 何立芹 謝朋儒 王邦任 林 暄 陳采薇 李雅涵 王昱翔

18

20

22

24

Group 5/ Wallet Moment 蕭涵潔 吳俊儀 邱詩雅 黃 新 李葳靜 金雨辰 李胤愷 林利津

Group 6/ 心聚點陳家翊 李家華 韓政憲 謝孟儒 謝采瀅 薛 庭 林旻葦 何駿銘

Group 7/ Homing王昱心 王奕方 蔡寶慶 廖遠文 鄧善元 蔡佑晟 邱 琦 陳雅虹

Group 8/ Zone

蘇奕文 黃健崴 王咨驊 林湧達 徐歆婷 呂宜蒨 姚紀徽 林家宏

作品名稱/

Sparkle

在星巴克購買完咖啡，消費者常圍繞著吧檯，等待飲料沖泡完成。在等

待過程，有人獨自低頭滑手機，有人撐著疲累空洞的雙眼看著吧檯，有

人雙肘靠著吧檯等待。同樣在這個二坪不到的空間裡呼吸，社交凝滯

(LAG)，每個人彼此陌生像是交錯的兩條直線。我們希望透過一個小遊

戲，讓現場消費者產生互動。

我們改良吧檯，設計互動小遊戲。當兩位以上消費者共同按下按鈕，可

以逐步完成點亮吧檯中央的星巴克商標。同時，系統也會幫現場的消費

者照相，輸出成相片。

團隊成員/

鄭文凱

管哲楓

簡婉曦

童盈超

郭宛怡

吳翎棋

徐晨芳

王瀚宇

抽選主題/

社交Lag

1GROUP

影片連結： http://ppt.cc/n~vL

Scenario

Discussion

11

作品名稱/

Wah! Watch

時間LAG = 時間的失衡

每個人對於時間有著既定的印象，當人們對於時間的認知帶有情感的投

射，時間因而跳脫出規律的狀態，出現快慢的時間差，便為一種時間的

LAG。

手錶是時間的具象化，以手錶來創造跟時間有趣的互動，藉由這個裝

置，在使用者觀看時間時產生的Lag給予反應，希望使用者重新檢視時

間對於自己的意義，進一步回歸到自己的定位之中。

團隊成員/

朱奕飛

張家翎

陽平京

許哲維

利淑惠

吳怡馨

王瑜君

翁哲川

抽選主題/

時間Lag

2GROUP

影片連結： http://ppt.cc/irzg

Scenario

Discussion

13

作品名稱/

EPICURE 獨，饗。

個人用餐的時候，常看到有些人在滑手機、四處張望，注意力不在食物

上，而我們發現個人用餐時需要將注意力投注在某個事物上。

一般餐廳為了達到高翻桌率，大部份不太歡迎客人隻身前往用餐，因此

我們想提供單獨用餐的人一個新的用餐方式，讓人們不用在一般餐廳不

好意思地用餐。

我們將五感LAG全是一種感官上的”驚奇體驗”產生的一種非預期性。

隨著餐點的不同與用餐順序的改變，創造出一種柔和無感的用餐體驗。

團隊成員/

徐尉齡

王子維

楊順堯

周庭安

葉柏辰

翁丹洵

李雄傑

林禕瑩

抽選主題/

五感Lag

3GROUP

影片連結： http://ppt.cc/D9E1

Design

Discussion

在拿起主食的同時，人們會發現這套特殊餐具會發出有趣的節奏，在好奇心的驅使下，嘗試繼續探索不同菜餚，使過程產生了食物與音樂的鏈結。在餐具離開餐盤後，聲音曾繼續停留，並與下一道菜的音調融合，讓人的意識在這段重奏中延續。

15

作品名稱/

HEY NAUGHTY KID

透過觀察，我們發現小孩玩沙時，可以享受到創造力帶來的成就感，他

們可以大幅度揮動雙手，親手打造屬於自己的立體世界，可惜的是，這

種經驗只限於戶外遊戲。為了打破環境限制，讓玩沙也能移至室內。我

們將玩沙的觸覺lag，保留視覺與動作。

團隊成員/

程芙蕖

何立芹

謝朋儒

王邦任

林 暄

陳采薇

李雅涵

王昱翔

抽選主題/

五感Lag

4GROUP

影片連結： http://ppt.cc/N~~D

Process

Discussion

17

作品名稱/

Wallet Moment

在現今的社會中，消費的便利度越來越高，人們消費的速度也越來越

快，由於思考的時間縮短了，常常會產生衝動消費的問題。為了減少衝

動購買後產生後悔的罪惡感，我們希望能藉由有趣而正向的方法，去延

長消費者購買前的思考時間，進而去改善這個情形。

利用打開錢包時看到夢想標語和怪聲音的延遲，達成脫離衝動購買的情

緒，以完成降低花費的目標，減低在服飾店與商圈購物消費後的困擾。

團隊成員/

蕭涵潔

吳俊儀

邱詩雅

黃 新

李葳靜

金雨辰

李胤愷

林利津

抽選主題/

時間Lag

5GROUP

影片連結： http://ppt.cc/pthw

Scenario

因為衝動，挑了多件不是計劃內的商品。

結帳時看見皮包裡的夢想標語，又聽到皮包發出好笑的怪聲。

消費者常容易受特價區吸引。

便暫時抽離衝動購買的情緒，於是放棄其他衣物，只購買一件。

OPEN HCI 第五組 組員：李葳靜 / 黃新 / 金雨辰 / 邱詩雅 / 蕭涵潔 / 吳俊儀 TA：李胤愷 / 林利津

Design concept

Design Goal

在現今的社會中，消費的便利度越來越高，人們消費的速度也越來越快，由於思考的時間縮短了，常常會產生衝動消費的問題。為了減少衝動購買後產生後悔的罪惡感，我們希望能藉由有趣而正向的方法，去延長消費者購買前的思考時間，進而去改善這個情形。

正向回饋Positive Feedback

有趣互動interesting interaction

貼心提醒caring

Analytics

Scenario

利用打開錢包時看到夢想標語和聽到怪聲音的延遲，達成脫離衝動購買的情緒，以完成降低花費的目標，減低在服飾店與商圈購物消費後的困擾。

因為衝動，挑了多件不是計劃內的商品。

結帳時看見皮包裡的夢想標語，又聽到皮包發出好笑的怪聲。

消費者常容易受特價區吸引。

便暫時抽離衝動購買的情緒，於是放棄其他衣物，只購買一件。

「時間LAG」：延長時間

地點：超市、大賣場、服飾店

族群：年輕、未婚、高收入

衝動購物70%衝動購物45%

Wallet Momentwait a momemt

$100

DREAM

$2000

OPEN

chcc argerr s

DID cacc rdrr

crcc err didd t cacc rdrr

1

22

3

發出聲音讓使用者暫時脫離購物的情緒

直到聽完聲音鎖上的高面額區域才會解開

在進行高額消費前提醒使用者自己仍存在的夢想

平常消費區

高額消費區 OPEN

Scenario & Process Discussion

19

作品名稱/

心聚點

人們在觀看影片時，偶有觸及情緒而想立刻與友人分享的衝動，卻怕打

擾到旁人。待影片結束後，想再次陳述影片觀感時，因為沒有辦法記錄

與保留情緒而與朋友在影片這個話題無法達到共鳴與回響。

此互動裝置，透過camera抓取臉部表情來判斷當下的快樂程度，並透

過processing技術將其視覺化，列印出特別的票卡。透過此票卡保留觀

眾的情緒記憶，讓雙方透過票卡的交疊，觸發彼此的互動，進而減少社

交上的Lag。

團隊成員/

陳家翊

李家華

韓政憲

謝孟儒

謝采瀅

薛 庭

林旻葦

何駿銘

抽選主題/

社交Lag

6GROUP

影片連結： http://ppt.cc/OwgW

Process

Discussion

21

作品名稱/

Homing

家，對很多人而言，是一個最原始與最重要的空間，待在裡面的是我們

牽絆最深的家人。因此在踏入的那一霎那，我們會思考，該如何轉換

我們在外的身份，讓他們安心地看到我們的歸來。所以我們在此停佇，

在這短暫靜止的空間思考身份的轉換，並做好進入我們最親密空間的準

備。

進入家門前停頓的動作，像是為了進入另一個空間所進行的預備儀式。

藉由與Homing的互動，可產生如呼吸般地燈光明暗效果，調試使用者

心情，及溫度的上身讓使用者感受到溫暖，在這短暫停留的片刻，做好

空間、角色轉換的心理準備。

團隊成員/

王昱心

王奕方

蔡寶慶

廖遠文

鄧善元

蔡佑晟

邱 琦

陳雅虹

抽選主題/

空間Lag

7GROUP

影片連結：http://ppt.cc/7yeb

透過呼吸的調整與光營造出的氣氛，舒緩原本沈重的心情，進入家門。�

Process

Discussion

從外面回到家，站在家門前，心情疲憊。 要開門時，停動作而深吸了一口氣。 將手放上指紋感應鎖。

鎖發出亮光並產生溫度。 如呼吸節奏般的閃爍光，使人跟著調整呼吸頻率。 透過呼吸的調整與光營造出的氣氛，舒緩原本沈重的心情，進入家門。

23

作品名稱/

ZONE

生活中存在許多的空間，儘管空間是不變的，但是人對於空間改變時卻

有著不同的反應。人都有屬於自己身體的舒適圈，它會隨心情與環境變

化時大時小、時強時弱。邊界的存在表示人與環境尚未完全熟悉，即為

空間Lag，當人與環境完全熟悉和習慣後，Lag消除，邊界消失後空間

也不存在了。

體現不同的人對於彼此舒適空間存在的認知差異，因此創作Zone來體

現空間存在的互動設計。

團隊成員/

蘇奕文

黃健崴

王咨驊

林湧達

徐歆婷

呂宜蒨

姚紀徽

林家宏

抽選主題/

空間Lag

影片連結： http://ppt.cc/Oys0

8GROUP

Scenario & Process Discussion

25

Print - 2014OpenHCI

海報

桌牌

團隊名牌 感謝卡&獎狀卡

邀請酷卡&貼紙任務手冊

展場大背板

Speech7/07 (Mon)

HCI Trends 臺大資工行動人機介面實驗室指導教授 陳彥仰

觀察與設計悠識數位創新策略總監 臺灣使用者經驗設計協會理事 蔡志浩

7/08 (Tue)

UX Culture in a Start-up Company LIVEhouse.in / iKala 產品設計總監 鄭鎧尹

設計理論與社會實務臺灣科技大學兼任助理教授 三創數位育成中心設計工程實驗室經理 蔡敦仁

7/09 (Wed)

服務設計的入門與應用 changer深擊設計管理策略總監 臺灣使用者經驗設計協會 理事 汪建均

設計與虛構臺灣科技大學 工商業設計系副教授 梁容輝

數位製造課程Hank and Maxwell Design Studio 葉銘泓

7/10 (Thr)

數位製造與 MakerOpenlab.Taipei 社群志工 鄭鴻旗

互動廣告創意不來梅網路公司互動總監 宋恆

中間評審團洪偉肯 明志大學工業設計系教授蕭喬尹 臺灣大學 資訊工程研究所碩士班畢業賴忠平 Hank and Maxwell Design Studio李肇龍 大同大學 資訊工程系互動系統研究室博士班

最終評審團梁容輝 臺灣科技大學 工商業設計系副教授 余能豪 政治大學資訊科學系 助理教授李家祥 臺北科技大學 助理教授級專業技術人員鄭英喆 爻域互動科技設計 專案經理杜建興 天工開物 副總經理梁容豪 中央研究院 研究助理

Team member活動總召/鄭宇婷 國立臺灣科技大學工商業設計系所碩士班陳建方 國立政治大學數位內容碩士學程碩士班

課程技術/王柏皓 國立臺灣科技大學工商業設計系所碩士班林利津 國立臺北科技大學互動媒體設計所碩士班楊雅筑 國立臺灣科技大學工商業設計系所碩士班

網路管理/郭瀚智 國立臺灣大學資訊管理研究所碩士班周冠廷 國立臺灣大學資訊工程學系學士班

策展規劃/劉宥佳 國立臺灣科技大學工商業設計系所碩士班翁哲川 國立臺北科技大學互動媒體設計所碩士班

影像視覺/林浩翔 國立臺灣科技大學工商業設計系所碩士班陳敬恆 國立臺灣科技大學工商業設計系所碩士班

活動總務/姚紀徽 國立政治大學數位內容碩士學程碩士班陳星佐 國立政治大學資訊科學研究所碩士班

人事安排/蔡丞恩 國立臺灣科技大學工商業設計系所碩士班陳 漢 國立臺灣科技大學工商業設計系所碩士班劉東昇 國立臺北科技大學創新設計所碩士班

演講規劃/王瀚宇 國立臺灣大學資訊網路與多媒體研究所碩士班張文韋 國立臺灣科技大學工商業設計系所學士班

攝影記錄/林哲緯 國立臺灣大學資訊網路與多媒體研究所碩士班徐笙洋 國立臺灣科技大學工商業設計系所碩士班

活動贊助/姜翰廷 國立清華大學資訊工程學系碩士班何駿銘 國立臺灣大學資訊網路與多媒體研究所碩士班王昱翔 國立雲林科技大學數位媒體設計所碩士班

公關媒體/林禕瑩 國立政治大學數位內容碩士學程碩士班李安婷 國立政治大學數位內容碩士學程碩士班

顧問團/張明旭 國立臺灣大學資訊工程研究所博士班魏振庭 國立臺灣科技大學工商業設計系所碩士班蕭喬尹 國立臺灣大學資訊工程研究所碩士班畢業莊偉銘 國立臺灣科技大學工商業設計所博士班王亦瑀 國立臺灣科技大學工商業設計系所碩士班江政達 國立臺灣科技大學工商業設計系所博士班

志工團/郭于綺簡有成莊 詠修敏傑張幼文林君丞

徐晨芳王瑜君李雄傑李雅涵李胤愷林旻葦邱 琦姚紀徽王瀚宇翁哲川林禕瑩王昱翔林利津何駿銘陳雅虹林家宏

國立雲林科技大學工業設計所國立臺灣科技大學工商業設計系所國立臺灣科技大學工商業設計系所國立臺灣科技大學工商業設計系所國立臺灣科技大學工商業設計系所國立臺灣科技大學工商業設計系所國立臺灣科技大學工商業設計系所國立政治大學數位內容碩士學程國立臺灣大學資訊網路與多媒體研究所國立臺北科技大學互動媒體設計所國立政治大學數位內容碩士學程國立雲林科技大學數位媒體設計所國立臺北科技大學互動媒體設計所國立臺灣大學資訊網路與多媒體研究所國立臺灣大學資訊工程研究所國立臺灣大學資訊工程研究所

TA團/

Special Thank

Sponsor

官方網站http://www.openhci.com

粉絲專頁「Open HCI 人機互動工作坊」www.facebook.com/openhci

Youtube頻道https://www.youtube.com/user/OpenHCI

Livehouse.in現場發表日直播平台https://livehouse.in/channel/OpenHCI

演講slide平台http://www.slideshare.net/OpenHCI/presentations

Issuu電子書平台http://issuu.com/openhci

聯絡信箱program@openhci.com