23.5 N Cultural & Creative Industrial Graphic UI/UX
Design can help users to solve problems, and explore problems that users do not take to heart.
Li Wei-Ting 李瑋婷 Sagitta Li 1989.12.06 +886 928 392 232 talent10217@gmail.com
Education National Yunlin University of Science & Technology Master of Design, Graduate School of Industrial Design Major in Active-aging Elderly Research, User Experience and Srevice Design National University of Tainan Department of Information and Learning Technology Major in Digital Learning and Game Design
License TOEIC 680 (Listening 340 / Reading 340) Adobe Photoshop CS3 Autodesk 3ds Max Design 2010
Leadership Experience General Affairs Chief of Arcrylic Design Contest (2013-2015) Student Member of a Legislative Body (2010-2011)
Award 2015
Best Paper Award for Student in Chinese Society of Gerontechnology and Service Management Conference Bronze Medal in iBeacon Original Application Competition
2013
Excellent Work in Innovation Design of Folk Cultures Contest
2012
Excellent Work in Arcrylic Design Contest 2012
2011
Best Paper Award in Global Chinese Conference on Computers in Education Excellent Work in Digital Creative Development of Sesamestreet Industry-Academy Cooperation Plan
2010
Silver Medal in LOGO Design for the Student Association of Department of Information and Learning Technology
Particularity
Stubborn
Optimistic Positive
Socialized
Studious
Independent
Responsibility
Interesting Confident
Ability
Tool Design Methods Chinese
English
Taiwanese Design
Photoshop Illustrator Rhino Creo
Marketing Communication
Research Observation
Keyshot Word PowerPoint SPSS Adwords
Project 2015
科技部專題研究計畫：樂齡族群生態旅遊體驗需求與人因設計之研究 II。 科技部專題研究計畫：高齡者擴增實境導覽互動介面研究 II。
產學合作：2014年壓克力材料開發、設計與應用推廣(壓克力創意設計競賽)，委託單位：高雄塑酯化學工業 股份有限公司。 2014
產學合作：中國鋼鐵鈦金屬產品之設計與開發，委託單位：中國鋼鐵股份有限公司。
產學合作：2013年壓克力材料開發、設計與應用推廣(壓克力創意設計競賽)，委託單位：高雄塑酯化學工業 股份有限公司。 科技部專題研究計畫：樂齡族群生態旅遊體驗需求與人因設計之研究 I。
2013
2012
科技部專題研究計畫：高齡者擴增實境導覽互動介面研究 I。
產學合作：2012年壓克力材料開發、設計與應用推廣(壓克力創意設計競賽)，委託單位：高雄塑酯化學工業 股份有限公司。 科技部專題研究計畫：互動式數位上肢復健遊戲設備的使用性評估與再設計。
Journal and Conference 李瑋婷、李傳房 (2015)。情境感知模式應用於樂齡族生態行動導覽之研究。福祉科技與服務管理學刊。(投稿審查中)
李瑋婷、李傳房 (2015，6月)。樂齡者對於情境感知生態導覽應用程式之系統使用性評估。論文發表於福祉科技與服務管 理研討會。臺中市：東海大學第二校區管理學院。 Li, W.T. & Lee, C. F. (2014, November). Study of Mobile Augmented Reality Guide Interface in Ecological Field for the Elderly. Oral presented at the 5 th International Conference for Universal Design, Tokyo, Japan: Fukushima.
Tsai, T. H., Lin, H. C., Chen, G. S., Hsieh, W. C. & Li, W. T.(2012, August). Somatosensory Interaction in Digital Game-Based Learning for Taiwanese Classical Poems. Paper session presented at the 25th IPPR Conference on Computer Vision, Graphics, and Image Processing (CVGIP2012), Nantou, Taiwan. 林信志、陳光禧、謝文杰、李瑋婷、黃國祝（2012，５月） 。臺灣古典詩之體感互動遊戲式數位學習設計。論文發表於全球華 人計算機教育應用大會(GCCCE2012)。屏東縣：墾丁福華大飯店。
林信志、陳光禧、謝文杰、李瑋婷、黃國祝(2011，11月)。基於台灣古典詩數位典藏的體感遊戲企劃與設計。海報發表於第 七屆台灣數位學習發展研討會(TWELF2011)。台北市：福華國際文教會館。
Workshop and Course 2015 2014 2010 2009 2008
Google 數位火星計劃線上課程培訓 - AdWords 廣告基礎、搜尋廣告進階課程，主辦單位：Google 數位火 星計劃團隊。 徽文化的學習研究與設計傳承工作坊，主辦單位：南京理工大學。
數位學習產業現況與人才需求研習會，主辦單位：國立臺南大學教學與學習發展中心。
教育部遊戲式數位學習內容專業人才培育改進計畫 - 產業實習，主辦單位：國立臺南大學，協辦單位：三佑 科技股份有限公司。 Photoshop ACA國際認證班，主辦單位：巨匠電腦股份有限公司。
研究計畫
學習與實際操作研究方法、觀察與訪談高齡者技巧、 工作坊、使用性評估、使用者經驗、服務設計。
產學合作
了解廠商需求、材料特性、成本評估、產品造型、色彩 計劃、設計眉角。
舉辦競賽
團隊合作、互相協助，迅速達成委託單位要求，並進一 步思考如何改善競賽流程。
06
14
30
36
46
48
Master’s Dissertation
Crescent
Renderings
Phamily
Ti Design
Cosmii
Contents
22
26
40
44
54
62
Multi-story Town
Soap Box
e-cooking
Rehab Cup
Magical Colors
User Experience
User Interface
Somatosensory Game
Industrial Design
Culture and Creative CIS
Game Design
Master’s Dissertation
樂齡族情境感知生態行動導覽設計之研究
Designing Context-Awareness Mobile Guide in Ecological Field for Active Aging Elderly
Research Method：Experiment、Ｓemistructured Ｉnterviews Target User：Active-aging Elderly (Over the Age of 50) Aim：To understand system usability, workload and operational feeling with active and passive contextawareness mobile guide in ecological field for active-aging elderly through their subjective feelings.
研究背景
前期研究
樂齡族常僅攜帶智慧型手機來取代相 機，記錄其旅遊過程，並透過通訊或社 群軟體傳送訊息、照片與親友分享。
18 Participants 8 Males / 10 Females
受測者透過智慧型手機實際操作MAR系統，顯 示文字、語音、影片、圖片、3D模型導覽，並進行 半結構式訪談。
而許多景點推出專責的行動導覽App， 以輔助遊客探索並提升旅遊體驗。 情境感知模式(Context-Awareness) 主動式(Active) 資訊氾濫 被動式(Passive) 效益不佳 研究架構
前期研究結果
生態導覽現況：61%表示知道杉林溪生態園 區有提供志工生態導覽解說。
樂齡族
- 小型觸控介面設計
行動導覽
樂齡族情境感知 生態行動導覽 - SUS - NASA-TLX
經營者
生態場域
-自然環境體驗 - 生態知識學習
情境感知
- 主動式/被動式 - iBeacon - 行動擴增實境
MAR接受度：97%未曾聽過MAR功能，但93% 表示操作方式簡單，未來願意主動使用；且 88%表示導入MAR導覽系統能提升場域吸引 力。 操作問題：手機直式與橫式之間轉換，造成操 作上不便。
內容媒體形式偏好：72%偏好影片呈現方式， 因可同時觀看與聆聽內容，便於吸收生態知 識；3D模型雖新奇，代表科技進步，但知識內 容不足、教育性質不高。
Active Mobile Guide - iBeacon Passive Mobile Guide - MAR
系統建置
主動式系統架構
被動式系統架構 導覽影片
導覽影片 2公尺
導覽景點
主動傳送
導覽景點
疊加至螢幕的MAR Marker上 導覽景點
Spot Beacon
發出訊號
藍牙偵測感應
MAR Marker
透過攝影機
掃描MAR Marker 偵測辨識
點擊畫面開始
09 64
(被動式以Aurasma為測試系統)
Master’s Dissertation
測試修正
導覽內容
實際參與2位志工生態導覽，紀錄導覽 過程，根據代表性及重複性挑選8個導 覽景點，再透過專家訪談環境教師，修 正8個生態導覽景點與內容。
7 Participants 1 Males / 2 Females
主動式修正項目 (1)「點擊畫面開始」修正為一直閃爍。 (2) 在導覽地圖上列出 8 個導覽景點名稱。 (3) 介面的字級放大至 14 pt。 被動式修正項目： (1) MAR Marker 掃描偵測範圍修正。 (2) MAR Marker 增加掃描偵測範圍提示。
根據修正後內容，製作8個 1 分鐘左右的 生態導覽影片，依據動畫腳本錄製女聲 語音導覽，搭配2D動畫輔助重點介紹， 並提升生態導覽影片的趣味性。
銀杏
台灣青莢葉
隨意停
生態導覽影片修正項目： (1) 8個生態導覽影片加上字幕。 (2) 導覽景點名稱「紅檜」改為「紅檜樹頭」 。 (3) 統一使用中華電信3G行動網路。 (4) 配置單耳無線藍牙耳機。
實驗內容
30 Participants 15 Active / 15 Passive
地點：杉林溪普通級步道-穿林棧道(1800m) 使用量表 :SUS Score and NASA-TLX 詢問實驗意願
訪談經營者
2 Managers 1 Males / 1 Females
透過實際操作與半結構式訪談，了解經營者 對於導入行動導覽至生態場域與兩款情境感 知生態導覽系統的看法與建議。
配戴藍牙耳機至右耳 介紹生態導覽App操作方式 填寫基本資料 到達導覽景點 觀看生態導覽影片 導覽影片評分與建議
共8次
最後量表結果進行雙因子變異數分析，並將 受測者與經營者建議和研究人員觀察之問題 進行統整與討論。
填寫SUS與NASA-TLX 半結構式訪談 實驗結束
11 64
Master’s Dissertation
研究結果
設計樂齡族資訊產品時，透過其熟悉的 操作行為轉移至資訊產品的操作模式， 可輔助樂齡族學習如何使用資訊產品。 主動式與被動式生態導覽App皆有良好 的系統使用性，但被動式生態導覽使用 意願較高，心智負荷較低，能較快熟悉 操作方式，與實際物種或景點的互動性 較高，經營者亦較容易導入生態場域。
生態行動導覽內容媒體形式以影片形式為主， 可滿足樂齡族的學習欲望，並彌補其不同程度 的生理退化。 listen
listen and watch
製作導覽內容時，若是一般的物種(例如：銀杏、 紅檜)，可介紹較深入的知識，影片長度亦可加 長；若是特別的物種(例如臺灣青莢葉、臺灣蝴 蝶戲珠花)，介紹一般性知識即可。
設 計 生 態 導 覽 A p p 時，可 導 入 尋 找 Marker的闖關遊戲概念，增加導覽的娛 樂性，提升服務的使用率。
00:12 / 02:00
00:12 / 01:00
Reference
生態場域導入行動導覽不僅增加樂齡族的旅 遊深度，亦可透過樂齡族分享影片，替生態場 域進行廣告，增加潛在遊客，達到相輔相成的 效果。
系統使用性量表 (SUS)
目前行動導覽無法完全取代傳統志工導覽， 因部分樂齡族喜歡人與人互動的情感交流， 是目前行動導覽無法達到的功能，但設計、導 入適合樂齡族的情境感知生態導覽 App，對 經營者和樂齡族而言，不僅增強旅遊體驗，更 能提升生態場域的服務品質。
(5) 我認為此產品的各種功能整合的很好
(1) 我會願意經常使用此產品 (2) 我認為此產品過於複雜
(3) 我認為此產品是容易使用的
(4) 我認為我需要技術人員的協助，才能使用此產品 (6) 我認為此產品有太多功能不一致
(7) 我能預見大多數的人都能很快學會使用此產品 (8) 我認為此產品非常難以使用 (9) 我很有自信能操作此產品
(10)我需要學習很多知識，才能開始使用此產品 Brooke, J. (1996). SUS-A quick and dirty usability scale. Usability evaluation in industry, 189(194), pp. 4-7.
工作負荷指標量表 (NASA-TLX) (1) 心智負荷 (Mental Demand)
(2) 生理負荷 (Physical Demand)
(3) 時間負荷 (Temporal Demand) (4) 精力耗費 (Effort)
(5) 表現績效 (Performance)
(6) 挫折程度 (Frustration Level) Hart, S. G., & Staveland, L. E. (1988). Development of NASA-TLX (Task Load Index):Results of empirical and theoretical research. Advances in psychology, 52, pp.139-183.
13 64
Phamily
Phamily Co-design Project with Douliou Sijhou Community Target User : The Elderly
Phamily is a wisdom of cloud home telephone, which combined with the traditional telephone microphone, touch screen and key shelf notification system.
Phamily
Interview and Development
Persona and Scenario
Interviewed 3 the elderly
宋阿美 Find latent needs
70歲 已婚獨居 兩男一女 科技接受度低 個性外向熱心，常與鄰居往來；子女居住外地，皆靠家 用電話聯繫，約一周一次；生活費為政府每月3000元的 補助金與子女的孝敬金。
Find pain points
阿美某天晚上無趣的轉著電視台，恰巧正在撥映親情 片”父與子” ，看著劇中的兒女情懷，阿美忽然想念起孩 子們，拿出泛黃的電話簿，發現看不清楚上面褪色的字 ，趕緊戴上老花眼鏡，才順利找到大兒子的電話號碼。 顫抖著手撥出號碼，但大兒子電話未接通，阿美換打給 小兒子，電話響了很久終於接通了！但小兒子卻匆忙告 訴阿美：”我還在外面跟客戶講事情，晚點回去再說！” 。 阿美雖然想與女兒聯絡，但心想開民宿的女兒總是很 忙碌，不好意思打擾她，便沮喪地放下電話，走回房裡 睡了��。
Prototype Product Design
Process of Using Design
Parents
Child
See photos
Upload photos to FB Got home
User avatar in phamily light on
Switch to keypad
Hang the keys
Call the child with user avatar Go out
Continue to see photos
Phamily light off
Phamily保留高齡者熟悉的傳統家用電 話筒，結合觸控螢幕，提升使用意願；而 鑰匙架以磁鐵吸附鑰匙，避免昏暗光線 中，需精確動作的掛鉤方式。
Remove the keys
17 64
Phamily
Home
Call
Setting
Dailing
Notebook
Album
Interface Visual Design
Rapid Paper Prototyping
User Testing and Feedback 6 the elderly
19 64
1. Retain the telephone microphone is good. 2. Too much functions on homepage. 3. Notebook is necessary? 4. ICON size is not enough. 5. User avatar is too small. 6. Keypad is too small. 7. Album is too small. 8. Flat design.
Phamily
Final Design
21 64
Multi-story Town
旅遊故事書
小城故事多APP
虎尾驛 雲林故事館
空間規劃
鄧麗君 幼年故居
Jin Remix
DIY音樂盒
特色書籤 (門票)
小城故事多-場域活化
糖果 音樂盒
Multi-story Town - Activation of Field Co-design Culture and Creative Project Teresa Teng’s Childhood Hometown Dwelling Activation
合同廳舍
Exploration of Fields and Development
鄧麗君幼年故居與鄧麗君本人連結性並不夠強烈 此外，想緬懷鄧麗君的長輩多會前往台北墓園 而年輕人也漸漸遺忘這位歌手�
但反過來想，既然知道鄧麗君的人越來越少
「故居與本人的連結性」的重要性就相對降低 因此具有完整的故事讓年輕人了解她的事蹟 故居的存在能有另一種層面的意義
Core of Planning
主題行程 故事書 紀念商品 分享曝光
鄧麗君 幼年故居
年輕族群
透過保留當地硬體設施、結合現代科
利用虎尾、褒忠地區「古樸」的特色與
及體驗內容，促進地方經濟發展。
連，成為「回到過去」的體驗之旅，以大
技，連結過去與現在，以提升旅遊品質
建築，營造老時代氛圍，將四個景點串 量的故事營造「時代」的氛圍，並搭配
特色紀念商品，強化旅程回憶，形成良 好的旅遊體驗，並透過網路分享增加 曝光度，吸引更多遊客探訪的機會。
合同廳舍
雲林故事館
鄧麗君幼年故居
23 64
虎尾驛
Multi-story Town
販售兩款復古留聲機造 形音樂盒，使用者自行 DIY組裝；可播放糖果盒 唱盤的音樂。
旅遊故事書
可在網路書局、高鐵虎尾站購買，內容以四個具歷史 故事背景的景點構成短篇小說，透過老故事述說與 時代的衝擊，帶領遊客踏進歷史的巨輪中。
小城故事多APP
遊客可以腳踏車遊覽四個景點，而裝潢風格以該景 點、街區等當時樣貌規劃，讓遊客能悠閒沉浸於過去 氛圍。
舉辦主題音樂會，邀請DJ播放鄧麗君歌曲，並混音 融入現代元素，成為既復古又時尚的音樂派對；並透 過地下樂團、音樂創作者改編鄧麗君歌曲，進行競賽 與交流，例如：輕熟女27 、 月亮代表誰的心、 甜蜜蜜 Remix。
書籤為實體產品與虛擬產品的媒合物，除作為景點 門票與故事書書籤，亦可乘載QR Code及AR Pattern ；而個別的書籤掃描後可得到折價卷、3D地圖等資 訊；若收集完四個景點書籤，組合後可掃得糖果音樂 盒兌換序號。
虎尾驛
雲林故事館
空間規劃
鄧麗君 幼年故居
Jin Remix
DIY音樂盒
特色書籤
糖果 音樂盒
25 64
序號可至鄧麗君幼年故居領取一份音樂糖 果盒紀念品，音樂盒上蓋為復古凸點唱盤， 內裝載一首鄧麗君歌曲，曲風與糖果口味搭 配，例如：甜蜜蜜－蜂蜜糖、何日君再來－檸 檬糖。
Soap Box
四神肥皂盒
Soap Box of Chinese Four Elephants Winged Animal Excellent Work in Innovation Design of Folk Cultures Contest Material : Stone, Arcrylic, Craft Paper and Paper String Culture and Creative Design
Ideation
在中國傳統建築，瓦當具保護屋簷免受風雨侵蝕功能，滴水具引水功能；而瓦當常以四神獸為圖樣，具有美化避邪作用， 因此結合三者，轉化設計為四神肥皂盒。
Development and Prototypes
27 64
Soap Box
Final Design and Details 四神肥皂盒，上蓋為透明壓克力， 底座以石頭打造，結合傳統與現 代材質製造衝突感。 剔透的透明質感，沉穩的石頭底 座，環保的牛皮紙盒，別緻的包裝 設計。
40
48 85
77
四神具不同吉祥含意，讓消費者可 依喜好、目的來做搭配購買，並提供 別緻紙盒包裝，送禮自用兩相宜。 肥皂盒上蓋圖案鏤空處讓肥皂水低 落至底座，底座引導肥皂水流至洗 手台，避免積水於肥皂盒。
29 64
Crescent
弦月 Crescent
Bathroom Amenity Design Material：Acrylic Molding Method：Hot Bend Forming
31 64
Crescent
Problems Need to bend or squat down.
Hide dirt easily.
Become rusty easily.
Bottle Size of Shower Gel Survey
3-dimentional Diagrams
164
R6
R6
264
90% of bottles can put in Crescent.
ÎŚ12 35
70 164
35 R164
Prototype
Need to Improve
33 64
每個架子需在牆壁鑽三個螺絲孔，多數家庭無法接受。
Crescent
Final Design
弦月以透明圓棒熱彎成形，簡約風格融入不同衛 浴裝潢；另有彩色圓棒系列，繽紛活潑適用於孩童 衛浴空間，增添童趣氛圍！
33 64
1
2 4
瓶罐傾斜，便於收集、吸取最後的液體。
5
1.兩款單元體，任意搭配組合。 2.疊放設計，包裝環保。 3.卡榫支架，方便使用。 3.九成瓶罐皆可放置。 4.依身高架設，便於取用。
35 64
！
3
Ti Design
中國鋼鐵鈦金屬產品之 設計與開發 China Steel Product Design of Titanium Co-Design Project
Development and Sketches
37 64
39 64
3D Models and 3-dimentional Diagrams
e-cooking
e-cooking Record and Share Your Recipes Kitchen Amenity Design
Cooking
Weight
Learn
Record
Share
Ideation and Development Recipe sharing has become a social trend. Hoping that e-cooking can let users record and share recipes more easily.
41 64
e-cooking
Functions Megaphone
Video Button Scale Button WirelessCharging
Upload
Camera
Screen Lock Video of Recipe
Scale 25
Buttons Slide to the right can close the video of recipe and scale.
Bluetooth
Thermoelectric Materials
Bluetooth
Characteristic Oblique angle.
Zoom in and out arbitrarily.
350
Light emitting when hanging on and charging.
g
g
Charging by thermoelectric materials.
43 64
Rehab Cup
互動式數位上肢復健遊戲設備再設計 MOST Co-Design Project Rehab cup can change weight for different level rehabilitation and keep in storage easily.
Materials - Wood, Plastic and Iron
Storage and Change Weight
2.
1.
Exercise
More Weight
2. 1. 100g
100g
300g 500g
45 64
Renderings
47 64
Cosmii
LOGO
Introduction
Cosmii Land Cosmii Land 擁有膠囊旅館、漫畫閱讀室和Cosplay主題情境拍攝展場，讓使用者在戶外空 間可盡情與朋友同樂，室內空間因控管網路，能暫時脫離外界紛擾，有自我空間來沉靜身心、 閱讀書籍；而企業識別設計上，辦公用品偏向活潑繽紛設計，膠囊旅館用品則偏向簡單沉穩， 以適應使用者情緒上的轉換。
Slogan
Standard Color # 00D6B7
Cos me !
# FFE027
Application Of Color
Logotype Comfortaa Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj KkLl Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890/*-+?!<> 華康中原體
Specifications of LOGO Misuse
49 64
Cosmii
Cosmii Land 辦公用品偏向活潑繽紛設計，運用材質 透明特性顛覆傳統信封、門票、文件夾呆板設計與隱私問 題，而手提袋雙層提升強度、鏤空雙色增加層次感。
51 64
Cosmii
Cosmii Land 膠囊旅館用品偏向簡單沉穩；衛浴用品 承襲透明特性，可一眼看見乾淨用品；房號牌納入盲點設 計，以包容更多元使用者。
53 64
Magical Colors
ABCDEFG
Magical Colors Co-design Project with Sesamestreet Industry-Academy Cooperation Target User : Primary school Students Software : Flash. Illustrator
Magical Colors 顏色魔法師 English digital teaching materials applied to electronic whiteboard teaching, include animations, games, activities and songs. Hope to enhance the quality of teaching and student’s attention.
The Colors In Our Home
The Colors Of People
Animation Film - Pan's Flute
Animation Film - Cinderella's Glass Slipper
Game - Furniture Store
Game - The Amusement Park
Activity - The Colors In Our Home
Activity - The Colors Of People
Song - Three Blue Mice
Chant - Eyes Rhyme
The Colors On The Streets Animation Film - Little Red Riding Hood Game - The Muddled Painter Activity - The Colors On The Streets Song - Colors Here And There
55 64
Magical Colors
Animation Film - Pan's Flute Game - Furniture Store Activity - The Colors In Our Home Song - Three Blue Mice
Magical Colors
Animation Film - Little Red Riding Hood Game - The Muddled Painter Activity - The Colors On The Streets Song - Colors Here And There
Magical Colors
Animation Film - Film - Cinderella's Glass Slipper Game - The Amusement Park Activity - The Colors Of People Song - Eyes Rhyme
Somatosensory Game
詩落的世界
The Lost World: Taiwanese Classical Poems Co-work Project of Somatosensory Digital Game Development Software : OpenNI, Unity, 3Ds Max, Illustrator
System Architecture
The Lost World: Taiwanese Classical Poems Somatosensory Digital Game
Game Elements Coversion
Poems Search Retrieving
Player
Learning Management System
Poems Search Retrieving
Taiwanese Classical Poems Knowledge Base Academic
Game Interface
Enhance interaction and learning of game through cloze game.
Game Elements
63 64
Start, Cancel, Answer Matching, Query Hints, Score and Picker.
Li Wei Ting / 李瑋婷 +886 928 392232 talent10217@gmail.com
Li’s Portfolio 2015