設計的練習從日常生活中開始,在乎身邊人們的感受,提升人們的情感價值:《從 IxDA 看世界互動設計的發展》講座心得。

更新 發佈閱讀 8 分鐘

本文轉貼自本人於 Nov 9, 2023 在 Medium 的貼文。本文結合個人聆聽講座時收穫心得,部分並非講者原文原話,如有錯處敬請告知。

感謝 IxDA Taiwan 副理事長李德俊(紅豆),在這場《從 IXDA 看世界互動設計的發展》講座帶來精采業界經驗分享。講者分享幫父母慶生儀式的經驗,運用並轉化設計方法融入生活之中,從同理、理解目標受眾出發,讓每年慶生蛋糕都有新巧思,仍不斷持續測試進行迭代,提升與家人們的情感價值。建議設計的練習從日常生活中開始,在乎身邊人們的感受。透過很多實際設計案例和分享的互動細節,深刻體悟到從日常中細節關注使用者的需求和感受,來創造出超越預期的使用者體驗。設計是一項充滿熱情和創新的工作,設計師不僅需要具備廣泛的知識面,還要跟上時代發展,並持續學習新的設計理念和技術。

講座後的提問時間安排今日兩位講者,從學界和業界不同面向討論,對互動設計各自專注發展方向有進一步認識。學界研究專注於未來人們的互動可行方式,業界則考量商業價值和成本,並能夠藉由團隊合作實際量產出。學界和業界不同考量,但都致力於探索和改善人機互動,創造出更好的使用體驗。

・・・

▍ 互動設計三步驟:

  1. 同理及轉譯需求:真誠了解他們,將關鍵意義轉譯成可溝通及視覺化的方式。例如:陪伴,回憶,避免重複充滿驚喜,與朋友分享。
  2. 探索可能性:整理旅程地圖中接觸點的行為,才能發想及架構適切的互動形式。互動形式,流程中有意義及好控制的接觸點。
  3. 適合且易用:簡單且順利的完成任務。容易使用,使用者能很快學習的操作形式。

想像中的互動設計師是做什麼?「找問題」、「將新材料或科技重組」、「法術咒語設計執行」、「爆炸或出現解方式」。互動設計的工作內容就像是做實驗般找出問題,將材料或技術進行重組,從中設計執行方法,最後還有可能失敗。

  • 人機互動設計:人與人造物互動。例如:互動裝置藝術。
  • 人與人互動:活動中互動設計。例如:互動派對遊戲設計。

・・・

▍ 產品及服務中的互動設計案例:

1. 穿戴式追蹤手環的音效設計

  • 設計意義:幼童或寵物求救
  • 硬體限制:成本及距離
  • 跨專業團隊原型測試:音效實驗 開發可能性相關產業知識實驗
  • 互動細節:音效設計要能在一定距離內被聽到,與工程師確認後音訊可以挑整

音效設計流程:

  1. 請工程師提供 Sample 了解有哪些做法?
  2. 詢問該 Sensor 設計可能性。問哪些屬性可以控制:音量,音頻,頻率。
  3. 尋找相關產品應用和知識。
  4. 小規模實驗,找出關鍵因素。
  5. 與競爭者共同實測比較,找出市場上的優點。
  6. 與現階段開發團隊共同討論,選擇合適的解法:距離、人體感知、電量。

2. 觸感回饋 ( Haptic ) 延展性虛擬鍵盤

運用多點觸控方式定位鍵盤上的「F」、「J」的位置,作為其他按鍵的核心標準,使鍵盤大小隨著不同使用者的手型而有所客製化的改變。讓使用者直覺透過模擬實體鍵與鍵之間距離,感知直接找到相對應的鍵。

3. 線下工作坊轉型

疫情期間,機具實作課程停擺沒有學生沒有收入。借鏡設計線上討論工具進行轉型。強化營運彈性,重整學習體驗。保留實體課程共創快樂過程,增加創意發想的豐富自由度,維持課程營運及提升空間、機具使用度。模擬實體課程,在家重現實體材料及設計。課後透過線上快閃店方式發表作品、設計線上頒獎活動,先寄發實體獎狀並建立虛擬灑花歡呼,建立頒獎儀式感。讓數位轉型不是工具上的改變,而是整體經營模式的轉變。

