| 點擊標題可快速至該月份查看 |
2022
College for Creative Studies 111 年度|產品組|鄭博允 國立臺灣科技大學設計系
September October November December
2023 January February March April May June July August 成果展紀實
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
September.2022
▼ CCS 101 - CCS 入門課▼ 【 CCS 的多元設計主修】
College for Creative Studies (以下簡稱 CCS)是一間純設計與藝術的學校,主修非常多元、把設計分 得很細,甚至許多在台灣不常見的科系,在 CCS 也是獨立的主修,例如: Color & Materials Design、 Interdisciplinary Art + Design、Game Design、Ceramics、Entertainment Arts 等等,特別值得一提
的是 CCS 的 Transportation Design 是在美國非常有名的科系,歸因於 CCS 位於汽車大城 Detroit 又與
Ford 有著長期合作關係,因此許多學生都慕名而來進入 Transportation Design。對科系內容有興趣可
以查閱 CCS 官網: https://www.collegeforcreativestudies.edu/academics/undergraduate-programs/ 【 CCS 的 UX 課程規劃】
我的主修是研究所的 User Experience Design,也是今年 CCS 新開的 program(由 Systems Design Thinking 和 Interaction Design 整併而來),上學期課程安排如下:
• User Interface Design:課程內容教育學生如何實踐 UI 流程、了解在不同公司常用的不同開發流程、 使用 UI 軟體教學等等。
• Human Factors:內容包含人因工程、教育學生以科學角度探討人類行為、了解如何進行使用者研究、 講述設計心理學等等。
• Graduate Seminar:教育學生如何研讀論文、如何分析與反思學術文章、在課堂中討論不同觀點 • UX Design Studio:課程內容包含網頁程式設計、學習如何寫 HTML、CSS、Javascript 等等,未來 也教育如何使用 Arduino 產出 working prototype
• Fashion Fundamentals - Apparel:(個人選修)本學期主要教學生所有基本縫紉技巧,以及如何從 0 到 1 設計與製作裙子,還有在時尚產業工作的基本知識
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
【 CCS 的學習風氣】
以我這四週的觀察淺見,對 CCS 的學習風氣跟以往有些不一樣的感受:
• 學生特質:大多數學生比較願意主動發言,不吝於發表自己的看法,老師也重視與學生一來一往的互 動,師生關係處於亦師亦友的狀態。
我們 UX 主修基本上都是外籍生,只有一個美國人,所以上課會聽到各種不同口音的人說話,伊朗、墨西 哥、韓國、印度、法國、奧地利等等,是非常多元的學校。
CCS 的學生幾乎都非常認真(可能因為作業也不少),所以幾乎每天都會看到大家晚上或半夜待在 studio 做作業,整體的學習風氣蠻好的。
• 課堂時間:就課堂時間而言,也有很大的不同,一堂課有可能長達 6 小時,其中包含大量的課堂實作,
也因為有許多業師的關係,課程很多都是開在下班時間之後,所以 4pm - 6pm 與 7pm - 10pm 的課居多。 • 實作練習:以作業的部分而言,每週的作業量算是重的,包含實作,與大量的文本閱讀,也因為一學 期只有三個月(12 週)的關係,進度非常緊湊,從第一週開始作業與學習量就蠻大的。
• 設計資源:CCS 的設計資源非常豐富,例如一整間的電繪版繪畫室、縫紉室、織布室、Gravity sketch 等等,可以讓學生用好的工具,然後專心在設計上。 【CCS 101 - 課後真心話】
位於 Detroit 的 CCS 擁有許多在地資源,時常有免費的票可以蹭(當然要蹭好蹭滿 XD),例如有招待的
Auto show 票、職棒的票、歌劇院的票等等;另外 Detroit 也是相當文藝的城市,有許多美術館可以參觀, 是 CCS 的學生的話,幾乎都可以免費進場,像是 Museum of Contemporary Art Detroit 也是從 CCS 步行 可達的小美術館;軟體部分也是很多免費的可以蹭,例如原本就有免費的全套 Adobe,最近又有免費的 Grammarly 專業版可以蹭,總之學校有非常多資源可以多多運用。
食物的部分,由於美國餐廳相較於台灣物價並不便宜,有時可能需要自己下廚,因此如果想自己下廚的 話,在選宿舍的時候可以早點選,比較有機會選到有廚房的 Art Center Building 的宿舍(思鄉的時候也 可以自己煮泡麵 XD)。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
User Interface Design 第 一 次 課 堂 發 表 - 設 計 提 案 & 發 想
Graduate Seminar 課堂討論 - 學術文章導讀與討論
UX Design Studio 課堂解說 - 解說本學期學習的程式語
Fashion Fundamentals - Apparel 基本裙型模板 - 練習測
Fiber & Textiles 工作室 - 一整間的織布室
Auto Show 展品 - 一年一度的 Detroit 汽車展,對交通設
MindMap 解說
言,以及使用的硬體
量 model 下身數據,並用紙張進行裁剪製作基本裙型模板
計主修的學生是一個很不錯的靈感來源
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
Detroit Opera 的外廳 - 參加科技與歌劇結合的歌劇秀 The
Museum of Contemporary Art Detroit (MOCAD) 的展覽 -
Detroit City 一隅 - 在 Detroit Downtown 閒逛的照片,
和朋友們一起在 Detroit 散步 - 前往 Detroit 的 Eastern
Valkyries,科技是和 CCS Entertainment Art 的校友合作
CCS 攝影系的學生也常常需要在市區取景
Paradox of Harmonics 其中之一的展品
Market 路上,參加 Detroit 設計月的活動
October.2022
▼ CCS 102 - Midterm 期中▼ 【 UX program 的課程內容】
上篇提到我的主修是 User Experience Design,也介紹了每堂課的課程安排,從開學到現在經過八週的 課程洗禮,可以大致介紹一下個別課程在做什麼:
• User Interface Design:前八週課程包含一個自選主題的 UI 再設計專案、訪談程式設計師、研究新科 技趨勢與設想這項科技的 UI 應用。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
• Human Factors:這堂課學習人因工程相關知識,包含認知心理學 (Cognitive psychology)、人體工 學 (Ergonomics)、體化認知 (Embodied cognition)、空間行為 (Proxemics)、感知 (Perception),以及 開始做期末專案。
• Graduate Seminar:在這堂課中,老師們會帶領學生討論社會議題,例如快時尚的勞工剝削、廣告 與個人化與女權等等,也就近參訪非裔美國人的歷史博物館。
• UX Design Studio:前兩個月的課程主要在教學如何用 Html、CSS、javascript 寫出網頁,包含建立
個人自我介紹網頁、以 Html、CSS 程式寫出可重複產出不同海報的海報公版、如何使用 API 連接資料庫 自動生成公版框架的資訊欄。
• Fashion Fundamentals - Apparel:(個人選修)從剛開始教學如何使用縫紉機 JUKI 8700、到如何 測量下身尺寸、基本裙型打版、與各種不同縫份縫法教學。 【 CCS 的期中】
CCS 秋季學期的期中大約落在 10 月中左右,這學期的期中我有兩個比較重的課,第一個是 User
Interface Design 的 UI 再設計專案,另一個是 Fashion Fundamentals - Apparel 的期中,需要做出一件 完成的裙子,以下分別講解兩個期中做的事: • User Interface Design:
第一個大作業 - UI 再設計專案,我選定的設計是東亞地區常用的冷氣遙控器。這項專案總共分五週完成: 第一週:選定主題,進行 elevator pitch(電梯簡報);第二週:做出簡單的 wireframe 進行概念討論; 第三週:根據老師與同學的回饋,迭代設計概念;第四週:提出 GUI 提案;第五週:最終發表。 • Fashion Fundamentals - Apparel:(個人選修)
根據課堂所學在兩週內完成一件自己設計的簡單裙子,工作內容包含:丈量模特尺寸、打版、設計裙型、 做 prototype 試驗、剪裁縫紉、收邊。 【 CCS 的 UX 設計特色】
CCS 的 UX 設計特色跟以往接觸過的 UX 學習體系有比較不一樣的方向,比起設計本身,CCS 也重視如何 應用科技:首先從課程規劃中可以看到,一年級下學期有堂課的課程名稱是 Artificial Intelligence,可以 推論 CCS 希望建立有 AI 基礎知識的未來 UX 設計師。而就這學期的課程而言,UI 課除了建立 UI 基本知
識,也注重新科技的發展,例如其中一堂課,教授請大家找不一樣的未來科技,並說明這是什麼科技? 本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
原理是如何運作?什麼時候上市?目標受眾?並且自己設想一個可能的 UI 應用情境;另一堂課中也請
我們訪談不同語言的程式設計師,在課堂分享、討論不同職位或語言的程式設計師的工作內容、如何與 UI 設計師合作、對 UI 設計師的期待等等,希望設計師從了解程式設計師來漸少合作阻礙。最後是 UX
Studio,此課程為一週 6 小時的主課,這學期也是在學習程式語言,html、css、javascript ,希望我們 能夠加深對程式設計的認識,除了了解程式的運作原理、降低與程式設計師的隔閡,也期望我們能用簡 易的程式打造簡易的 working prototype。 【CCS 102 - 校園生活】
十月的底特律,就可以很明顯的感受到秋天的氛圍,校園中的楓葉都已經明顯轉紅,終於感受到四季了! 先介紹一下 CCS 的校園:CCS 共有兩個校區,分別是 Ford campus 和 Taubman Center。Ford campus
像是一個小校園,有好幾棟建築、綠地、圖書館等等,上次提到有廚房的 ACB 宿舍也是在這個校區,很 多戶外學校活動也都是辦在這個校區,例如萬聖節的小活動 S’more Party;Taubman Center 則是一
棟巨大建築,一半是教室,一半是宿舍(沒有廚房的 XD),但研究所的課幾乎都在這棟建築裡,工作坊 類型的活動都會辦在這邊,例如 Risograph Printing(孔版印刷)工作坊、設計與氣候變遷論壇。兩個
校區大約是 15 分鐘的路程,不過 CCS 24 小時都有提供接駁車,接送學生往來兩個校區,所以做作業做 到凌晨雖然很慘,還是可以安全地搭接駁車回宿舍。
Human Factors 專 案 討 論 - 分 析 議 題、 設 計 訪 談 與 Persona
User Interface Design 的 UI 再設計專案 - 最終發表成品
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
User Interface Design 最終發表 - 同學們依次上台最終發
Fashion Fundamentals - Apparel 期中 - 自己設計的基本
User Interface Design 的訪談 - 了解程式設計師工作型態、
UX Design Studio 的海報公版 - 用 Html 與 CSS 寫出海報
CCS 校園一隅 - Ford campus 的秋天景色,許多設計與學
S’more Party - CCS 的校園活動,學生可以在這裡烤棉
表,並由教授與同學進行回饋
與 UI 設計師合作方式
校活動都會在這個場地舉行
裙子
公版的程式
花糖夾餅乾,讓不同科系的人可以互相認識交流
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
Risograph Printing(孔版印刷)工作坊 - 每個月會舉行的 Riso 工作坊,讓學生體驗孔版印刷的過程與效果
111 年度產品組
設計與氣候變遷論壇 - 在學校展演廳舉辦的設計與氣候變 遷論壇,邀請學生與專家進行主題交流
November.2022
▼ CCS 103 - CCS ▼
【 職涯導向的 CCS 】
CCS 位在 Detroit,在美國算是緯度偏高的城市,所以冬天來得又早又長,住在密西根州的當地人都說這 邊的冬天大約從 11 月左右開始,一直到明年的 4 月中,聽說最冷會到零下 20 幾度,所以 CCS 校園也開 始變成雪白色的,跟上個月的楓葉景差很多。也因為慢慢進入到學期後半,開始越來越多跟職涯相關的
活動,尤其是幾乎每週都有 Company Presentation(企業說明會)。Company Presentation 是各個公 司會來學校(或是線上)向學生們介紹他們公司,以及開的職缺,或是預計招募哪些種類實習,有些公
司還會留時間幫學生 Portfolio Review(作品集點評),來訪公司包含 Ford、Tesla、General Motors、 Amazon、Rocket 等等,算是不錯的機會了解不同公司,還有迭代作品集,或是來吃免費午餐 XD 【 UI 課程的期末專案】
之前提到我的主修是研究所的 User Experience Design,其中一堂主課 User Interface 開始做期末專
案,內容基本上跟一般的設計專案沒什麼不同,找題目做 UI 設計,我們這組選定的題目是 Agile Project Management Application(敏捷開發工具),是一個 B2B 的產品,產品目標為協助進行敏捷開發的公 司進行專案管理,以下是目前的專案進度說明:
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
• 使用者訪談:在做完 Desk Research( 桌面研究 ) 之後,我們大概瞭解了敏捷開發的概念,但是對於真 實的使用情境並不了解,所以我們訪談了 PM、設計師、工程師,了解每個角色在進行敏捷開發不同的 使用情境與痛點。
• 從訪談結果整理出使用情境與流程:完成使用者談後,我們透過訪談內容,梳理出每個角色不同的使 用流程與觸點,與一個 sprint 的完整歷程。
• Wireframe:根據歷程與角色的不同繪製 Wireframe。後續規劃包含 GUI 設計與使用者測試,下回揭 曉。
【 Human Factor 課程的期末專案】
另一堂課 Human Factor 的期末專案是要為一個族群文化,在某個情境下進行設計。基本上流程也跟平
常的設計專案沒什麼不同,我們這組選定的主題是「聽障友善的演唱會」,以下是目前的專案進度說明: • 背景研究:由於我們不熟悉聽障文化,所以我們先進行 Desk Research,了解聽障族群的生活方式、
娛樂方式、溝通邏輯等等,接著再去了解為什麼人會喜歡去演唱會,最後再探討聽障人士在演唱會的體 驗方式與痛點。
• 建立 Persona:由於專案時間只有六週左右,我們無法實際進行訪談,所以我們根據訪談節目中有關 聽障人士參與演唱會的內容,描繪出兩個不同年齡層與個性的 Persona,作為設計材料。
• 設計發想:根據先前的背景研究與 Persona,訂定出研究目標:How might we help deaf people
enjoy live concerts? 我們如何幫助聽障族群享受演唱會?並以此目標最為發想主軸,進行設計發想。 後續規劃包含設計產出、prototype 製作、最終發表,近請期待下集。 【CCS 103 - 課後生活】
前兩篇有介紹過 CCS 的資源與 CCS 的校園生活,這次來介紹 CCS 的課後生活 XD 對於短期留學生來
說,買車不是很划算,所以大部分都需要依賴大眾運輸移動。CCS 位於 Detroit 的 Midtown,所以離最 熱鬧的市區 Downtown 有一段距離,平常想要從學校到市區逛逛、或是去超市購物,可以搭免費的接
駁車 QLine(未來可能會收費 TT),以 QLine 的行駛速度大約 20 - 30 分鐘的車程,到最近的連鎖超市 WholeFood 只要 10 分鐘車程,也可以步行前往,不過 WholeFood 算是比較高級的超市,價格也會比 較高,但總比一直叫 Uber 或外食便宜 XD
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
關於上課需要使用的設計工具與材料,可以在學校解決,上篇提到的一個校區 Taubman Center 有自己 的 Bookstore 會販售,但選擇比較少,這時候就可以依賴 Amazon,便宜又快速,幾乎生活上、課業上
的所有東西都可以在 Amazon 上買,而且學生有免費半年的 Amazon Prime 會員,有些急用的設計工具 可以比較快收到,偉哉美國物流產業。
冬天的 Ford Campus 校區景色 - 每天從宿舍走到接駁車途
Company Presentation 企業說明會 - Amazon 針對 CCS
Interview for UI Project - UI 專案的使用者線上訪談
Wireframe for UI Project - UI 專 案 在 進 行 迭 代 的
中看到的校園景色
學生的線上企業說明會
Wireframe
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
User Flow of UI project - 根據訪談結果梳理出使用者流程
Group Discussion for Human Factor Project - 人因工程
Personas for Human Factor Project - 人因工程團體專案
Dress Design 製作過程 - 根據自己設計的草圖,為期末裙
Ford 校區的 WB 建築 一隅 - 大學部的織品系、攝影系、視
The Art Institute of Chicago 芝 加 哥 美 術 館 - 趁
作業,根據線上的訪談影片整理出的目標族群人物誌
覺傳達系的上課地點
團體專案的開會情形
子打版
Thanksgiving 假期去芝加哥美術觀參觀
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
December.2022
▼ CCS 104 - 期末▼ 【 CCS 期末 】
CCS 的上半學期(Fall semester)時間很短,從 9 月初到 12 月中,總共 3 個半月而已,因此課程相當緊 迫,雖然 10 月底才剛結束期中,但各個課程的期末作業就緊接著在 12 月開始輪番上陣,整個 12 月都 處於非常忙碌的階段,基本上每天都看得到各個科系的同學在水深火熱。 【 UX 研究所各個課程的期末成果 】
我們 UX Program 的期末作業包含:UI 課程的團體設計專案、Human Factor 的期末專案報告、UX 課程
的網頁程式設計、Graduate Seminar 的期末小論,還有選修的服裝設計。在這邊介紹專案規模比較大的 UI、Human Factor、Fashion Design 的期末。 【 UI 課程的團體設計專案 】
上篇提到我們這組選定的設計題目是 Agile Project Management Application(敏捷開發工具),介紹了 產品目標:協助實行敏捷開發的公司進行專案管理;使用者訪談與脈絡分析結果:梳理出設計師、PM、 開發人員、CEO 不同的使用流程與觸點,與一個 sprint 的完整歷程。
• 高擬真 Wireframe:我們將初步 Wireframe 的細節做得更完整,並且做成可互動的模式,以利我們展 示概念,例如完善每個按鈕對應的跳轉頁面、跳轉方式,以及每個功能的步驟。
• GUI 設計:我們嘗試了五種不同 GUI,與教授討論什麼概念的視覺設計比較理想,最後選定的 GUI 風
格判斷標準為:既符合使用者經驗的習慣(與大部分市面上的 APP 相同邏輯),又在小細節上做出區別, 做成最終版本的 prototype。全部完成設計之後,將前期研究的過程以及結果導入最終報告中,完善整 個專案發展的邏輯。
【 Human Factor 課程的期末專案 】
上篇提到我們選定的主題是「聽障友善的演唱會」,也講述了相關的背景研究,例如聽障族群的生活方
式、娛樂方式、溝通邏輯等等,再根據桌面研究資料建立 Persona,最後根據 Persona 訂定研究目標: How might we help deaf people enjoy live concerts? 我們如何幫助聽障族群享受演唱會?
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
• 設計發想:我們根據研究目標,發想聽障友善的演唱會的服務設計,最後收斂出 8 個概念,包含視覺 化聲音的方式、擴大震動在使用場景的比例、利用光影與氣流等等輔助視覺效果等等。
• prototype 製作:我們從學校攝影棚租借了道具,模擬演唱會場景的一角,進行最終概念的投影與報 告解說。
【 Fashion Design 期末專案】
Fashion Design 的期末專案,需要依照前半學期的所學,繪製並做出一件裙子或連身裙,過程包含概念 發想、草圖繪製、打版、製作 prototype、最終成品與拍攝,以下將逐一介紹詳細執行內容:
• 概念發想:在最一開始,大家會被要求尋找一個主題概念,並收集至少十張圖作為 moodboard 呈現 概念,我選擇的方向是比較偏未來科技感。
• 草圖繪製:這個階段,教授請大家根據自己的主題繪製三種不同的概念草圖,每張草圖包含前視圖、 側視圖、後視圖,最後再與教授討論要保留哪個設計概念。
• 打版:在打版階段,會根據選定的設計概念,分成上下半身打版(如果選擇連身裙才需要做上半身), 由於每個人的設計不同,所以製作出來的版也會很不同,例如我的設計是從腰部展開呈現立體的弧形, 因此前後的版就必須製作再一起才不會有縫線,也因為從腰部以下展開,就不需要特別貼和臀部弧線, 只需要注意腰身符合正確尺寸。
• 製作 prototype:在打完版之後,就會根據版型製作 prototype(常用來製作 prototype 布料為
Muslin,是一種白米色的細紋布料),目的在確認打的版型是否理想,也可以在這個階段調整版型,確 保用最終布料的時候是正確的設計。
• 最終成品與拍攝:確認完 prototype 是理想中的設計之後,就會用真實的布料來製作最終成品,我選 的布料是太空棉、holographic fabric、PVC 來呈現未來科技感。成品完成之後,會請 model 穿上,到 攝影棚拍棚拍照。
【CCS 104 - 冬季生存法則】
CCS 所處的 Detroit 是一個相當冷的城市,剛入冬的溫度基本上都維持在個位數到零下幾度,所以出門
都要包得很腫。最怕的是風很大的日子,在這邊看氣象不只要注意溫度,也要注意是否有強風,只要風 一大,冷度都會跳一個階層,需要盡力把皮膚露出來的地方遮住,不然真的會感受到寒風刺骨。 本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
跟台灣很不一樣的地方是,Detroit 的室內幾乎都有暖氣,一進到室內就會想要把身上的大衣都脫掉,因 此在這邊洋蔥式的穿搭就很重要,所以我每天都穿兩件褲子,一進到室內就只留下短褲 XD
CCS 在 Ford 校區的器材租借室 - 可以租借攝影器材
Human Factor 期末報告討論與組員進行期末報告的討論
CCS 的 校 園 擺 攤 - 12 月 初 的 小 市 集, 從 Detroit
美術館前的冰雕藝術 - 在學校附近的美術館前,有冰雕藝
downtown 一直延伸到 midtown 跟 CCS
術活動,由於氣溫介於個位數到零下之間,冰雕作品可以 在室外維持很久
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
Human Factor 期末報告 - 各組分享做出的實體流程展示
大學部汽車設計系的期末展會在禮堂展示成果作品
Fashion Design 期末作品攝影過程 - 完成最後的連身裙設
Fashion Design 的期末作品 - 在攝影棚拍的期末連身裙
UI Design 的期末成品 - 敏捷開發 app 的畫面其一
Human Factor 的期末成果 - 聽障友善的演唱會的服務流
計後,教授會找 model 來幫忙拍攝作品
程概念設計
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
January.2023
▼ CCS 201 - CCS 下半場▼ 【CCS 冬季學期】
相較於其他國家的學校來說,CCS 的下學期很早開學,課程從 1 月 9 日就開始了。之前有提到 Detroit
的冬天非常長,所以整個一月,有很長一部分時間在下雪,甚至有一兩週的均溫都在零下 10 度左右, 因此也終於體驗到,因為下很多雪而停課的天氣假。CCS 的一月有個重要的日子 - Industry Day,跟我
們認知的企業校園徵才剛好相反,學生們會展出自己的作品與履歷,企業徵才人員會像參觀攤位一樣, 看到有興趣的學生作品再上前進一步的了解,對於學生來說,是個很好的機會拿到實習或是正職的面試 門票。
【下學期 UX 課程規劃】
下學期的 UX 課程,相較上學期更著重在 Research 的部分,除此之外也開始跟傳統的 UX 課程不一樣了,
像是科技相關的課程比例增加,例如主要的 studio 課變成 Artificial Intelligence 和 VR & Unity 相關課程, 個人覺得還蠻有趣的,獲益良多,下學期課程安排如下:
• UX Research:課程內容教育學生如何執行設計研究、了解世界趨勢、如何釐清研究問題、如何清楚
描繪設計機會等等。這學期研究的主題為「食物安全」,研究的範圍包擴供應鏈、食安趨勢、零售方面 等等。
• Artificial Intelligence:內容包含 AI 的兩種類別 Machine Learning(機器學習) 和 Deep Learning(深 度學習)的不同、檢核 AI 成效的 Turing Test(圖靈測試)、製作 ChatBot(聊天機器人)等等。
• Final Project:研究生版的畢業製作。我選定的主題是腳踏車手的膝蓋過度使用議題,目前在研究階 段,做了一些桌面研究與訪談。
• UX Studio:如何使用 Unity 製作 VR 遊戲,包含場景建立、動畫模擬、動作指令的程式撰寫。 • Design Thinking:Design Thinking 起源、如何使用 AEIOU 框架觀察紀錄(活動(A,Activities), 環 境(E,Environments), 互動(I,Interactions), 物品(O,Objects), 使用者(U,Users))、如何 梳理 insights 等等。這學期的主題分為兩種,第一個是「如何讓兒童提升閱讀意願」,第二個是「如何 設計科技產品給年長者」,我們這組選定的主題是後者,目前進行到觀察階段。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
【CCS 201 - 亞洲食物補帖】
Detroit 不算是非常大的城市,承如前幾篇提到只有一條免費的輕軌 QLine 通到 Downtown,所以店
家不是非常多,相對的亞洲食物就更少了,思鄉的時候選擇不多 XD。以前在台灣照三餐喝手搖,現在 離學校步行能到的珍奶店就只有兩間,一間叫 Tou & Mei 也會賣一些日本零食,另一間是台灣的老品
牌 Quickly,老人如我才會聽過這間「快可立」,來這邊交換的台灣學弟妹都不知道了(拭淚),這間
Quickly 在附近的 Wayne State University 的學餐裡(他們學餐很多不錯的連鎖餐廳,好羨慕);買食材
的部分,如果有車或蹭的到車的話,可以去車程 20 分鐘的中超 「168」會有很多華人品牌的食物,沒有 車的話可以叫外送,像是 Weee 就是專門做亞洲超市外送的平台,另外亞米網在美國也算是很有名;餐
廳的部分,我只知道學校附近有一間中式餐廳「香滿樓」,味道算是很接近中式了,很想念炒飯那類的 時候,可以去。
UX Studio 的 Unity 教學 - Unity 的開發環境、參數運用
VR 初體驗 - 同學在課堂上體驗 VR 遊戲,熟悉 VR 的應用
UX Research 課堂解說介紹本學期的研究議題食物安全
Industry Day - 與貴賓講解作品
環境
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
Industry Day 場地 - 包含產品設計、材質設計、汽車設計
Final Project - 同學報告自己的專案進度
ChatBot 製作 - 在 AI 課中,練習做的學校接待處 ChatBot
Design Thinking 課堂小活動 - 老師讓每個人用畫圖的方
等科系參展
式各自詮釋「你如何做吐司?」,再兩倆合作,統合出結 合兩個概念的成果
Design Thinking 課堂小活動 2 - 每個人將自己包包的東西
擺在桌上,老師藉由觀察的方式,帶領我們透過隨身物品 思考每個人的個性
冬天校園一隅 - TC 校區積雪的樣子,是通勤學生每天的必 經之路
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
February.2023
▼ CCS 202 - CCS 下學期課堂內容說明▼ 【CCS 的天氣】
新學期也過了快一半了,Detroit 的冬天還沒結束,甚至這個月還放到兩次天氣假,其中有一次是下
Freezing rain ( 凍雨 ),這種天氣蠻酷的,介於雨和雪之間,路邊的花圃都會結霜,路牌也都掛著很像鐘 乳石的冰雕,對於沒看過雪的我來說,看到這種天氣現象蠻開心的。學校方面,因為下學期開始接近暑 假,大家也都在邊找實習的水深火熱之中,可能因為今年景氣不好,不管是哪個主修,實習和工作都不 好找,對大家來說都相當挑戰。 【AI 課的 Chatbot 初體驗】
上半學期的 AI 課有個比較大的 project 是在練習 Chatbot ( 聊天機器人 ) 的應用,每組會各自挑選學校
內的其中一個地方作為研究場域。我們挑選的是學校建築一進來的接待處,我們先去觀察研究接待處會
有哪些服務,例如詢問教室地點、租借搬運拖車、詢問遺失物等等,再設計 Chatbot 來幫助接待處的警 衛減緩工作量,同時也減緩學生或是其他造訪者的等待時間。Chatbot 的建立架構包含詢問問題中的關
鍵字 prompt,以及相對應觸發的 Intent,還有資料庫中的 entity,舉例來說:如果使用者想詢問教室地 點,我們需要先丟數個可能詢問的句型讓 Chatbot 進行訓練,例如:Where is classroom 720? Where is fashion design? ? Do you know where I can go to room 506? 等等。訓練 Chatbot 完之後,再來處理 分析使用者問題的部分,例如使用者詢問:Where is cafeteria?,那 Chatbot 就會根據先前的訓練,先 判斷這是個問題是在問地點的問題,再來從關鍵字 cafeteria,去找到資料庫對應的 cafeteria 位置是在
2 樓,最後回送 It’s on 2nd floor. 再進階一點,如果未來要製作更複雜的 Chatbot 的話,規劃 Chatbot 的對話 flow 可以讓 Chatbot 進行連續性的對話而非單次,是個蠻有趣的練習。 【個人 Final project 進度】
上篇有提到我的期末專題主題是 Cycling knee pain,前期做了桌面研究,像是讀了一些相關的論文,了 解到因騎車膝蓋受傷的比例有多高,以及大多數發生的膝蓋受傷方式為何,中期做了使用者訪談,訪談 以半結構是訪談進行,問題分兩大方向,第一部分:了解到受訪者的騎車背景,包含騎車多久了,騎車 種類等等;第二部分:了解膝蓋受傷的經驗,包含治療時長,治療方式,如何受傷,受傷部位等等,接 下來到學期末會進行設計以及 Prototype 的部分。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
【Design thinking 課的 Empathy exercise 練習】
這堂課藉由專案來練習 design thinking 的過程以及各種工具方法,包含 AEIOU 觀察法、訪談、資訊整
理等等,其中最近在做 empathy exercise 同理心練習,我們這組的題目是有關長者的設計,所以我們模 擬了長者的各種身體狀況,並進行一小時的體驗,包含以塑膠袋矇眼模擬視覺受限,以束線帶捆住手指
模擬關節受限,以 airpod 的抗噪模式模擬聽力受限,以行李帶纏大腿模擬下肢活動受限,以及背重物模 擬背部活動限制等等。以結論來說,特別有感受的是視覺受限以及手部關節受限,對於使用科技產品來 說相當不方便,會真的很想把所有字體調得非常大,而且手指需要張開來的手勢都需要調整,例如無法 輕易地以一隻手用觸控板放大縮小,Command+C 或 Comaand+ 其他鍵都非常困難,平常一隻手做得 到的事,都需要變成以兩隻手輔助,再加上視覺受限,對於使用科技產品來說真的非常吃力。 【美國開戶】
對於在國外唸書一年的學生來說,辦一個當地銀行帳戶是個蠻方便的選擇,也突然發現之前幾篇沒有分
享到這個部分,所以來分享一下我的經驗。美國比較大宗的銀行是 BoA 或是 Chase,對於我們這種國際 生來說,沒有 SSN 社會安全碼(類似於身分證字號,有在美國當地工作才有),只能到美國後現場開
戶,然候如果要辦信用卡的話,大部分銀行也都需要 SSN 才能申辦,但是 BoA 不用,所以蠻推薦直接 在 BoA 開戶順便辦信用卡,信用卡通常都有新戶回饋跟日常消費會回饋,所以平常消費用信用卡還不 錯,比起直接刷 Debit 卡划算。
VR 遊戲初體驗 - 在 VR 遊戲裡面互動,蒐集 VR 遊戲製作 靈感
Observation 練習 - Design Thinking 課堂的練習,到超市 進行長者的行為觀察
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
Unity 教學 - 在 VR 課中的 Unity 教學
Stakholder Map 練習 - Design Thinking 課堂的練習,製
校園門口的凍雨景象 - 校園門口結冰柱的腳踏車道
校園的凍雨景象 - 校園的樹木,因凍雨而結霜的景象
Unity 操作畫面 - 撰寫程式來操控 Unity 的物件
Final project 的訪談畫面 - 了解腳踏車手的膝蓋疼痛問題
作關於長者的關係人地圖
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
Chatbot 的製作畫面 - 以 Dialogflow ES 設計 Chatbot 的 操作畫面
111 年度產品組
Empathy 練習 - Design Thinking 課堂的同理心練習,模 擬長者的生理狀況
March.2023
▼ CCS 203 - CCS 第二次 Industry Day ▼ 【CCS 第二次 Industry Day】
三月底迎來了第二次的 Industry Day,如一月的心得所述,學生們會展出自己的作品與履歷,企業徵才 人員會像參觀攤位一樣,看到有興趣的學生作品再上前進一步的了解。不一樣的地方是這次主要針對
Communication Design 的產業,例如我們的 UX 研究所、大學部的 Communication Design、大學部的 illustration Design 等等,所以聚集了比較多數位產品為主公司。 【AI 課的 Transmedia 製作體驗】
這次的 project 主題是用 AI 協助製作 Transmedia,Transmedia 是指跨媒體敘事的手法,舉例來說漫威 就常常使用 Transmedia 的敘事方式,藉由電影、漫畫、小說等平台,去建立完整的漫威宇宙,觀眾需 要透過各種不同的媒介去了解完整故事。所以在這次的練習中,運用 AI 去撰寫故事,根據故事再讓 AI
生成相關影片建立小片段,配上 AI 建立的配樂,同時運用 AI 撰寫微小說與生成小說封面,再用 AI 生成 社交平台粉絲專頁的發文圖片內容等等。這個作業的目標是盡可能的去探索現有的 AI 模型,並利用 AI 去輔助設計過程,對未來的設計師而言,如何探索合適的工具,利用 AI 來輔助設計並提升生產力,是
很重要的練習,這個作業也讓大家認識現有的 AI 模型能做到什麼程度,對未來工具的選擇上有很大的幫 助。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
【 個人 Final project 進度】
上篇有提到我的期末專題主題是 Cycling knee pain,接下來到學期末會進行設計以及 Prototype 的部分。 從前期研究中的訪談階段收斂一些 insights,像是踏平數要維持在一定的速度、騎乘時的膝蓋角度、現
有的護膝產品缺點等等,所以在設計上以「非穿戴式裝置」為方向,並以實時提醒預防膝蓋錯誤使用為 目標去思考,決定以設置在腳踏車上的感測裝置為設計目標。每週都會有進度發表,指導教授也常常邀 請業界的設計師來給大家回饋,每週的討論都蠻有收穫的。 【不用車解決民生需求】
居住在美國和台灣有很大的不同是,美國地廣人稀,很多地方都需要開車才能到達,所以也可以理解為
什麼美國人 run some errands 都會耗掉一整天,因為不管做什麼,都需要開車。然而對於短期留學的學 生而言,買車或頻繁租車都不是划算的選擇,所以就得靠一些方法來解決民生需求,第一個就是之前有
提到的學生有免費的半年 Amazon Prime 會員可以買一些不用冰的東西,再來就是 Target(一種美國批 發超市)有訂閱制的外送服務,可以外送一些要冰的東西,例如牛奶、冰淇淋、肉類等等,而且當天就 會到,對於沒車的人來說非常方便,我和室友幾乎每週都會訂一次 XD
Industry Day - 與參加的企業人員互動
Industry Day - 解說自己的作品給來參加的企業聽
User Reserch 課堂 - 各組上台分享自己的介面流程
User Reserch 教授解說 - 教授舉例如何思考 user flow
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
User Reserch 練習 - 各組發展自己的 user flow
教授在 VR headset 中檢視在 Unity 建立遊戲場景
Final Project 進度分享 - 和教授與業師們討論設計發想與
Final Project 設計構想 - 以感測器來預防的腳踏車手膝蓋
User Reserch 的 Wireframe 製作 - 食物安全相關主題的
AI 練習 - 利用 AI 產生文案及圖片
進度
App 設計
疼痛問題
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
April.2023
▼ CCS 204 - CCS 第二學期期末▼ 【 CCS 的四月】
四月底特律,雖然偶爾還是會飄雪,但是基本上已經轉春天了,從我住的公寓走到學校路上的行道樹都 開始開花了,天氣算是有變比較好。美國的學期好像都比較快開始也比較快結束,所以整個四月都在準 備期末,到四月底的時候,大部分的期末也都結束了,所以之後會有長達三四個月的暑假,因此暑期實 習也幾乎都會長達三個半月左右。 【AI 課最終團體作品】
AI 課的最後一項大作業的主題是 Defamiliarization( 陌生化,好直白的翻譯 XD),意思是將常見的事物, 以觀眾陌生的方式呈現出來,讓觀眾以新的角度看待,例如電影 In Time( 鐘點戰 ) 重新定義時間。而我 們這組最後選擇用視覺的方式具象化呈現每個人左右腦思考方式的不同,首先在網站上我們會請使用者 選擇屬於自己的形容詞、喜歡的事物以及顏色,第二步再透過網站拍攝使用者頭部的左右側視圖,最後 透過 Api 將資料送到雲端,在傳送至 Discord 聊天室,再使用我們建立好的 prompt 透過 midjourney
生成初使用者左右腦的具象畫圖。在這個專案裡,我負責所有網站的建立以及串連 Api 的工作,在過程
中也大量運用到 ChatGPT 幫忙完成 Coding 以及使用 midjourney 生成最終圖,使一個很好練習 AI 工具 的專案。
【 個人 final project 最終作品】
個人的 final project 是做預防腳踏車騎士過度使用膝蓋導致疼痛的研究,如前幾篇所述,前期研究包含 調查二手資料,第一:腳踏車市場概況、成長幅度;第二:研究論文調查膝蓋疼痛種類、發生頻率等
等;第三:訪談 6 位腳踏車騎士,了解訓練方式、膝蓋疼痛的經驗等等。最終設計包含一個實體產品與
手機 App,實體產品功能為偵測膝蓋角度、計算踏平圈數、感測上坡路段、將數據回傳給手機 App,透 過 Arduino、超音波感測器、三軸加速度感測器、藍芽模組來達成;手機 App 的部分則是透過 Swift 語 言來刻出一個 ios 的 App,可以即時接收藍芽數據、顯示不良姿勢以及提供聲音回饋提醒。最終產品影 片詳見:
【VR 課最終團體作品】
VR 課的最終團體作業是要用 Unity 做一個與底特律有關的 VR 音樂遊戲,我們這組設計的遊戲是跟著音
樂節奏,把漂浮在空中的顏料球打到底特律 downtown 的拳頭雕像上面,直到把雕像漆滿顏色,製作的 過程中涉及到很多 coding 部分,也是靠 chatGPT 的幫助完成的。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
現在做設計,可以運用 AI 工具幫助完成一些以前設計師無法獨自完成的事、或是需要耗費大量技能才拿 達成的程度,對設計師來說,活用 AI 工具可以大大增加設計的深度與完成度。 【美國租車 FAQ】
關於美國租車,我知道的有三種類型,第一種是直接跟租車公司租車,通常租車公司會聚集在機場附近, 可以線上預約然後去機場取車;第二種是像個人當租戶,將自己閒置的車租給別人,像是 Turo 上有許
多車主會提供短期租車等等;第三種則是像共享機車,如台灣的 GoShare 或是 WeMo,共享租車會把車 放在停車場之類的地方,使用者可以直接預約時段在過去取車。在出國前可以去換國際駕照,租車公司 或是 Turo 都可以用國際駕照租車,但是共享租車就必須要有美國的駕照才能租車。CCS 所在的密西根
州是必須重新考駕照的,據我同學的經驗,學校旁邊就有類似監理站的地方可以考筆試,有美國的駕照
還有很多額外方便的地方,例如很多需要身份驗證的美國 App,都視美國駕照為正式身份,而且搭乘國
內班機也只要出示美國駕照就好,不需要再出示護照,如果在美國開車或租車的話,是個蠻方便的選擇。
Final Project Prototype - 個人 final project 的產品
Final Project Prototype-2 - 個人 final project 產品
Final Project Prototype testing - 測試個人 final project
Final Project Prototype on the bike - 個人 final project 的
prototype
prototype 的功能運作
prototype 的測試版本
最終產品
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
Final Project Prototype on-road testing - 個人 final
Final Project App - 個人 final project 的 App,接收感測器
Design Thinking ideation - Design Thinking 上課時與組
Detroit Spring - 從公寓到學校路上的行道樹開花
VR Project - VR 專案遊戲的畫面,打擊顏料球至雕像上
AI Final - 最終設計的互動網頁
project 產品上路測試
員一起設計發想
資料
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
May.2023
▼ CCS 301 - 畢業季&實習▼ 【CCS 的畢業典禮】
5 月開始大部分美國的學校都放假了,也迎來 CCS 的畢業典禮了,去年剛好新開了一個一年的 MA
Program,只需要念一年就可以畢業了,所以我也跟著 2023 的畢業生一起畢業。CCS 的畢業典禮辦在
Detroit Downtown 的河邊(對面就是加拿大 XD),非常愜意,景色很漂亮。畢業典禮當然少不了畢業
致詞,除了學校教授致詞以外,也跟其他學校依樣請了優秀校友回來演講,是個很振奮人心、讓人感覺 前途光明的安排,非常不錯。
【SEO 學生展覽(開幕式)】
Student Exhibition Opening (SEO) 是每年 CCS 學年結束都會有的為期兩週左右的學生展覽的開幕式,
開幕式會有很多小點心、酒類,服裝設計系也會在這時候辦服裝秀,是蠻熱鬧的開幕式。整個學生展覽
會有所有的研究生、大四畢業生,以及被教授們核准的一些大三以下的作品參展,除了 SEO 酒會需要有 門票以外,後面兩週的展覽會開放所有人來參觀。這次展出我的畢業作品 RideRight,學校教授人非常
好,借我腳踏車當輔助展品,也幫我租到一台 iPhone 讓我 demo prototype,所以我的展覽裡除了有展
板、播放作品影片的 iMac,還有實際的 working prototype 可以展示,大大增加設計的可信度與表現力, 我自己覺得算是很滿意的展覽設置。 【找實習地獄 】
記得下學期剛開學,大概一、二月的時候,每天起床只要是沒有上課的時間,都在做作品集,六日也是 拼命趕,在美國找實習真的是不容易,尤其是對國際學生來說,因為很多公司都不太想培養之後不一定 留得下來的人(因為美國工作簽要用抽籤的,這又是另一個故事了),再加上今年美國科技業裁員潮, 難上加難,我剛好運氣好,在學校企業日的時候遇到現在實習公司的人,有臉緣之後,就拿到了面試機
會。我的面試過程應該算不繁瑣,沒有經過 HR,所以基本上就直接對之後會一起工作的 team。過程大
概是:簡單自我介紹,細講一兩個自己的案子,最後 QA 。面完試當天下午就拿到 offer 了,算是相當特例。 【 實習公司介紹 】
我在一間做 Forklift Truck(起重機?不知道怎麼翻譯 XD)公司的 Crown Equipment 實習,我的職位是
Interaction Design Co-op(類似 Intern 的職位),雖然我本來對這個產業不熟悉,但算是是蠻大型的跨 國公司,全球約有 17000 左右的員工,公司的業務像是設計、製造、販售起重機或提供服務給有倉儲管 理需求的公司,基本上整個生產鏈都在公司內,主要的客戶有 Amazon、Walmart 等。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
在德國、澳洲、中國都有蠻大的據點,我也是進來了之後才比較了解。工作內容的部分,由於目前才剛 進來兩週,還在 onboarding 階段熟悉公司業務,了解不同 Lift Trucks 的差別,還有做一些競品分析, 我進的 team 主要著重在起重機上的顯示螢幕設計,所以競品分析也主要針對這部分,之後有更多深入 的工作內容再來詳細分享。 【 美國打招呼文化 】
大家多多少少應該都有聽說美國是很愛打招呼、很愛 small talk 的國家,所以在路上、超市購物的場景, 基本的打招呼都很難避免,我自己算是英文弱底仔,再加上也不是什麼外向仔,所以剛開始很難適應。 這邊整理一些常聽到,還有可以怎麼簡單的回覆打招呼,給跟我差不多的朋友。最基本的就是 How are
you? 可以當成 Hi 就好了,也可以回 Good、Great 之類的,再反問他 How about you? 大家應該也都有 聽說,如果過得不太好,也不用真的講自己過得怎樣怎樣,相似的問句還有 How’s it going?(超市很 常聽到)。至於另一個常聽到是 What’s up? 基本上也是當 Hi 就好,要有邏輯地回的話,通常就是講
Nothing much。另一個情境是再見場景,大家好像比較常講 See you,我自己蠻少聽到 Bye 的。最後一 個很常遇到的場景,我也是來這裡才會的,在超市或是各種服務業的場景,在離開前,他們通常都會對 你說 Have a nice day 或 Have a good one 之類的祝福語,我剛開始都不知道怎麼回,但後來發現只要 回 You too 就好,簡單又有禮貌。
CCS 畢業典禮 - 舉辦在湖畔的 CCS 畢業典禮
CCS 畢業典禮合照 - 畢業典禮結束後和一起學習的同學們 合照
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
SEO 開幕酒會手環 - SEO 當日排隊日廠參觀學生展覽
SEO-1 - SEO 當天參觀 illustration 科系的場景
SEO-2 - SEO 當天個人覺得相當吸眼球的設計 collection
SEO-3 - 我在 SEO 的個人展區,展示我的 RideRight 畢業
SEO-4 - SEO 當天個人覺得蠻可愛的設計
Internsjip onboarding 實習前兩天 onboarding 訓練情形
校園裡展出
專題
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
Lift Trucks in Crown - 實習公司 Crown Equipment 在工廠 展示的機型
111 年度產品組
實習公司工廠外一隅 - 運送 Lift Trucks 的超大型貨車
June.2023
▼ CCS 302 - 美國 UX 實習▼ 【Ohio 實習】
我這次實習地點在 New Bremen, Ohio,是個蠻偏鄉的地區 XD,因為住在附近的小鎮,我可以騎腳踏車 通勤,大約半小時一趟,路上都是小河、田之類的,其實蠻愜意的。Ohio 的天氣跟 CCS 所在在 Detroit 有點不同,Detroit 空氣比較乾,Ohio 比較偏向台灣的天氣,是蠻熟悉的濕熱天氣,聽同事說很偶爾還 會發生颶風,所以這邊的房子很多都會有地下室避難的地方,蠻神奇的體驗。 【Crown Equipment 實習內容】
上篇有提到我在一間做 Forklift Truck(起重機或叉車)公司的 Crown Equipment 實習,我的職位是
Interaction Design Co-op,我們部門負責的是在 Forklift 上的介面設計,介面的內容包含像是操作狀態
顯示、模式設定、高度與重量提示等等,雖然是設計部門,但可能因為產業比較特別的關係,我的同事 跟上司的工作內容也會做蠻多研究跟易用性測試的,所以我的工作也有很大一部分在研究、蒐集資料。 【工作 1:精通 Figma】
我來這邊的第一個工作是精通 Figma,剛開始想說身為一個 UX 設計師,應該某種程度已經算精通,但
其實 Figma 能做的事真的很多,例如我那週學到活用 conponent varient 做不同狀態的按鈕、輸入格、
用 varient 可以做到類似 gif 的小動畫,還有各種 plug-in,活用 auto layout 和公司的 libary 等等。我最 後產出是 redesign 他們販售周邊商品的網站 The Crown Store 的網站,以及增加 App 的版本。 本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
【工作 2:Forklift 競品分析研究】
第二個工作是做 Forklift 的競品分析,因為職位是 interaction Design,所以競品分析也著重在介面的部
分,首先是研究範圍,我這次負責研究 Class I 的 Forklift(室內電動的 Forklift),再來我們會在網路上 找有關各競爭公司生產競品的各種二手資料,最後在 FigJam 裡整理成容易理解的表格,內容包含竟品 外觀、介面安裝在 Forklift 上的位置、介面個細節,以及參考資料連結。我自己做完之後,覺得每個公
司的介面長的差異很大,這樣可能有點難參考,所以我把各個公司的介面用顏色編碼的方式標準化,這 樣就變得比較容易比較,例如所有的電池顯示都換成綠色、時間換成灰色等等。 【 美國薪水與稅 】
美國的薪水跟繳稅的方式跟臺灣有點不一樣。首先是發薪日,在學校的時候有看到同學打工,跟台灣一 樣的地方是一樣算時薪,但他們有提到薪水是兩週發一次,不是一個月,我來實習之後發現我現在的公
司也是,所以我猜美國這邊大部分發薪水的方式都是雙週發一次,努力工作兩週,就差不多想離職了(開 玩笑)。雖然大家可能有耳聞美國薪水不錯,但其實美國稅很重,而且所得稅是先扣的(個人經驗),
所以雖然名目上可以領某個金額,但其實扣完稅可能就少了快 30%,而且我所在的州已經算是稅偏低的 州,可以想像在加州工作的人,名目上的薪水都可能會扣掉 40-50%,再加上生活成本也偏高,所以也 是生活不易啊。
給實習生的城市巡禮 - Crown 的全球總部在 New Bremen,
通勤路上的小運河 - 我是騎腳踏車往返租屋處跟公司,路
樣有自己的一棟,相對的各個部門分散在個小城市的各個
田,還有沿途的小運河
Ohio,因為是在偏鄉村的的地方,並沒有像其他大公司一 角落
程大概 30 分鐘一趟,路上其實蠻清閒的,幾乎都是玉米
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
The Crown Store - Crown 蠻重視品牌經營的,所以也有自
Crown 的設計中心 - 我們設計部門所在地是由這棟老建築
我在公司的座位 - 這是我在公司的小座位,每個人都會至
Forklift 競品分析 - 這是我這次做的競品分析,包含比較
己的紀念品小店,販賣各種 Crown 的周邊商品
少配一個 apple 桌機跟 apple 筆電,雙螢幕工作起來真的 效率很高
競品分析細節 - 比較每個競品的外觀,螢幕的位置、螢幕的 設計細節等等
改建的
13 個品牌的 forklift
比較標準化介面 - 標準化各個競品的介面設計之後,能更 清楚的比較各個設計的方式以及優劣
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
練習進階的 Figma 功能 - 設計新的 the crown store 網站與 App 來練習 Variants 和 Interactive Component
111 年度產品組
Variants 和 Interactive Component - 練習 Variants 和 Interactive Component 的範例
July.2023
▼ CCS 303 - 美國 UX 實習之 2 ▼ 【實習生活】
上篇有提到我在一間做 Forklift Truck(起重機或叉車)的公司實習。他們算是有週期性招收實習生的大 公司,例如每個部門每一季固定招收一位實習生,所以實習制度算是非常完善,會有給實習生的聚餐、 公司介紹活動、城市巡禮等等。前面提到每一季是指冬夏秋三季,每一季大約 3.5 個月,所以基本上一
整年都會有實習生,每個人的開始和結束時間都不太一樣,我這次比較晚開始,所以在最後一週還有跟 下一季的實習生交流到,可以交接一下工作內容等等。 【個人小專案 Personal Project:Crown Bike】
因為進來實習都要簽 NDA(Non-Disclosure Agreemen),所以在公司所做的事不能放進作品集。對於設 計部門的實習生,設計部門有一個給實習生做自己專案的制度,可以想一個跟公司有相關,但又不會
太相關的主題,設計案的大小可以自己決定,大到一整個設計製作 prototype,小到用 AE 做 logo 動畫
練習都可以,進行為期兩個月的設計,每週和 Senior Designers 開會討論。這次的設計部實習生包含 2 個工設實習生、1 個視覺實習生的和 2 個互動設計實習生,分別依序做了農業用卡車設計、賽車設計、
Forklift 桌遊、AE 動畫設計,和我做了共享腳踏車平台。我的個人專案是 Crown Bike,是一個給內部員
工使用的共享腳踏車服務平台。起因是公司總部位於 New Bremen,30 多個零件製造廠和辦公室散落在 這個城市裡,所以員工們時常要在各個廠和辦公室穿梭開會或產品展示,雖然每個點相互離得不遠,但 是也沒近到走路可以五分鐘內抵達,所以大家幾乎都會開車移動,距離大約兩分鐘左右車程。以結論來 說,開車和走路都不是很適合的交通方式,因此共享腳踏車會是一個不錯的解方。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
在設計過程包含背景研究、使用者觀察、製作 Personas、Wireframe、Information Architecture,和最 後的 Final Product,這是最終產品的介紹影片 【 美國職場文化 】
美國的職場文化依據個人經驗,我覺得大家蠻懂得放鬆的,例如大家偶爾會在上班時間一起散步去咖啡
廳買咖啡再回來、設計部門的佈告欄每天都會有小活動,例如終極二選一:Waffle or Pancake? Brownie with nuts or without nuts? 每週四中午還有桌遊日,大家會聚在一起吃午餐玩桌遊等等,是個蠻輕鬆的
上班環境。大家也都很愛聊天,常常不小心就聊一個小時,上司和下屬講話的方式也沒有什麼區隔,都 很喜歡互相開玩笑,我自己感覺美國這邊的世代隔閡比較小,不同年紀的人聊起天來也都很輕鬆順暢, 感覺人與人的界線在這邊比較模糊一點,對外向的人來說應該會很適應,內向的人就要隨時準備好要打 招呼跟 small talk,會比較累 XD。
Board Game - 另一位實習生做的桌遊設計
Board Game 試玩 - 做這個桌遊的實習生做 Prototype 的
Board Game 試玩 - 做這個桌遊的實習生舉辦的試玩活動
Event - 公司時不時會在中午舉辦各種活動,讓大家參與
使用者測試
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
個人專案背景 - 解說個人專案的發想背景,以及設計機會
Persona - 個人專案的其中一個 persona
Onboarding Pages - 個人專案的 Onboarding Pages 解說,
Researve Page - 個人專案的第一個主要功能 Researve
Unlock Page - 個人專案的第二個主要功能 Unlock Page 的
Share Page - 個人專案的第三個主要功能 Share Page 的功
說明主要功能等等
功能解說,如何解鎖共享腳踏車
Page 的功能講解,如何預約共享腳踏車
能解說,如何分享解鎖連結給親朋好友
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
August.2023
▼ CCS 304 - 美國 UX 實習之 3 ▼ 【實習尾聲】
接續上篇,實習生活也漸漸進入尾聲,也不免俗的會有實習生發表,設計部門的實習筆記特別的是,除 了分享在實習期間做了什麼之外,佔大部分時間的是分享自己的個人專案(詳細分享在上篇),在這三 個半月的實習期間收穫不少,也見到許多厲害的設計師、了解到設計部門在大公司的運作模式等等,收 穫良多。
【工作 3:新版介面設計】
第三項在實習期間的工作是協助 Senior 設計師設計新的介面,新介面由於大小和公司既有的設計不同, 所以有很多功能的呈現需要調整,我做的事主要分三個,第一個是研究 mental model,亦即研究使用
者在面對 forklift 介面時的直覺互動方式;第二個是 atomic ideation,把個別功能拆開來發想概念;第 三個是製作共創工作坊的 Asset,之後會找實際的 forklift 操作員來共同參與介面的理想規劃。 【工作 4:未來介面設計概念】
最後一項工作是探索未來的介面可能性,由於操作 forklift 有點類似於操作大型機具,需要一定程度的熟 悉,才會操作起來比較安全,所以我們 team 希望未來可以發展一些更直觀的介面設計,使得初學者也
能好上手,不會因為誤會或是不熟悉介面而導致不安全的情境發生。所以我也針對不同的功能,繪製不
同的介面,風格偏向偽 3D 的設計,可以非常直觀的顯示目前 forklift 的運作狀態,以及移動方向與方式 等等,降低風險與理解成本。 【 美國時區 】
對於一個美國小白來說,我到很後期才搞懂美國時區(其實根本很簡單),我原本以為美國本土只有分
美東 EST 跟美西 PST 兩個時區,相差三小時,可能因為比較常聽到,但後來因為線上會議或面試的關係, 發現中間還有兩個時區,分別是 CST 和 MST,都各差一個小時。另外是以前在課本有讀到的「日光節約 時間」,會在三月底調快一個小時,在感恩節期間(約 11 月初)調整回來。所以在美國約面試時間的 時候,要特別看一下公司在哪個時區,才不會像我一樣曾經有因為沒搞懂時區而小遲到一下。
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
實習生介紹活動 - 給實習生的介紹活動,介紹公司各部門,
工作環境 1 - 在製作新版介面時,有時候會把介面印出紙
工作環境 2 - 工作的筆電搭配桌機螢幕非常方便
實習畢業禮物 - 公司同事和主管非常友善,我實習畢業的
最後跟我的座位說再見 - 在實習畢業前跟我的座位,還有
辦公室留言板 - 設計部辦公室中間白板,通常會有有趣的
以及認識其他部門的人
每天刷進刷出的 ID 卡作最後道別
本的樣子來評估大小是否合適
時候還有給我畢業卡片和禮物
投票活動,或是大家會在上面畫畫
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
Mental Model - 對新的介面做 Mental Model 的 Research
Atomic Ideation - 針對每個功能開發新的設計概念
Atomic Ideation - 上面會找一些相關的 Reference 作為設
CoCreation Asset - 共創工作坊的事前工具準備
計參考,來發展設計概念
本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。
College for Creative Studies |美國|鄭博允
111 年度產品組
2023
成果展紀實
講座主題:你很好,我也不賴 臺灣設計學生的海外魅力 歡迎點擊觀看更多 圖 1 為學員講座分享、圖 2 為展出作品
1
2 本篇為教育部菁培計畫選送海外培訓學員每月心得分享,歡迎引用。如需引用請註明出處,謝謝尊重作者。