成 果 報 告 書
為了推廣 HCI 學門、培養新生人才,以及發掘潛在研究議題,來自臺大資訊
學群、臺科大設計學群、以及政大數位內容碩士學位學程 ... 等數十位學、碩 士生,共同舉辦了 OpenHCI 工作坊。
OpenHCI 的活動理念為「學以致用,從做中學。」為期六天的工作坊中,我
們 邀 請 各 界 知 名 講 師,針 對 HCI 的 兩 大 核 心 概 念:UserᅠExperience Engineering(UXE) 和 User-Centered Design(UCD),從不同面向與主題傳
授經驗,培養學員基 礎 知識。課後更有一系列相對應的分組思考與實作活 動,引導學員經歷完整的 HCI 設計流程,針對當屆主題完成互動原型作品, 培養跨領域合作與溝通能力。
各組的構想與互動原型於工作坊最後一天以互動展覽方式展出,藉此促成學 員 與 各 界人 士 間 的 意 見 交 流。作 品 記 錄 會 在 活 動 後 收 錄 進 成 果 報 告 書
(Proceedings of OpenHCI’ 18) 中,於活動網站公開下載。OpenHCI 也將 作為橋樑,提供管道協助參與者將作品進步發展為學術論文或是競賽作品, 讓創意繼續延伸發展。
總召集人
曾唯哲
王立揚
林桂竹
國立政治大學 數位內容碩士學程
國立臺灣大學 資訊網路與多媒體研究所
「 萬物有靈,互聯互網,原始信仰隱喻著未來社會。」 物件本是空白主體,注入人類智慧,重獲新生。
擁有了數位靈魂,物體與人類共生,通訊網絡緊密了彼此。
「 實物鏈 」將解構對客體的認知,重構對物我的想像,共構新一代城市物語。 本 屆活 動主 題 為「實 物 鏈 ANIMISM 」,當人 工智慧 (AI) 結 合 物 聯 網 (The Internet of Things) 的 AIoT 已成了新時代顯學,物體注入了人類智慧,具有思 維個性,終將顛覆了以往與人類的互動關係。
我們以此主題為綱串連長達六天的工作坊,帶領學員觀察、發想、參與小組合 作,共同創作出互動展示作品。除了團隊合作之外,亦有與此主題相關的系列
講座與議題討論,聚焦於當今互動設計、人機互動 (HCI) 領域中的關鍵議題 —
以跨越文化、社會、設計、電資領域的取徑,來探討人與智慧物件在智慧物聯 (AIoT) 時代下的新互動模式以及其設計框架。
報名單位
今年第九屆 OpenHCI 人機互動工作坊,報名人數總計達 112 人,來自 超過 60 個不同系所的大專院校學生參與報名。今年籌備團隊除了主辦 學校(臺灣大學、臺灣科技大學、政治大學)之外,也加入了交通大學
、清華大學、臺北科技大學、實踐大學…等相關系所的同學一同參與, 未來希望能持續加入更多不同學校以及跨領域系所的參與。
參與學校 臺灣大學
清華大學
中國科技大學
大葉大學
逢甲大學
臺北藝術大學
大同大學 元智大學 交通大學 成功大學 亞洲大學 東吳大學 長庚大學
淡江大學 萬能科大 實踐大學 輔仁大學 政治大學 中山大學 中正大學
臺中科技大學 臺灣科技大學 臺北科技大學 雲林科技大學 臺灣師範大學 臺北教育大學
University College London (英國倫敦大學學院) Nuova Accademia di Belle Arti (米蘭藝術大學)
Savannah College of Art and Design (薩凡納藝術設計學院)
間學校 個系所 人
技術課程
Arduino 會提供給製造者容易上手之單晶片,即使沒有程式背景的使 用者也能輕易地操控感測器或其他控制元件。Arduino 保持一貫開放 原始碼的理念,主張自由、分享的學習氛圍。
Haptic Maker 是一套讓非電資科系的開發者,運用套件便可簡單地製 作出觸覺回饋的裝置。
Brainstorming 為一種激發創造力、讓團隊具有更豐富思考力的方式。 透過參與者的聚集,恣意地將腦中聯想到的見解提出,即使過程如何地 天馬行空或荒謬,參與者皆不會受到批評或中斷,最終再予以收斂各式 想法,產生多面向的新觀點、方式與可能性!
Digital Manufacturing 為數位製造工具教學,使用當前 Maker 文化經
常使用之雷射切割,利用壓克力板進行快速原型製作,提供學員快速完 成產品原型製造方法!
軟體產品開發大冒險
隨著科技的進步與發展,絕大多數的產品研發與銷售都
必須仰賴多種不同專業的工作者相互協同合作。然而,
多數參與其中的人,常因組織中不同部門各司其職的分 工方式,而無法見樹又見林。在本工作坊中,講者將透
過 UX in the Jungle 桌遊教具,以遊戲化的方式讓參與 者瞭解不同 UX 工作者在產品開發中所扮演的角色,讓
你對企業的營運流程更有大局觀,並真實地體驗到產品 開發過程中的種種挑戰。
講師介紹
林德政
趨勢科技股份有限公司 使用者經驗設計部 資深專案經理
林德政 (DJ, Der-Jeng, Lin),UX in the Jungle 桌遊教具的主設 計師,是位在軟體開發領域擁有豐富資歷的專業經理人,同時也 是使用者經驗設計實務的傳道者。
過去二十年來,他曾在半導體製造、供應鏈管理、及資訊安全等 不同領域參與各種專案。
除了帶領團隊有效率地完成產品的設計及開發外,DJ 更重視交 付的產品是否能有效解決使用者的問題,屢屢以創新、務實而敏 捷 (Agile) 的方法為客戶及使用者提供成功的解決方案。
張翰文
趨勢科技股份有限公司 使用者經驗設計部
資深使用者介面設計師
張翰文 (Hanwen Chang),擁有資訊工程的背景,專注於使用者
介面設計領域,希望透過與團隊緊密合作,共同發掘使用者需求,
將產品技術能力轉化為實用、好用的解決方案,以創造符合使用 者需求的使用體驗。
目前在趨勢科技擔任使用者介面設計師,主要負責企業用網路安 全產品的介面設計。
講師 開幕致詞 張永儒
人機互動學會 理事
國立交通大學資訊工程學系 助理教授
穿戴式裝置之未來展望
黃大源
國立台灣科技大學資訊工程系 助理教授
宜居城市未來觀 周育如
水越設計 都市酵母 創辦人
天馬行空的華麗邏輯 林昆穎
豪華朗機工 藝術家 華麗邏輯 創意總監
人機共生設計 蔡文傑
台大智慧聯網創新研究中心 博士後研究員
Interaction Design as a Tool, Experimental Process, Thinking and Philosophy
何樵暐 互動設計師
數位藝術家 Digital Medicine Lab 創辦人
設計思維與 人機互動的連結 鄭婕
前 指南創新(上海) 資深設計策略師
電子造景藝術 葉彥伯
何理互動設計 執行長
UX in the Jungle Workshop
林德政
趨勢科技股份有限公司 使用者經驗設計部 資深專案經理
UX in the Jungle Workshop
張翰文
趨勢科技股份有限公司 使用者經驗設計部 資深使用者介面設計師
評審 期中評審
曾元琦
國立清華大學服務科學所 副教授
陳宜秀
國立政治大學傳播學院數位內容學程 副教授
韓秉軒
國立臺北科技大學互動設計系 專案講師
孫士韋
國立臺北藝術大學新媒體藝術學系 副教授
許峻誠
國立交通大學應用藝術研究所 副教授
期末評審
蔡明哲
悠識 首席體驗架構師 暨 HPX社群 創辦人
葛如鈞
國立臺北科技大學互動設計系 專任助理教授
宋恆
如牧創新 總監
唐玄輝
國立臺灣科技大學設計系 教授
余能豪
國立台灣科技大學設計系 助理教授
各組成果
ZooMart
在 賣 場 中,父 母 通 常 會 因 為 忙 於 採 購 商 品 而 無 暇 管 理 小 孩 的 行 為,以 至 於 只 能 放 任 小 孩 脫 序 的 突 發 狀 況。小 孩 在 賣 場 感 到 父 母 的 購 物 行 為 和 自 己
學員
蔡沐橙 黃勇偉 古宗儒 李岱容 李其蓉 張雅貴
TA
古柏濤 蔡佳昱
影片
yo u t u. b e / V1 yJh j-L H FA
無關,因此常常覺得無聊。
ZO O M A RT 團 隊 創 作 的 B o b o 親 子 互 動 球,可 以 拉 近 父 母 與 小 孩 在 購 物 時 的 距 離,增 加 親 子 互 動。父
母放入購物籃的商品,會對應在Bobo上,Bobo會
以 五 感 回 饋 的 方 式,讓 小 孩 藉 由 B o b o 上 的 變 化, 參 與 購 物 體 驗 樂 趣,增 加 詢 問 父 母 商 品 知 識 的 機
會。父 母 也 可 以 藉 由 購 物 來 教 育 小 孩 商 品 知 識。小
孩更可以與其他小孩交換Bobo上的圖騰,來 增 加 社交機會。
POSTER
1
2
1
破冰遊戲 武器實作
3
原型成果發表
2
原型展示
4
UX in the Jungle 工作坊
3
4
TA
學員
古柏濤 、 蔡佳昱
蔡沐橙 、 黃勇偉 、 古宗儒 、 李岱容 、 李其蓉 、 張雅貴
GOTYOU
當四周只有自己一人,我們還和誰有著連結?
當 自 己 的 生 活 被 忙 碌 填 滿,僅 有 數 十 分 鐘 的 少 量 時間可以運動,能有誰陪伴?
學員
林子皓 楊信之 葉素芳 鐘弘育 昝亭瑜 陳孟昀
TA
賴柏恩 蘇郁庭
影片
yo u t u. b e / 0 VZ-lw 2 k Pv0
G OTYO U 以「平 等」 、 「真 實」的 友 伴 身 分 與 我 們 一 起 運 動,在 物 與 人 之 間,產 生 社 會 交 際 的 情 感 鏈 結
,從 陌 生,到 體 認 彼 此 對 運 動 的 共 同 堅 持,培 養 出 絕佳默契,兩者成為密不可分的夥伴。
“因為找不到夥伴而不想運動嗎?I GOT YOU~ 一 起來運動吧!”
POSTER
1
2
1
場域探勘後 問題討論
3
原型成果發表
2
腦力激盪 成果發表
4
物界探險 成果發表
3
4
TA
學員
賴柏恩 蘇郁庭
林子皓 楊信之 葉素芳 鐘弘育 昝亭瑜 陳孟昀
DokiDokiTikTok
時 鐘 日 復 一 日 運 行,人 判 斷 時 鐘 的 好 壞,建 立 在 其 是 否 分 秒 不 差 的 功 能 取 向。在 未 來 嘗 試 提 出 時 鐘
有 心 跳,能 感 知 人 的 存 在,同 時 透 過 觀 者 情 感 的 變 學員
黃俊榕 張昕荷 張祐瑄 張家維 陳佩琪 李信穎
TA
黃于真 陳子權
影片
yo u t u. b e / 6 x I tI _ yq CEY
化,有 生 物 性 的 交 流。當 物 件 的 存 在 意 義 從 工 具 性 轉 變 為 其 他 價 值,從 物 的 角 度 思 考,當 時 鐘 不 再 能
傳 遞 予 你 正 確 的 時 間,不 只 作 為 判 斷 時 間 的 圭 臬, 人 與 時 鐘 從 以 往 單 方 面 利 用 的 關 係,從 此 展 開 了 什麼樣新的關係?
POSTER
1
2
1
腦力激盪
3
場域探勘後 問題討論
2
物界探險 成果發表
4
場域探勘
3
4
TA
學員
黃于真 陳子權
黃俊榕 張昕荷 張祐瑄 張家維 陳佩琪 李信穎
TransforM
Transform
原意有傳遞及改變形式的意義,加上
我 們 藉 由 引 用 變 電 箱 調 節 電 壓 的 概 念,重 新 定 義 變 電 箱 所 扮 演 的 角 色,賦 予 它 傳 遞 及 轉 化 訊 息 傳
學員
顏百謙 翁健豪 邱芊頻 周艾萱 張育綺 吳采潔
TA
張鈺佳 謝清宇
影片
you t u. b e /aBn U 3 S Rm 1 vs
送者與訊息接收者之間的衝突矛盾的意義。
街道上的變電箱多充斥著形形色色的文字與塗鴉
,包 含 對 藝 術 的 創 作 及 對 社 會 環 境 表 達 不 滿 的 文
字 訊 息。其 中 訊 息 製 造 者 是 為 了 能 匿 名、公 開 又 不 被 評 論 而 選 擇 此 行 為,但 多 數 接 收 方 卻 因 訊 息 過 於 衝 擊 而 拒 絕 接 收,因 此 產 生 了 訊 息 方 想 傳 送 訊 息、但接收方卻不想接收的矛盾現象。
「以訊息為主體」 ,滿足訊息傳送方想匿名、公開發 表、不 接 受 評 論、不 違 法 地「 表 達 自 我 」之 需 求,且 滿 足 接 收 方 不 願 接 受 過 度 衝 擊 訊 息 之 需 求,緩 解 兩者之間的衝突點。
POSTER
1
2
1
物界探險 原型實作
3
原型實作討論
2
問題討論
4
現場 原型展示說明
3
4
TA
學員
張鈺佳 謝清宇
顏百謙 翁健豪 邱芊頻 周艾萱 張育綺 吳采潔
Mr. H
衣架再造計畫 學員
李建承 程宇菉 劉文韵 韓舒容 李昀臻 林依融
TA
劉孟錡 李嘉晟
影片
yo u t u. b e / Y1 e n U Lf8 sis
如 果 衣 架 有 靈 魂、和 我 們 一 樣 有 喜 怒 哀 樂,他 們
會 想 跟 我 們 說 什 麼 話 呢? Mr. H 以 物 為 思 考 主 體 ,帶 入 物 聯 網 的 概 念,翻 轉 衣 架 原 本 硬 梆 梆 的 形
象,Mr. Hᅠ能 感 受 環 境 的 變 化,給 我 們 關 於 穿 搭 的 建 議,提 醒 我 們 角 落 裡 還 有 被 遺 忘 的 傢 伙 們,
從 表 情 變 化 到 肢 體 動 作,Mr. H 絕 對 是 最 活 潑 可 愛的衣架子!
POSTER
1
2
1
與助教討論
3
物界探險 上課實況
2
破冰遊戲 武器製作
4
原型展示
3
4
TA
學員
劉孟錡 李嘉晟
李建承 程宇菉 劉文韵 韓舒容 李昀臻 林依融
Gas Hero
由 於 住 商 混 合 的 關 係,許 多 餐 廳 排 放 的 油 煙,嚴
重 影 響 了 居 民 的 居 住 品 質。 Gas Hero 透 用 將 外 部 成 本 油 煙,回 歸 給 餐 廳 消 費 者 的 方 式,解 決 居
學員
李紹群 林玫君 郭品婕 甯芝蓶 黃睿緯
TA
林謙耘 陳暐傑
影片
yo u t u. b e / m S w 8 A E2 N 5 1 w
住空氣品質下降的問題。Gas Hero 為一互動機台
,消 費 者 透 過 投 幣 啟 動 機 台,並 於 互 動 結 束 後 了
解 油 煙 污 染 的 議 題,並 得 到 一 個 裝 有 廢 氣 的 空 瓶 ,落實「自己製造的廢棄自己帶走」的理念。
POSTER
1
2
1
物界探險 成果發表
3
原型實作情況
2
UX in the Jungle 工作坊
4
現場 demo狀況
3
4
TA
學員
林謙耘 陳暐傑
李紹群 林玫君 郭品婕 甯芝蓶 黃睿緯
aPartner
生 命 透 過 感 官 互 相 維 繫,卻 受 到 距 離、時 間 的 影 響
。因 此 對 遠 距 離 戀 愛 而 言,少 了 感 官 的 連 結,感 情 的 溫 度 也 難 以 維 持。然 而 如 果 在 最 自 然 的 時 刻,毫
學員
陳冠聞 楊喬宇 楊季恆 蕭儀齡 張瑜修 曹仲
TA
呂紹靖 王中瑋
影片
yo u t u. b e / 0 Pk yYw I EU cY
無 保 留 的 展 現 自 己,也 許 能 為 失 溫 的 關 係,帶 來 新
的 火 花。於 是 a Pa r t n e r 就 誕 生 了。透 過 紀 錄 溫 度、 聲 音、氣 味 與 呼 吸 頻 率,讓 分 隔 兩 地 的 情 侶 跨 過 時 間 的 阻 礙,與 對 方 一 起 進 入 夢 鄉。在 無 防 備 的 時 刻
,與親密的另一半,共享獨特的訊息。
POSTER
1
2
1
小組討論
3
小組討論
2
現場 demo狀況
4
UX in the Jungle 工作坊
3
4
TA
學員
呂紹靖 王中瑋
陳冠聞 楊喬宇 楊季恆 蕭儀齡 張瑜修 曹仲
RINGDIO
R I N G D I O 顛 覆 以 往 以 外 表 作 為 第 一 印 象 的 常 態, 將 音 樂 品 味、個 人 興 趣 與 生 活 型 態 等 資 訊 匯 流 成
音訊,給予人們「聽覺」的初識體驗。RINGDIO結合 學員
陳關文 葉元勳 廖哲健 黃照翔 譚采文 林思廷
TA
黃楷傑 史佳欣
影片
yo u t u. b e / z ld XmT k h N wo
了 戒 指 的 外 型 與 收 音 機 發 訊 號 和 調 頻 的 特 性,讓 使 用 者 藉 著 轉 動 或 輕 按 戒 指,轉 換 音 樂 或 傳 送 認
識邀請。配合RINGDIO APP使用,能更了解他人資
訊,並 進 一 步 交 流。我 們 想 要 透 過 設 計 R I N G D I O, 轉 換 戒 指 的 生 命 與 功 能,在 數 位 的 時 代 裡 連 起 真 實的情感。
POSTER
1
2
1
腦力激盪
3
原型成果 發表佈展
2
與助教討論 物界探險
4
原型展示
3
4
TA
學員
黃楷傑 史佳欣
陳關文 葉元勳 廖哲健 黃照翔 譚采文 林思廷
形象識別
Logotype
應用圖形
任務手冊
酷卡
貼紙
名牌
海報
網頁設計
www.openhci.com
宣傳動畫
youtu.be/9Nyb16IrJQM
籌備團隊
PROGRAM
SPONSORSHIP
曾唯哲
陳靖玟
王立揚
吳岳霖
國立臺灣科技大學電資學士班
國立交通大學多媒體工程研究所 指導教授 詹力韋
國立臺灣大學中國文學系
國立臺灣科技大學設計研究所
林桂竹
國立政治大學數位內容碩士學位學程 指導教授 陳宜秀 GENERAL AFFAIR
WEB SERVICE
王琦
張文瀚
指導教授 鄭建文
指導教授 陶亞倫
國立臺北科技大學互動媒體設計所
國立政治大學數位內容碩士學位學程
林進源
楊凱均
指導教授 陳彥仰
指導教授 黃俊穎
國立臺灣大學資訊工程研究所
國立交通大學資訊與科學工程研究所
謝沅璋
劉沂寬
指導教授 陳彥仰
指導教授 陳志成
國立臺灣大學資訊工程研究所
國立交通大學網路工程研究所
HUMAN RESOURCE
TECH
Leon Hsu
古健樺
指導教授 陳彥仰
指導教授 陳聖智
國立臺灣大學資訊工程研究所
國立政治大學數位內容碩士學位學程
劉孟錡
游俊彥
盧柏安
鄭智豪
國立臺灣科技大學設計系
國立臺北科技大學創新設計在職碩班 指導教授 彭瑞玟 VISUAL DESIGN 曹仲
國立臺北科技大學互動設計系
國立臺北科技大學互動設計系 林恆安
國立臺灣科技大學設計研究所 指導教授 陳玲玲
實踐大學媒體傳達設計學系研究所
LECTURE
姜瓔育
黃姿螢
指導教授 唐玄輝
指導教授 魏德樂
國立臺灣科技大學設計研究所 蘇郁庭
國立政治大學數位內容碩士學位學程 指導教授 陳聖智
國立臺北藝術大學新媒體藝術學系研究所 李軒任
國立清華大學工業工程與工程管理學系
FILM CREW
TA TEAM/DESIGN
王惠萱
黃于真
張益銓
古柏濤
實踐大學工業產品設計學系研究所
國立清華大學資訊工程學系 指導教授 陳煥宗 PUBLICITY 黃子倫
國立臺灣大學工商管理學系 施懿庭
國立臺灣科技大學設計研究所 指導教授 陳建雄
EXHIBITION / DEMO 羅開晉
國立政治大學數位內容碩士學位學程 指導教授 陶亞倫 陳弘偉
國立臺灣科技大學色彩與照明科學研究所 指導教授 陳建宇
國立交通大學應用藝術研究所
國立臺北教育大學社會與區域發展學系 蘇郁庭
國立政治大學數位內容碩士學位學程 指導教授 陳聖智 林謙耘
國立政治大學數位內容碩士學位學程 指導教授 余能豪 劉孟錡
國立臺灣科技大學設計系 張鈺佳
國立政治大學數位內容碩士學位學程 指導教授 余能豪 呂紹靖
國立臺北大學金融與合作經營學系 黃楷傑
實踐大學工業產品設計學系研究所
TA TEAM/TECH 賴柏恩
國立臺灣大學資訊工程研究所 指導教授 陳彥仰 蔡佳昱
國立臺灣大學資訊管理研究所 指導教授 陳炳宇 陳暐傑
國立政治大學數位內容碩士學位學程 指導教授 余能豪 謝清宇
國立交通大學資訊科學與工程研究所 指導教授 張永儒 史佳欣
國立政治大學數位內容碩士學位學程 指導教授 陶亞倫 王中瑋
國立政治大學資訊科學研究所 指導教授 余能豪 李嘉晟
國立政治大學資訊科學研究所 指導教授 余能豪 陳子權
國立臺灣大學資訊工程研究所 指導教授 陳彥仰
特別感謝
OpenHCi'18 志工 王品鈞 林子馨
楊尚珉 江芷婷
李明軒 黃俊錚 劉姮秀 林潤千
林冠廷 黃嘉旭
羅曉瑩 陳品亘
ORGANIZERS
國立政治大學 數位內容碩士學程
國立臺灣大學 資訊網路與多媒體研究所
CO-ORGANIZERS
國立臺北科技大學 互動設計系
SPONSORS