2014OpenHCI 延滯因子Lagontology成果書

Page 1


CONTENT

Intro HCI即「人機互動」是近年相當活躍的資訊學門之一。HCI的中心思想是以人 為本,透過科技開創人與人之間的互動,可能是解決與提供新的使用經驗, 亦可能是探索與創造新的意義,研究的著眼點不但訴求技術創新,更需要擁 有跳脫舊框架的創意,以及對使用者行為的瞭解。因此,HCI整合了資訊、設 計、心理、以及其他領域專業知識,透過跨領域合作與溝通創造嶄新的研究 成果。 為了推廣HCI學門、培養新生人才、以及發掘潛在研究議題,臺大資訊學群、 臺科大設計學群、以及政大數位內容學位學程的十餘位碩博士生,共同舉辦 了OpenHCI工作坊。活動理念為「學以致用、從做中學」。在將近一週的 營期中,我們邀請到各界知名講師,針對HCI的兩大核心概念:User Experience Engineering (UXE) 以及User-Centered Design (UCD),從不同面向與主 題傳授經驗,培養學員基礎知識;課後更有一系列相對應的分組思考與實作 活動,引導學員經歷完整的HCI設計流程,針對當屆主題完成互動原型作品, 並培養跨領域合作與溝通能力。


OpenHCI2014是第五屆由學生自治籌備的人機互動工作坊,旨 在推廣人機互動學門與跨領域合作。 在6天的營期間,來自不同領域的學員會歷經一系列講座與課後 實作演練,深入完整HCI設計流程,透過合作溝通以實踐構想, 將無盡的創意展現給世界! 延滯因子Lagontology = Lag + Ontology 本屆主題將以一場「時空風暴」激發人機互動的各種想像,跳脫 過去資訊世界所定義的Lag,探究延滯因子將時空Lag出的多種 平行世界:五感的不同步?時間的延遲?空間的重複?情感的錯 失......等,一切等你來挖掘!

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


Registration 今年的OpenHCI人機互動工作坊總計報名人數達137人,報 名人數再次成長,並有31所不同的大專院校學生報名參加。 今年的工作團隊除了主辦學校(臺科大、臺大、政大)更加 入雲林科技大學、臺北科技大學、清華大學等相關系所參 與,OpenHCI一直希望能持續加入更多不同學校以及多系跨 領域的參與,期許未來OpenHCI能進軍全臺各地的學校。


Media 網路媒體

HPX官方網站

悠識官方網站

波酷網

科技報橘

Fliper Mag 時尚 街頭 潮流

CIRCLE粉絲專頁

MMDays

PanSci 科學新聞網

創設計粉絲專頁

親子天下

長工互動設計研究室

政治大學校園新聞

livehouse.in

電視媒體

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

廣播媒體

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


LASER CUTTING

BRAIN STORMING

Story 2014年的OpenHCI工作坊的每日為故事的一個章節,每章節 將發生不同的任務與目標,以序章(第零天7/6)的時空風暴 事件開始,原本的世界被炸裂Lag出八個不同的平行世界與 主題,各團隊分別代表著一個時空、一種不同狀態的Lag世 界,將運用OpenHCI所給予的素材(數位製造工具、Brainstorming牌卡等)來闡述各主題下所產生的新故事。


7/06 (Sun) 事件:風暴氣球

【第零章】 時空風暴 本日目標/ 互動程式的演練,刺破風暴任務

7/07 (Mon) 【第一章】 平行世界的誕生

事件:Brainstorming牌卡

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

7/08 (Tue) 【第二章】 LAG因子下的搜集與想像

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

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

7/09 (Wed) 【第三章】 新文明的降生及異變

事件:NPC任務

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

7/10 (Thr) 【第四章】 時空校正的倒數計時 本日目標/ 八大平行世界即將恢復原狀,完成回報作品

7/11 (Fri) 【第五章】 Lagontology 本日目標/ 最終回報母體,滿載而歸

事件:回報&展覽

事件:倒數計時&日出


Group 1/ Sparkle

10

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

Group 2/ Wah! Watch

12

朱奕飛 張家翎 陽平京 許哲維 利淑惠 吳怡馨 王瑜君 翁哲川

Group 3/ EPICURE 獨, 饗。

14

徐尉齡 王子維 楊順堯 周庭安 葉柏辰 翁丹洵 李雄傑 林禕瑩

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

16


Group 5/ Wallet Moment

18

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

Group 6/ 心聚點

20

陳家翊 李家華 韓政憲 謝孟儒 謝采瀅 薛 庭 林旻葦 何駿銘