4. IoT 智能家庭體驗設計

大眾對物聯網(Internet of Things, IoT)的想像是物件連上網自行開派對?比起讓物件可以連上網,提供的服務及創造的體驗更為重要。

物聯網傳輸溝通運作方式,使用者懂嗎?使用者的想像手機是否能直接操控空調?紅外線手機?需要橋接器?雲端服務?科技及商業目標引領了 IoT 的發展,在多樣使用者情境、設備及互動介面下,更需要溶入使用者體驗的精神,了解使用者實際使用情境,完善 IoT 的服務體驗設計。

帶著直覺全面性的收集資料。快速熟悉主題,別擴展太寬或關注太小,瞭解業務、技術和設計所服務的主體。瞭解全世界領導者的廣告背後推動產品的產業趨勢脈動。從宏觀全局的角度俯瞰專案範圍人事物、情境,發現有機會點就深入細節,瞭解反覆抽離,重新看全局再深入,在限制內達到有信心的成果。預測生態圈的廣度,產品線可能在兩年內可能發展的產品先找出來。

制定使用體驗設計原則:協助制定產品與使用者溝通的各種接觸點,從大至品牌形象、包裝、操作平台、各產品 onboarding 流程、燈號、各系統互動、介面及視覺、文案一致性。

・・・

邏輯會帶你從A點到達B點,想像力將把你帶到任何地方”
Logic will get you from A to B. Imagination will take you everywhere.”
— Albert Einstein

▍ 給想踏入產業的自我修練建議

  1. 實地考察:親身體驗、感官衝擊、細膩設計
    例如:醫療場域體驗研究報告對於冷或氣味,很難描述出來。需要實地考察解決五感體驗問題,而不只是場域動線問題。
  2. 生活中的角色扮演增加新的心智模式
    透過實際使用這些產品,模擬這群使用者的生活型態。
  3. 探索單一元素的多元設計方式
    姿勢/手勢辨識及設計是一種非語言的表達方式,通常會透過手臉或身體動作共同組成。像是 Nintendo Switch Ring Fit Adventure 透過非直接的影像辨識,而達成辨識姿勢目的。
  4. 雜食並快速實作各種科技及設計
    實作才能更深刻學習到新領域的專業知識、名詞、方法。先做再說,勇於嘗試各種解法、快速假設、快速原型、快速測試,實作過後換個角度看科技和產品之間的關聯性。
  5. 向各功能夥伴學習,定義產品功能及操作模式
  6. 鳥瞰全局相關資訊
    用鳥瞰視角去觀察現在所做事的局,全貌的樣子,像是元件與功能關聯圖、數位產品設計流程。
  7. 彈性調整協作方式,快速使創意發生
    設計與開發幾乎視並行的。設計師更重要知道除了需求外的事情,擔任更重要的說情境故事的角色,把跨部門團隊的專業整合在一起。在使用情境定調後,思考跨部門會使用到的技術,有助於溝通及發想,越是複雜情境,直接表達更有助於討論。
  8. 框架出優化產品的工作模式
    透過任務連續性、操作重複性、操作複雜性、反應狀態、觸發方式、資訊隱私。分析場域中的使用行為,透過運算的方式了解使用者背景及情感與環境事物的互動,進而產生價值。
  9. 產品創新的綜合思考
    關鍵意義:找到使用者及市場中的需求平衡點。
    互動形式:探索及發想各式科技的應用連結點。容易使用:減少學習成本,降低客訴提升品牌力。
  10. 抽象意義快速轉譯具體解方

理想中的設計專案可能是一塊一塊慢慢拼湊,但事實上真的有可能不知道自己在拼湊什麼?Framing your challenge. 擁抱環境限制、限制時間、人力資源、個別洞見等諸多限制,從中找到共創的平衡點,用設計來創造最大價值!

・・・

vocus|新世代的創作平台
  • 主題:從 IxDA 看世界互動設計的發展
  • 講者:李德俊 | IxDA Taiwan 台灣互動設計協會副理事長&前理事長
  • 時間:Nov. 3, 2023
  • 地點:國立臺灣科技大學


