Work Experience / Intern
What is it ? ① VR / AR Project ② VIVEPORT UIUX Analysis
Profile 洪千琇 Hung Chien Hsiu
2020 - 2021 : 紡織產業綜合研究所 設計實習生 Design Intern, Taiwan Textile Research Institute [ 擔任：專案組長、商業企劃、UIUX 設計 ] 此專案獲得經濟部工業局 2020 年跨域數位人才數位新星大賽 特優 2019 - 2020 : 聯合光纖通信股份有限公司 設計實習生 實習期間 - 設計捷運環狀線的捷運車廂顯示器介面、2019 年台灣國際智 能物聯網應用展攤位設計 ( 包含系統海報、實績海報、DM、攤位布置 3D 模擬 )、Logo 設計與員工證設計。 Design Intern, United Fiber Optic Communication Inc. 2019 : Gosky 數位新鮮人計畫 Gosky Chatbot Generation [ 擔任 : 行銷計劃發想、聊天機器人互動設計、影片剪輯、產品報告 ]
Design Awards / Activity Experience
National Taiwan University of Science and Technology M.A. Program, Department of Design ( Industrial Design )
2020 - 經濟部工業局跨域數位人才加速躍升計畫新星大賞 特選 2020 - 銘傳大學 2020 「設計 X RESET」 國際學術研討會 發表 2019 - 國立臺灣科技大學設計學院 包浩斯 100 實踐與宣言工作坊 2019 - 桃園市土，逗設計展 入圍 2018 - 科技部大專學生研究計畫審核通過 2017 - 經濟部 ICARE 身心障礙與高齡者輔具通用設計競賽 銅獎 2017 - 第二屆新創杯 全國大專校院創意創新創業企劃競賽 決賽佳作 2017 - 科技部國際文化穿戴科技音樂工作坊成果展演競賽 銅獎
銘傳大學 商品設計學系
Other
Ming Chuan University Department of Product Design 以學業成績全班第一名畢業
2020 - 國際力 - Taiwan-America Student Coference 2020 年度台美學生會議 2019 - 教育力 - 銘傳大學 中等設計教育學程學業完成 至今 - 志願服務力 - 已達 200 小時以上 ( 藝術教育志工、特殊教育志工 ) 經營 FB 粉絲專業 - 台科美食研究社 / 台科少林拳社 ( 社長 )
Born in Taipei, Taiwan Date of birth : 07 / 17 / 1997
Education 國立臺灣科技大學 設計系研究所
VR Game - ESCAPE PlAN! VR 體感互動設計 / Unity 遊戲地景與物件設計
#VR # 遊戲互動設計
協同設計 Lin Yu Hsin , Zhuang Zhi Xiang , Chuang Wei Ting
Escape Plan 是第一人稱射擊遊戲，要求玩家在虛擬世界中使用一系列的控制器組合來使用勾爪槍。玩家將在隕石帶中穿越著火的飛船和崎嶇的 岩石地形，運用手上的機械動力勾爪沖出一條生路，這是一個充滿體感與物理性質的虛擬實境遊戲，拿起搖桿享受在空中飛騰與風壓的快感 ! 2
運用風壓享受遊戲中飛騰的感覺。
在有趣的地形中快速移動，移動的飛船所燃燒的火焰要小 心躲過 ! 3
4
遊戲設計 : 遊戲的主要目的是創建一個有趣的氣動體感系統，可以自然地展現氣動體感遊 戲系統的特性。 遊戲背景設計 : 從墜落的飛船逃出的生化半機械人，利用手上僅剩的機械動力勾爪穿過危 機重重的隕石帶，閃避零散各地的外星飛船，逃出生天 ! 遊戲系統 : Unity 3D 設備 : HTC vive 頭戴式顯示器、高壓氣閥、雙手板機 [ Game Instructions ] : Escape Plan is a first-person shooter requiring players to use a grapple gun in the virtual world with a series of swing-release combinations. The main purpose of our game is to create an amusing demo that could naturally demonstrate the specialties of our pneumatic system.
1
2
3
氣動系統解說： 1. 反作用力 2. 拉力 3. 風阻 遊戲體驗 : ( 搭配左圖解說 ) 1. 未放出勾爪，氣體停止釋放。 2. 將勾爪射出，此時氣體向前釋出 ( 此 為反作用力，身體應感受到前方傳來 的壓力。) 3. 勾爪抓住岩石，勾爪將自身身體帶 往岩石方向 ( 此時身體將感受到風阻， 氣體向後釋出，感覺身題向前飛行 ) Device describe To achieve a high-fidelity experience of using grapple guns, we developed a pneumatic system to recreate these three sensations : 1. Recoil 2. Pulling Force 3. Wind Drag By two solenoid valves controlled by the Unity engine via an Arduino b oard, we, t herefore be able to release compressed air at any certain moment.
5
遊戲地景設計 : 1. 地形 Terrain 2. 水 ( 死亡區域 ) 3. 重生點 ( 藍色發光圈 ) 4. 自動巡邏飛船 (Navigation 導航 ) 5. 隕石 5. 飛船火焰 ( 粒子效果 + 死亡區域 ) 6. 空氣牆 7. 終點光牆
6
7
AR 山友百岳俱樂部互動名片 AR 互動設計 / 名片設計 結合 AR 系統的俱樂部名片設計，掃描你的山友百岳名片，向其他人展示你走過的千山萬水與精采經歷 ! 可以放入山 友的登山照片和紀錄片，充分展示山友最令人榮耀的時刻。 8
#AR
# 介面設計
實測 此專案使用 Vuforia 的 AR 開發工具搭配 Unity 遊戲引擎，運用 Vuforia 提供的 雲端圖片辨識功能進行圖案標記，在 Unity 建立 Android 環境，將影片檔案、 山友簡歷與 3D 模型置入，利用手機安裝發布的 APK 安裝檔進行實機測試。
AR 介面架構圖 9
首頁推薦層級布局
10
UIUX 建議
第一層 : banner 推薦、最新上架等遊戲 第二層 : 編輯精選 (Curator’s Picks) : 年費會員獨享遊戲 *3 一般會員遊戲 *3 第 三 層 : 焦 點 推 薦 (Highlights) : 新 遊 戲、Oculus Devices、vive Arts 第四層 : 影展與活動 (Events and Festivals) 第五層 : 新上架與近期更新 (New and Updated) 第六層 : 即將推出 ( Coming Soon ) 第七層 : 本周主打 ( Popular in Infinity ) 第八層 : 採取行動 ( Get into the Action ) 第九層 : 開始冒險 ( Go on an Adventure ) 第十層 : 準備作戰 ( Locked and Loaded ) 第十一層 : 鍛鍊腦力 ( Stimulate your Brain ) 第十二層 : 老少咸宜 ( Fun for All Ages) 第十三層 : 一同歡樂 ( Play with Friends ) 第十四層 : 運動健身 ( Workout in VR ) 第十五層 : 節奏律動 ( Move to the Rhythm ) 第十六層 : 恐怖逃脫 ( Escape the Horror ) 第十七層 : 探索新世界 ( 只有電腦版有，網頁版無 ) 第十八層 : 虛擬博物館體驗 (Visit a Virtual Museum ) 第十九層 : 釋放創造力 ( 只有電腦版有，網頁版無 ) 第二十層 : 故事啟發 ( Stories that Inspire )
第一層 : 精選與推薦 ( 想要展示給消費者的都是跟”消費者” 周遭人相關的，例如說好友有玩過，或是好友有收藏 第二層 : 特別優惠 : 放的是特價品 有明顯的特價符號 第三層 : 玩家玩過類似的遊戲而推薦的遊戲類型 第四層 : 社群推薦 ( 社群效應，有很多評論的遊戲自然就有 人想要跟著玩，建議選一些評論很好笑或很有趣的。 第五層 : 探索柱列 第六層 : 與您相似的玩家都喜愛 ( 根據玩家玩過的遊戲推薦 的其他玩家也玩過的遊戲 ) 第七層 : 瀏覽 steam : 新推出、特惠、免費遊戲、依照使用 者標籤 第八層 : 來自玩家認識的開發者與發行商 ( 玩家玩過的遊戲 的開發者的其他遊戲推薦 ) 第九層 : 第七層的版面擴大版 ( 新推出、特惠、免費遊戲、 依照使用者標籤 ) 把一些遊戲圖標放大 第十層 : 熱門新品遊戲 第十一層 : 正在直播的遊戲實況 第十二層 : 好友間的熱門遊戲 第十三層 : 低於 300 元的遊戲 第十四層 : 更新與優惠遊戲 第十四層往下 : 全部都是根據玩家曾經玩過的遊戲而推薦的 其他遊戲。
編輯精選、年費會員獨享遊戲、焦點推薦、新品推薦、類 型推薦、本周主打 -> 跟玩家本身興趣較無關
特惠、社群推薦、好友遊戲推薦、與玩家已玩過遊戲相近 遊戲、直播中遊戲、依使用者標籤 -> 跟玩家本身非常相關
使用者經驗分析、學理依據
藝術
教育
時尚
直播、串流媒體
音樂
運動
旅遊
遊戲內語音聊天功能
有別於以遊戲為主的 Steam，Viveport 有更 多元化的內容，從藝術、教育、時尚、音樂 到運動及旅遊等。
好友列表
社群網路
好友、社群推薦遊戲
Steam 遊戲平台是美國電子遊戲商維爾福於 2003 年 9 月 12 日推出的數位發行平台，提供數位版權管理、 多人遊戲、串流媒體和社群網路服務等功能。藉助 Steam，使用者能安裝並自動更新遊戲，也可以使用 包括好友列表和組在內的社群功能，還能使用雲端儲 存、遊戲內語音和聊天功能。
社群影響力相關研究 : 社群影響力、歸屬感及娛樂認知亦與線上遊戲使用者參與意圖呈 現顯著相關。 遊戲沉浸感研究 : 線上遊戲介面能令使用者專心於其中，則對其參與意願將有正面影響 ( 包含對該介面是否有角色裝扮、小屋與好友系統 ) Keywords：社群、識別、識別效應、線上遊戲、虛擬社群 11
目標 : [ 成為 VR 多元內容的熱門國際市集 ] ，以下是簡易分析與個人建議 :
Viveport : VR 內容市集 UX 建議 1 : 藝術、教育、時尚音樂等在介面呈現上可 以更加區別化、特色化 ( 不太明顯 )。 UX 建議 2 : 做出社群經營效果 ( 粉絲推薦、直播、好 友 )，有助於推廣遊戲、應用程式、所有應用的使用人 次。 UX 建議 3 : 以”使用者為中心”推廣所有類別的內 容 -> 玩家的好友推薦 VR 應用、收藏遊戲、社群推薦、 直播網絡 UX 建議 4 : 優良的遊戲性介面輔助 : 有助於社群與商 店發展 ( 例如巴哈姆特的小屋、改頭像、GP 系統； steam 的遊戲成就、遊戲卡片蒐集與交換、可以編輯 自己的頭像與個人背景 ( 別人可以參觀自己遊玩與使 用過的遊戲，增進社群效果也可以讓玩家更有成就感 與蒐集遊戲物品的感覺，也可以推薦開發者製作或給 一些遊戲圖片讓玩家蒐集。
UX 建議
12
Viveport : VR 內容市集 UI 建議 1 : “遊戲”和”應用程式”可以有像是首頁 的多區塊介紹與 Banner。 UI 建議 2 : 編輯個人資訊的頁面突然從暗色調變成白 色的亮色調，有沒有做完介面的感覺。 UI 建議 3 : 頁面右邊上下拉桿可以做成暗色的以跟介 面符合。 UI 建議 4 : 右上角的 icon 比例過大可以調整小一點。 UI 建議 5 : 只有桌面版本的個人 icon 在滑鼠 Hover 的 時候會變色，網頁版本的沒有。
UI 建議
顧客觀察 : 遊戲很好玩，有個遊戲中一起玩的同伴很棒，想跟他繼續一起玩， 不知道有沒有好友系統 ? - 某款遊戲美國玩家
競品分析 : 玩家社群導向
VIVEPORT 產品目標
Steam : 社群熱門的原因 : 內容分析 1. 直播網絡 2. 促銷活動 3. 遊戲社群迴響 4. Steam 上最好的遊戲獎 ( 透過更多玩家評論可以獲得資料 ) 5. 行銷手法 (Steam 冬季特賣會、夏季特賣會 ) 6. 好友系統 7. Steam 平台獎勵系統 ( 遊戲成就、遊戲卡片、道具、裝飾個人頁 ...)
六頂帽子思考法 Brainstorming ....
顧客分析 ( 顧客旅程圖 )、調查市場 競品分析圖 AEIOU 觀察分析
顧客需求與產品切入點 商業模式分析圖
產品原型製作 (UIUX) A / B test
構想新產品 產品改良與迭代
使用者滿意度分析 介面易用性分析 時程規劃 工作分配 使用者測試與分析結果 13
UIUX 實際介面 提醒 ICON 在滑鼠移過的時候不會改變鼠標， 其他三個 ICON 是正常的，網頁版的 ICON 在滑鼠 Hover 的時候會不會改變顏色，桌機版本的會改變顏色。
INFINITY
網頁介面右邊上下拉桿的外觀 可以改成符合主題的樣式。 編輯個人資料的頁面突兀呈現 亮色調，讓玩家的眼睛不適， 也不符合介面整體基調。 14
FRIENDS
建議新增好友欄位
首頁分類子項目
15