Group 7/ Homing

22

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

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

24


團隊成員/ 鄭文凱 管哲楓 簡婉曦 童盈超 郭宛怡 吳翎棋 徐晨芳 王瀚宇

作品名稱/ Sparkle

抽選主題/ 社交Lag

在星巴克購買完咖啡,消費者常圍繞著吧檯,等待飲料沖泡完成。在等 待過程,有人獨自低頭滑手機,有人撐著疲累空洞的雙眼看著吧檯,有 人雙肘靠著吧檯等待。同樣在這個二坪不到的空間裡呼吸,社交凝滯 (LAG),每個人彼此陌生像是交錯的兩條直線。我們希望透過一個小遊 戲,讓現場消費者產生互動。 我們改良吧檯,設計互動小遊戲。當兩位以上消費者共同按下按鈕,可 以逐步完成點亮吧檯中央的星巴克商標。同時,系統也會幫現場的消費

1

GROUP

者照相,輸出成相片。 影片連結: http://ppt.cc/n~vL


Scenario

Discussion

11


團隊成員/ 朱奕飛 張家翎 陽平京 許哲維 利淑惠 吳怡馨 王瑜君

作品名稱/

翁哲川

Wah! Watch

抽選主題/ 時間Lag

時間LAG = 時間的失衡 每個人對於時間有著既定的印象,當人們對於時間的認知帶有情感的投 射,時間因而跳脫出規律的狀態,出現快慢的時間差,便為一種時間的 LAG。 手錶是時間的具象化,以手錶來創造跟時間有趣的互動,藉由這個裝 置,在使用者觀看時間時產生的Lag給予反應,希望使用者重新檢視時 間對於自己的意義,進一步回歸到自己的定位之中。

GROUP

2

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


Scenario

Discussion

13


團隊成員/ 徐尉齡 王子維 楊順堯 周庭安 葉柏辰 翁丹洵 李雄傑 林禕瑩

作品名稱/

抽選主題/ 五感Lag

EPICURE 獨,饗。 個人用餐的時候,常看到有些人在滑手機、四處張望,注意力不在食物 上,而我們發現個人用餐時需要將注意力投注在某個事物上。 一般餐廳為了達到高翻桌率,大部份不太歡迎客人隻身前往用餐,因此 我們想提供單獨用餐的人一個新的用餐方式,讓人們不用在一般餐廳不 好意思地用餐。 我們將五感LAG全是一種感官上的”驚奇體驗”產生的一種非預期性。 隨著餐點的不同與用餐順序的改變,創造出一種柔和無感的用餐體驗。

GROUP

3

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


Design 在拿起主食的同時,人們會發現這套特殊餐具會發出有趣的節奏,

在好奇心的驅使下,嘗試繼續探索不同菜餚,使過程產生了食物與音樂的鏈結。

在餐具離開餐盤後,聲音曾繼續停留,並與下一道菜的音調融合,讓人的意識在這段重奏中延續。

Discussion

15


團隊成員/ 程芙蕖 何立芹 謝朋儒 王邦任 林 暄 陳采薇 李雅涵 王昱翔

作品名稱/

抽選主題/ 五感Lag

HEY NAUGHTY KID 透過觀察,我們發現小孩玩沙時,可以享受到創造力帶來的成就感,他 們可以大幅度揮動雙手,親手打造屬於自己的立體世界,可惜的是,這 種經驗只限於戶外遊戲。為了打破環境限制,讓玩沙也能移至室內。我 們將玩沙的觸覺lag,保留視覺與動作。

GROUP

4

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


Process

Discussion

17


團隊成員/ 蕭涵潔 吳俊儀 邱詩雅 黃 新 李葳靜 金雨辰 李胤愷 林利津

作品名稱/

抽選主題/ 時間Lag

Wallet Moment 在現今的社會中,消費的便利度越來越高,人們消費的速度也越來越 快,由於思考的時間縮短了,常常會產生衝動消費的問題。為了減少衝 動購買後產生後悔的罪惡感,我們希望能藉由有趣而正向的方法,去延 長消費者購買前的思考時間,進而去改善這個情形。 利用打開錢包時看到夢想標語和怪聲音的延遲,達成脫離衝動購買的情 緒,以完成降低花費的目標,減低在服飾店與商圈購物消費後的困擾。

GROUP

5

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


Scenario

Wallet wait Moment a momemt

Scenario & Process

Discussion

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

Design concept

Analytics

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

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

70% 衝動購物

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

45% 衝動購物

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