留言
avatar-img
林位青的沙龍
303會員
91內容數
Biz.Tech.UX
林位青的沙龍的其他內容
2026/04/07
本文整理自李鈺惠 Gina 於國立臺灣科技大學的講座《如何管理客戶體驗達成營收增長》。講座深入探討瞭如何透過以客戶體驗為中心的商業模式,結合用戶洞察,在有限資源下推動企業永續增長。聚焦於情緒價值、用戶洞察、客戶畫像、客戶體驗策略規劃,以商業視角闡述客戶體驗管理。強調第一線員工是解決客戶問題的寶藏。
Thumbnail
2026/04/07
本文整理自李鈺惠 Gina 於國立臺灣科技大學的講座《如何管理客戶體驗達成營收增長》。講座深入探討瞭如何透過以客戶體驗為中心的商業模式,結合用戶洞察,在有限資源下推動企業永續增長。聚焦於情緒價值、用戶洞察、客戶畫像、客戶體驗策略規劃,以商業視角闡述客戶體驗管理。強調第一線員工是解決客戶問題的寶藏。
Thumbnail
2026/01/04
本文綜合用戶體驗設計講座心得,提煉出設計師應具備的五大關鍵技能:溝通能力(同理心溝通、黃金圈)、設計能力(設計流程、邏輯、細節)、時間項目管理(預估、排序、遠距協作)、成長型思維與影響力(分享、學習、建立標竿)、領導力(協調、賦能、分享舞臺)。幫助設計師提升專業能力,更好應對職場挑戰,推動產品成功。
Thumbnail
2026/01/04
本文綜合用戶體驗設計講座心得,提煉出設計師應具備的五大關鍵技能:溝通能力(同理心溝通、黃金圈)、設計能力(設計流程、邏輯、細節)、時間項目管理(預估、排序、遠距協作)、成長型思維與影響力(分享、學習、建立標竿)、領導力(協調、賦能、分享舞臺)。幫助設計師提升專業能力,更好應對職場挑戰,推動產品成功。
Thumbnail
2025/12/21
本文彙整了參與《我看到的用戶體驗設計的發展》講座的心得與筆記,由KKday UED B2C Team Lead 楊采妮分享。內容涵蓋軟體科技產業從專才到通才的轉變、UI Designer 到 Unicorn Designer 的職稱演進、開發模式的敏捷化、協作工具的應用,以及工作型態的彈性化。
Thumbnail
2025/12/21
本文彙整了參與《我看到的用戶體驗設計的發展》講座的心得與筆記,由KKday UED B2C Team Lead 楊采妮分享。內容涵蓋軟體科技產業從專才到通才的轉變、UI Designer 到 Unicorn Designer 的職稱演進、開發模式的敏捷化、協作工具的應用,以及工作型態的彈性化。
Thumbnail
看更多
你可能也想看
Thumbnail
為什麼瀏覽器一直問你 Cookie 要不要開? 你一定看過這種提示:「我們使用 Cookie 優化使用者體驗,是否允許所有 Cookie?」 這不是在煩你,而是在問你:願不願意讓網站在你的瀏覽器裡「留下記號」,記住你是誰、你做過什麼。 這些「記號」就是 Cookie,它是瀏覽器儲存資料的一種方
Thumbnail
為什麼瀏覽器一直問你 Cookie 要不要開? 你一定看過這種提示:「我們使用 Cookie 優化使用者體驗,是否允許所有 Cookie?」 這不是在煩你,而是在問你:願不願意讓網站在你的瀏覽器裡「留下記號」,記住你是誰、你做過什麼。 這些「記號」就是 Cookie,它是瀏覽器儲存資料的一種方
Thumbnail
本篇提出虛擬設施以及結合都市既有設施的想法。利用攝影機是街道的眼睛,攝影機的存在除了讓沿街面店家的安全得到保障,路人也因為受到監視而感到安全。筆者希望透過街頭攝影機、姿勢追蹤等科技,創造MR互動裝置,形成都市感知輔助的虛擬設施。本篇文章想針對攝影機如何捕捉骨架、將實體環境偵測點加入現階段建築學子使用
Thumbnail
本篇提出虛擬設施以及結合都市既有設施的想法。利用攝影機是街道的眼睛,攝影機的存在除了讓沿街面店家的安全得到保障,路人也因為受到監視而感到安全。筆者希望透過街頭攝影機、姿勢追蹤等科技,創造MR互動裝置,形成都市感知輔助的虛擬設施。本篇文章想針對攝影機如何捕捉骨架、將實體環境偵測點加入現階段建築學子使用
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
不追求龐大規模,而是探索著如果只有一個人,如何能把事情做好。創立 DML 工作室後,在沒有資源與案源的掙扎中走出新路。這一次,跟著何樵暐老師在創業、教學、商業案與自我成長裡,看見他身為實踐者,執著做著喜歡的事。
Thumbnail
不追求龐大規模,而是探索著如果只有一個人,如何能把事情做好。創立 DML 工作室後,在沒有資源與案源的掙扎中走出新路。這一次,跟著何樵暐老師在創業、教學、商業案與自我成長裡,看見他身為實踐者,執著做著喜歡的事。
Thumbnail
透過Google Sheet、GitHub Pages和LINE Messaging API,打造炸蝦狗狗LINE官方帳號的互動式圖文選單,讓粉絲每天都能抽到一張隨機插畫及文字,提升粉絲參與感與黏著度。此篇文章詳細記錄了設計流程、工具運用及粉絲回饋,分享如何以免費資源創造有趣的社群互動體驗。
Thumbnail
透過Google Sheet、GitHub Pages和LINE Messaging API,打造炸蝦狗狗LINE官方帳號的互動式圖文選單,讓粉絲每天都能抽到一張隨機插畫及文字,提升粉絲參與感與黏著度。此篇文章詳細記錄了設計流程、工具運用及粉絲回饋,分享如何以免費資源創造有趣的社群互動體驗。
Thumbnail
這篇文章專為台北市人機互動設計師 (IxD) 打造,解析如何透過「台北市企劃經理人職業工會」優化職涯保障。內容強調設計即企劃的專業定位,並詳列免扣 2.11% 二代健保、政府補助 40% 保費及勞保級距年增 15% 等核心優勢,助您將專業實力轉化為最高退休年金。
Thumbnail
這篇文章專為台北市人機互動設計師 (IxD) 打造,解析如何透過「台北市企劃經理人職業工會」優化職涯保障。內容強調設計即企劃的專業定位,並詳列免扣 2.11% 二代健保、政府補助 40% 保費及勞保級距年增 15% 等核心優勢,助您將專業實力轉化為最高退休年金。
Thumbnail
利用影片片段安排要控制的動畫內容,包括圖片切換顯示動畫,以及各個設定互動控制的按鈕元件,再搭配正確的互動控制程式碼片段,即可完成具動畫效果的動態產品介紹互動設計。  Step1. 點取介紹內容並設定實體名稱『all_mc』。 進入到全部內容元件內,點取上方介紹內容設定實
Thumbnail
利用影片片段安排要控制的動畫內容,包括圖片切換顯示動畫,以及各個設定互動控制的按鈕元件,再搭配正確的互動控制程式碼片段,即可完成具動畫效果的動態產品介紹互動設計。  Step1. 點取介紹內容並設定實體名稱『all_mc』。 進入到全部內容元件內,點取上方介紹內容設定實
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
哲宇剛從紐約大學研究所畢業,目前執行新媒體藝術相關事項,在台灣經營墨雨設計工作室來接設計與動態網頁開發相關案件,也有開設線上課程,以程式語言為基礎分享一些有趣的互動開發。
Thumbnail
哲宇剛從紐約大學研究所畢業,目前執行新媒體藝術相關事項,在台灣經營墨雨設計工作室來接設計與動態網頁開發相關案件,也有開設線上課程,以程式語言為基礎分享一些有趣的互動開發。
Thumbnail
多數 EMI 課堂面臨的真正難題是:「學生不是聽不懂英文,而是跟不上課程的節奏。」Z 世代學生習慣多媒體、短影音與即時回饋的學習模式,但傳統課堂仍以線性、單向講授為主.......
Thumbnail
多數 EMI 課堂面臨的真正難題是:「學生不是聽不懂英文,而是跟不上課程的節奏。」Z 世代學生習慣多媒體、短影音與即時回饋的學習模式,但傳統課堂仍以線性、單向講授為主.......
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News