「時間LAG」:延長時間

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

平常消費區

Design Goal 又聽到皮包發出好笑的怪聲。

結帳時看見皮包裡的夢想標語,

0 $10 ID D ca c rd r 正向回饋

有趣互動

Positi ve Feedback

DREAM

c arge ch r s

1

Scenario

OPEN

3

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

credi cr d t ca c rd r

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

$2000

interesting nter iaction

貼心提醒 caring

便暫時抽離衝動購買的情緒, 於是放棄其他衣物,只購買一 件。 消費者常容易受特價區吸引。

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

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

高額消費區

OPEN HCI

OPEN

第五組

2

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

組員:李葳靜 / 黃新 / 金雨辰 / 邱詩雅 / 蕭涵潔 / 吳俊儀

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

TA:李胤愷 / 林利津

19


團隊成員/ 陳家翊 李家華 韓政憲 謝孟儒 謝采瀅 薛 庭 林旻葦 作品名稱/

何駿銘

心聚點 抽選主題/ 社交Lag

人們在觀看影片時,偶有觸及情緒而想立刻與友人分享的衝動,卻怕打 擾到旁人。待影片結束後,想再次陳述影片觀感時,因為沒有辦法記錄 與保留情緒而與朋友在影片這個話題無法達到共鳴與回響。 此互動裝置,透過camera抓取臉部表情來判斷當下的快樂程度,並透 過processing技術將其視覺化,列印出特別的票卡。透過此票卡保留觀 眾的情緒記憶,讓雙方透過票卡的交疊,觸發彼此的互動,進而減少社 交上的Lag。

GROUP

6

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


Process

Discussion

21


團隊成員/ 王昱心 王奕方 蔡寶慶 廖遠文 鄧善元 蔡佑晟 邱

陳雅虹

作品名稱/ Homing

抽選主題/ 空間Lag

家,對很多人而言,是一個最原始與最重要的空間,待在裡面的是我們 牽絆最深的家人。因此在踏入的那一霎那,我們會思考,該如何轉換 我們在外的身份,讓他們安心地看到我們的歸來。所以我們在此停佇, 在這短暫靜止的空間思考身份的轉換,並做好進入我們最親密空間的準 備。 進入家門前停頓的動作,像是為了進入另一個空間所進行的預備儀式。 藉由與Homing的互動,可產生如呼吸般地燈光明暗效果,調試使用者 心情,及溫度的上身讓使用者感受到溫暖,在這短暫停留的片刻,做好

GROUP

7

空間、角色轉換的心理準備。 影片連結:http://ppt.cc/7yeb


Process

從外面回到家,站在家門前,心情疲憊。

要開門時,停動作而深吸了一口氣。

將手放上指紋感應鎖。

透過呼吸的調整與光營造出的氣氛, 舒緩原本沈重的心情,進入家門。 鎖發出亮光並產生溫度。

如呼吸節奏般的閃爍光,使人跟著調整呼吸頻率。

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

Discussion

23


團隊成員/ 蘇奕文 黃健崴 王咨驊 林湧達 徐歆婷 呂宜蒨 姚紀徽 林家宏 抽選主題/ 空間Lag

作品名稱/ ZONE 生活中存在許多的空間,儘管空間是不變的,但是人對於空間改變時卻 有著不同的反應。人都有屬於自己身體的舒適圈,它會隨心情與環境變 化時大時小、時強時弱。邊界的存在表示人與環境尚未完全熟悉,即為 空間Lag,當人與環境完全熟悉和習慣後,Lag消除,邊界消失後空間 也不存在了。 體現不同的人對於彼此舒適空間存在的認知差異,因此創作Zone來體

GROUP

8

現空間存在的互動設計。 影片連結: http://ppt.cc/Oys0


Scenario & Process

Discussion

25




Print - 2014OpenHCI 桌牌

海報


展場大背板

團隊名牌

任務手冊

邀請酷卡&貼紙

感謝卡&獎狀卡


Speech 7/07 (Mon)

7/08 (Tue)

HCI Trends

UX Culture in a Start-up Company

觀察與設計

設計理論與社會實務

7/09 (Wed)

7/10 (Thr)

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

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

LIVEhouse.in / iKala 產品設計總監 鄭鎧尹

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

服務設計的入門與應用

數位製造與 Maker

設計與虛構

互動廣告創意

changer深擊設計管理策略總監 臺灣使用者經驗設計協會 理事 汪建均

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

數位製造課程

Hank and Maxwell Design Studio 葉銘泓

Openlab.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


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.