2018-2019
鄭 蕙心
CHENG,HUI HSIN
DESIGN PORTFOLIO
UI/UX designer 01_Relish 戶外共享廚房預定 02_Brilliant 照片管理軟體
03_Gift Karma 傳善分享平台
04_Takoyaki master 高齡桌遊
設計師似水，滲透問題，變化解方。 Fall in love with the problem, not any particular solution.
a b out m e
a b out m e x u x / u x designer HELLO! 我是鄭蕙心，一位碩士剛畢業的社會 新鮮人，喜愛學習與自我挑戰，認為瞭解問題 比解決問題更重要。 我能換位思考，擁有 UX 思維與的 UI 設計美 感，曾在不同場域與目標人群實作過 UX 的研 究方法，能分析用戶回饋和理解用戶行為，整 合至 UI 視覺設計。 我做事很有條理與責任感，會掌握時間達成設 計專案，碩士赴上海交換學生，2 年完成學位， 因此我能設定目標並積極地完成，達到高品質 的要求。 我擅長與跨領域協作者溝通，曾與前端、行銷 合作實際上線的產品，實作手機介面的專案， 會使用快速原型工具和視覺軟體完成專案。 我有業界平面設計的實戰經驗，曾在 2 間接案 的新創公司實習，協助設計師和工程師製作網 頁，瞭解客戶需求與換位思考的重要性。 我正在尋找 UI/UX 設計師的職位，相信我有足 夠專業知能，在未來能協同設計團隊一同完成 更好的數位產品。
curriculu m v ita e
Cheng, Hui Hsin 鄭 蕙心
c o n ta c t (+886)988-058-320 cindyindy6614@gmail.com medium / linkedin / issuu
E d u c at i o n National Yunlin University of Science and Technology MA Digital Media Design
09/2017-08/2019 ｜ Yunlin, Taiwan
Tongji University Exchange MA Design Innovation and Entrepreneurship, College of D&I 02/2019-06/2019 ｜ Shanghai, China
National University of Tainan BS Information & Learning Technology 09/2013-06/2017 ｜ Tainan, Taiwan
w o r k ex p e r ie n c e
Skills
Anthropology, Service Design, User Research, Design Methodology
Design method
YunTech & Tongji-UI/UX Design Course 09/2017-06/2019 ｜ Ynnlin & Shanghai
Research target users and fields by UX method. I have designed UI product that reservation of sharing kitchen and platform of kindness sharing.
Workshop facilitator assistant
culture probes, shadowing, focus group, storyboard, user testing, prototyping, affinity diagram, persona, journey map, questionnaire
Design research case study, qualitative research, design education, social design
DBS Bank-Innovation Family Maker workshop
Language
03/2019-06/2019 ｜ Shanghai, China
Mandarin_native
Cooperate with DBS Bank & First Education, I assist in facilitating nearly 100 groups of parents & child to make innovative designs, 4 workshops in total
Taiwanese_conversant
Software
Digital & Media Intern
WWOOF España-EU YOOF Project
07/2018-08/2018 ｜ Cereceda, Spain
Ps
Ai
Id
English_conversant
Spainish_knowledge of
Ae
Xd
Honors & Awards
Design educational materials about digitial video for Youth, Multimedia & Food Workshops for EU's young farmer, e.g. instructional manual, poster
MOST subsidy international conference
Graphic design intern
01/2018 ｜ Taipei, Taiwan
Insowe Digit Co., Ltd.
06/2016-08/2016 ｜ Tainan, Taiwan Online and offline graphic design, e.g. Web page, EDM, FB poster, Leaflet for different clients
Multimedia design assistant PonyWang Image
10/2015-06/2017 ｜ Tainan, Taiwan Retouching, post-production, synthesis the photos & vectors for selling to gallery(shutterstock etc...)
05/2019 ｜ Shanghai, China
MOE Smart Living Gold Award Design Good Life in town-Bronze Award 07/2017 ｜ Hsinchu, Taiwan
E xhi b i t i o n Kitchen for rental
05/2019 ｜ Shanghai, China
Gaze outside life:Experimental video art 01/2019 ｜ Yunlin, Taiwan
TA B L E O F CONTENTS 01 Re l i sh 01 the Design Study on Sharing Outdoor Kitchen in Rural Shanghai UI/UX Design, Environment Design
02 BR I LLI ANT PH OTO 16 A photo management system on NAS UI/UX Design, Visual Design, B2B, B2C
03 Gi f t K arma 30 the Platform of Kindness Based on Gift Economy UI/UX Design, Social Innovation
04 Takoyaki ma ster 40 A Tabletop Design for the Elderly
Product Design, Game Design, UX Design
Brilliant Photo
1 RELISH
01
RELISH the Design Study on Sharing Outdoor Kitchen in Rural Shanghai
Category_Environment Design, UI/UX Design, Design Research Duration_2 months in the 2019 Co-design_Wen Chi Hu, Yi Yen Wang, Xiao Wei Guan, San San Tsao My Work_Design Research, Sketch, User Interview, UI/UX Design CIS, Infographic, Video Cooperation_
2
HUI HSIN CHENG DESIGN PORTFOLIO
BACKGROUND
Cooking
Cooking
Outdoor
Cooking
Reference ·Karp A(2006).Mental, Physical and Social Components in Leisure Activities Equally Contribute to Decrease Dementia Risk. Dementia and geriatric cognitive discorders. 21:65:73. https://doi.org/10.1159/000089919 ·Gregory N. et al(2015), The benefits of nature experience: Improved affect and cognition, Landscape and Urban Planning, 138:41-50, ISSN 0169-2046, https://doi.org/10.1016/ j.landurbplan.2015.02.005. ·Gill Pomfret & Peter Varley (2019) .Families at leisure outdoors: well-being through adventure, Leisure Studies, DOI: 0.1080/02614367.2019.1600574 ·Black DW et al(2014). Psychological distress, job dissatisfaction, and somatic symptoms in office workers in 6 non-problem buildings in the Midwest. Ann Clin Psychiatry 26(3):171-8. ·Farmer N, Touchton-Leonard K, Ross A. Psychosocial benefits of cooking interventions: A systematic review[J]. Health Education & Behavior, 2018, 45(2): 167-180. ·Shanahan, D., Bush, R., Gaston, K. et al.(2016),Health Benefits from Nature Experiences Depend on Dose, Scientific Reports 6(28551) DOI: https://doi.org/10.1038/srep28551 ·中华人民共和国农业农村部 (2019)。http://www.moa.gov.cn/xw/qg/201901/t20190131_6171034.htm 上海市域生态空间规划 2017-2035 ·尚晓娜 (2014)。上海市乡村旅游消费者行为研究。上海师范大学碩士論文 ·金钊 (2017)。浅析自然环境对人身心健康的重要作用。北京北研大自然教育研究院 ·IASC 机构间常设委员会 (2007)。机构间常设委员会紧急情况下精神卫生和社会心理支持指南，IASC, Inter-Agency Standing Committee ·案例聚光灯，从市场到社区商业样本，" 万有市集 " 玩出了哪些花样？ 2019 年 4 月 2 日 取自：http://www.360doc.com/content/17/0722/07/45592509_673218895.shtml
3 RELISH
market rese arch Environmental position
近
城市公园绿地 从居住地点步行 15mins 可达
郊野公园 散步，自驾出行，大巴专车
周边乡村 远
上海市民体验自然出行图分析
case analysis
自驾出行，大巴专车
4
HUI HSIN CHENG DESIGN PORTFOLIO
user rese arch Target user
46%
频率：至少 1 次 / 月
Results of questionnaire 86%
5-6 20
农户农家饭
86
18
18 16
自助烧烤
14
60
12
10
10
自带食物
6 4
小餐馆
9
8
50
3
2
2
38
0
02
84%
04
06
08
77.3%
01
0-23
00
74%
-4
5-67
94%
-8
9-10
76%
5 RELISH
Summary of user interview
「我们这是老房子，厨房也没特别改 装，如果太多人用，会很难打扫的呀」
「农家乐吃来吃去都那些油油的鸡汤， 吃的好腻，我妈煮的还比较好吃！」
「备料跟洗碗都太花时间，平日下班就直 接买外食，假日出游想让孩子吃健康点」
「出去玩只有欣赏美景多没意思！还想 要体验当地文化，跟当地人互动」
6
HUI HSIN CHENG DESIGN PORTFOLIO
DESIGN POSITION opportunity ponit
Cooperation mode
7 RELISH
DESIGN cONcept persona & journey map 「不能只关在都市吃外卖，我都带 孩子多接触大自然，多体验生活， 自己烹调的食物才吃的健康。」
女士
BEHAVIOR
TOUCH POINT
APP
THOUGHTS
8
HUI HSIN CHENG DESIGN PORTFOLIO
WIREFRAME A1.1
Entrance Page
FUNCTIOn mAP
A1.2
Find Kitchen
A1.3
Select Kitchen
A1
Kitchen
1.4
n Details
9 RELISH A1.5
Payment
B1
C1
My Bookings
My Account
DESIGN DETAIL LOG O D E S IG N
COLOR P L AN R :
G : B
083 182 116 031 086 033 190 228 202
FON T PL A N
思 源黑体 Segoe UI
171 171 171 247 250 243 255 127 087
10
HUI HSIN CHENG DESIGN PORTFOLIO
UI DESIGN A1. Book the kitchen
Find Kitchen
小程序提供用户各个楼层厨房预定预约功 能，例如采摘活动或当季水果雕刻活动接包 含在内，支援行动支付，为户外出行的用户 提供亲近自然的行程。
Select K
A1.2
A1.1
A1.3
11 RELISH
Kitchen Details
Payment
Kitchen
3
A1.4
A1.5
12
HUI HSIN CHENG DESIGN PORTFOLIO
B1. Booking management 小程序提供订单的修改与查询服务， 方便让用户得知订单细节。
C1
My Account
C1. User's account B1
My Bookings
个人资料管理，不定其提供优惠 卷，便于团队行销，与及时的客 户语音服务。
RELISH
13
14
HUI HSIN CHENG DESIGN PORTFOLIO
service blueprint APP
小程序提供用户各个楼层厨房预定、体验预约、亲子活动、 食材预定、烹饪指导者、摄影师等等预约功能。
若有问题能及 时找到小帮手
展示食谱 的 SOP
Wechat mini programs
胶囊冰柜
Appliances
超声波升降水槽
流水中岛
智能交互屏
15 RELISH 展示食谱做法 的 SOP
谱做法
隐藏式炉灶
流水中岛
派送专人打扫 厨房环境
洗碗机
16
HUI HSIN CHENG DESIGN PORTFOLIO
17
BRILLIANT P H OTO Brilliant Photo
A photo management system on NAS
Category_UI/UX Design, Visual Design, B2B, B2C Duration_2 weeks in the 2019 Co-design_no My Work_Illustration, UI Design Cooperation_no
brilliant photo
02
18
HUI HSIN CHENG DESIGN PORTFOLIO
LOGO & colors
Brilliant Photo, Brilliant Life. logo 結合萬花筒與聚光燈，高彩的紫色代表活力燦爛， 透過照片與雲端網路的整合，能使影像工作多彩多姿。
Brilliant Photo
19 brilliant photo
ICON SETS
target user 影像工作團隊 / 專業攝影師 Brilliant photo 是一款 NAS 上的影像管理軟體，支 援多裝置的協作，儲存海量的影像資料，讓影像工 作團隊在勘景、剪輯存檔、備份輕鬆處理專案。
20
HUI HSIN CHENG DESIGN PORTFOLIO
Starup Page
Onboard_1
Album
Photos
21 brilliant photo
Onboard_2
Login Page
Photo View
Co-work
22
HUI HSIN CHENG DESIGN PORTFOLIO
安全的登入與 Onboard 用戶能透過名字、社群軟體或臉部辨 識快速登入，在 NAS 的監控中，能進 一步確保資訊安全的品質。 Onboard 因應團隊的工作需求，用戶
能在裝置與電腦使用 Brilliant Photo 同 步與組織照片，提升工作效率。
brilliant photo
23
24
HUI HSIN CHENG DESIGN PORTFOLIO
utilities search keywords
album syns from device
album added recently
bottom navigation
25 brilliant photo
多裝置同步與自動管理照片 登入成功後進入首頁，讓用戶便利的管理照片，相簿會 自動從裝置同步與新增，用戶能追蹤最新資訊，並透過 搜尋列可以在照片海快速找到目標。 照片的檢視採用黑色背景，讓視線更聚焦於照片本體， 底部有自動關鍵字 tag，能讓用戶省去標記的時間。
26
HUI HSIN CHENG DESIGN PORTFOLIO
團隊資訊的協作與管理 本頁顯示團隊工作的共享資訊，包含上傳 進度，照片與相簿的共享，讓團隊成員能 掌握最新動態，例如助理上傳勘景影像， 導演與編劇能馬上收到通知。
影像的
所有的照片
列，更直覺
網頁上照片
顯示，右下
修改 / 刪除
的新增 / 修改
片會在此，由新到舊排
覺地顯示今天、昨天，
片也會因橫豎有最佳的
下有視窗方便用戶新增 /
除 / 共享指定的照片。
27 brilliant photo
28
HUI HSIN CHENG DESIGN PORTFOLIO
brilliant photo
29
30
HUI HSIN CHENG DESIGN PORTFOLIO
31 GIFT KARMA
03
G I F T K A R MA the social experiment platform of kindness based on gift economy
Category_UI Design+Social Innovation Design Duration_10 months in the 2019 Co-design_Zhen Yo Ke, Chun Zhen Ye, Ya Lin Ke, Tsun Hsien Wu, Yi Ting Zheng My Work_Wireframes, UI Design, User testing Cooperation_
32
HUI HSIN CHENG DESIGN PORTFOLIO
SERVICE MODEL
友善行動
Step 1
傳遞代幣
Step 2
紀錄友善
Step 3
Reference ·Kolb A.Y.,Kolb D.A., Passarelli A.et.al(2014), On Becoming an Experiential Educator: The Educator Role Profile, Simulation Gaming(45):204. DOI: 10.1177/1046878114534383 ·Ludwig J.(2011). Neighborhoods, Obesity, and Diabetes —A Randomized Social Experiment. The New England Journal of Medicine 2011;365:1509-19. ·Betty Kuo(2015). (Im)Possibility of Reciprocation: Gift Economy in“Letter from an Unknown Woman”. Cross-cultural Studies Vol. 2.1 ·Han-Sheng Wang(2008)。Gift Economy in the Early Victorian England-Charles Dickens's Great Expectations as a Manifestation of the Logic of the Gifti. 臺中教育大學學報 22(1): 67-59. DOI： 10.7037/JNTUHA.200806.0067 ·王玥玮 (2015)。礼物交换与佛教经济学—一个西藏“寺院 - 村落”共同体的互惠与团结。青海民族大学学报第 3 期 :84-91 ·賴俊雄 (2005)。上帝的禮物：再探禮物與交換經濟。中外文學 33(9)。DOI： 10.6637/CWLQ.2005.33(9).161-191 ·闕河嘉、李欣潔、朱亭亭、呂宜華 (2013)。禮物論與臺灣新移民教育政策。農業推廣學報第三十期：63-82 ·陳重仁 (2007)。找尋禮物的理論 : 馬歇 牟斯與牟斯式禮物經濟。中外文學 , 36(3):201-234。doi:10.6637/CWLQ.2007.36(3).201-234
33 GIFT KARMA
KEY VALUE Create new Relationships Record Story of Kindness Everyone has the Energy Action for Change
Rethink Interpersonal Relationship Self Reflection
Affirming the Value of People Positive Energy Transfer
"Gift" 是禮物，"Karma" 是來自印度哲學中的輪迴，
GIFT KARMA 期待以禮物經濟為理念，製造「友善」的正向循環。
FUCTION MAP
34
HUI HSIN CHENG DESIGN PORTFOLIO
WIREFRAME A1.1
a form to record kindness
B1.1
footprints of GK
B1.2
details of GK footprints
DESIGN DE TAIL LOGO DESIGN
FONT PL AN
Arial 微軟正黑體
Arial 微軟正黑體
COLOR PL AN R :
G : B
124 201 120 115 143 050 161 161 161
35 GIFT KARMA C1.1
get virtual token
R :
G : B
245 246 242 255 222 115
C1.2
introduction to GK
C1.3
introduction to team
36
HUI HSIN CHENG DESIGN PORTFOLIO
customer JOURNEY MAP BEHAVIOR
TOUCH POINT
THOUGHTS A
B
C
D
E
37 GIFT KARMA
USER TESTING 上一版蒐集了很多有關使用者的數據，包括國家、年 齡、mail，並想將資料視覺化，但用戶測試後團隊發 現，大部分的用戶會抗拒提供太多的私人資料，在使 用過程會造成尷尬的感受。 我們將計畫要蒐集的數據改變，將資料蒐集聚焦在發 生的「事」而不是使用者「個人」，以此做為設計的 條件之一。
DESIGN PRINCIPLE 使用感受上：速度快、直覺、有趣、視覺化 內容設計上：短時間、不侵犯他人隱私 功能上：給予回饋、Gift Karma 理念、身分別選項 (deliver & receiver)、虛擬代幣
38
HUI HSIN CHENG DESIGN PORTFOLIO
UI DESIGN
footprints of GK
details of GK footprints
A1.
Record kindness 掃描 token 上的 QRcode，即可填寫表 單，內容是關於友善的紀錄。
a form to record kindness
B1.2 B1.1
B1.
Footprints of GK 顯示 token 傳遞過程，每位 Karma 使用者所 紀錄的友善故事。
A1.1
39 GIFT KARMA
C1.
All about GK 介紹關於 Gift Karma 的資訊，若 沒有實體代幣的使用者，也能在 此取得虛擬代幣。
get virtual token
introduction to GK
introduction to team
C1.1
C1.2
C1.3
40
HUI HSIN CHENG DESIGN PORTFOLIO
41
TA KO YA K I MA S T E R A tabletop design for the elderly
Category_Product Design+Game Design Duration_2 months in the 2018 Co-design_Yi Jun Lee, Kun Xian Lee, Bo Yuan Chen My Work_User Research,User Testing Cooperation_
Takoyaki master
04
42
HUI HSIN CHENG DESIGN PORTFOLIO
RESE ARCH PHASE
Aging Society & cognitive disabilities
高齡化社會失智人口快速增加，台 灣 65 歲以上人口之輕微認知障礙盛 行率為 16.04%。 認知障礙會隨著年齡增長，高齡者 患病的機會率上升，記憶力、專注 力等認知能力慢慢消退，而認知活 動可能會延緩輕度認知障礙患者 認 知能力。
CASE STUDY CASE 01: Smar tkuber 老人的認知障礙隨著年紀增長可能性增高， 結合 MoCA，提供一個娛樂性的遊戲體驗， 作為高齡者健康篩檢的工具。
CASE 02: AR cube game 過去對老人的認知測驗都比較嚴肅，沒有趣 味性跟娛樂性，因此設計認知訓練遊戲，訓 練邏輯推理、訓練反應抑制和訊息處理。
Reference Boletsis, C., & McCallum, S. (2016). Smartkuber: a serious game for cognitive health screening of elderly players. Games for health journal, 5(4), 241-251. Boletsis, C., & Mccallum, S. (2014). Augmented reality cube game for cognitive training: an interaction study. Studies in health technology and informatics, 200, 81-87. Steen M.(2016). Organizing Design-for-Wellbeing Projects: Using the Capability Approach. Design Issues: 32(4): 4-15. doi: 10.1162/DESI_a_00412. Murphy K.M.(2016). Design and Anthropology. Annu. Rev. Anthropol. 2016. 45:433–49. doi: 10.1146/annurev-anthro-102215-100224 Feng-Ru Sheu, Yun-Lin Lee, Shio-Jeng Yang, Nian-Shing Chen (2015). User-Centered Design of Interactive Gesture-Based Fitness Video Game for Elderly, Emerging Issues in Smart Learning. 393-397. 周世鑫 (2013)。以日誌分析試探高齡者的生活模式（碩士論文）。國立成功大學，臺南市。 簡淑超 (2010)。高齡者玩具發展趨勢之研究。國立臺北教育大學數位科技設計學系 ( 含玩具與遊戲設計碩士班 ) 學位論文，1-124. 陳振甫 & 陳裕升 (2016)。 高齡者導向之休閒娛樂輔具研究與設計。福祉科技與服務管理學刊 , 4(1), 95-104.
43 Takoyaki master
E xperiment pl anning
Objectives
Implementation
透過桌遊寶石陣觀察高齡者玩遊戲過
3 位長輩與 3 位研究生，4 位進
程的行為，以娛樂的方式訓練反應力、
行桌遊，1 位擔任從旁觀察者，1
辨色力、肌肉運動、同儕建立互動具
位紀錄者。
社交功能，減緩認知障礙的狀況。
observation record ITEMS
Q1. 顏色辨識的能力 Q2. 寶石道具的抓取情形（不同塊數的抓取是否有狀況） Q3. 抓取重量的負擔程度 Q4. 寶石放置到陣形的精準度 Q5. 寶石有不同形狀，高齡者如何選擇不同結構的寶石 Q6. 對遊戲規則的理解 ( 隔一格的規則 ) Q7. 高齡者如何思考分辨放置方式 Q8. 觀察在遊戲進行過程如何互動 Q9. 是否有自主衍生遊戲的行為
44
HUI HSIN CHENG DESIGN PORTFOLIO
Usability Testing USER INTRODUCTION User 1
綠衣 95 歲
User 2
3
藍衣 70 歲
1
2
User 3
灰衣 80 歲
1 st Round 放置行動次數
1
2
3
4
5
6
7
8
9
10
11
12
13
14
受測者 1（勝）
28
4
6
5
41
13
2
18
14
9
4
4
10
21
受測者 2
5
4
33
23
15
37
7
27
5
48
13
3
11
10
15
總遊戲時間：約 21 分，記錄日期 2017/5/8
16
17
18
記錄單位：秒
2 nd Round 放置行動次數
1
2
3
4
5
6
7
8
9
10
11
12
13
14
受測者 2
3
15
30
3
8
30
5
9
3
2
20
7
3
2
受測者 3
24
7
31
36
17 150 32
25
30
21
2
27
37
24
15
總遊戲時間：約 28 分，記錄日期 2017/5/8
16
17
18
記錄單位：秒
3 rd Round 放置行動次數
1
2
3
4
5
6
7
8
9
10
受測者 1
5
9
39
16
2
12
7
12
3
7
受測者 3
3
5
20
5
3
2
2
13
76
49
受測者 2
21
5
5
16
39
8
12
33
1
50
總遊戲時間：約 38 分，記錄日期 2017/5/8
11
12
13
14
15
16
17
18
記錄單位：秒
45 Takoyaki master
observation 第三次實驗形成自主學習環境，高齡者會彼此提醒規則。 實際移動有不確定感。 棋盤比例大小，幫助高齡者視覺上更好判斷。 對棋子辨識困難，放置的速度變快。 觀察員依據狀況自行調整規則，遊戲規則不能太複雜，視覺上的規則較易理解。 男女生無法一起玩。 放的時候不精準，會動到其他人的棋子，且忘記別人原本的位置。 為了判斷遊戲的佈局情勢，促使高齡者有反射性的站立行為（俯瞰角度）。 高齡者對區域佔領式的桌遊表現出興致，競爭的企圖較低，助於促進良性的互動。
design concept 一款適合高齡者的桌遊設計，觀察日照中心高齡者玩遊 戲過程的行為，透過四個種類球狀章魚燒的移動，以娛 樂的方式訓練反應力、辨色力、肌肉運動、同儕建立互 動具社交功能，減緩認知障礙的狀況。 1. 加入故事包裝整個桌遊。 2. 做立體雕堡之類的當作起點的標誌 ( 占 地盤 )。
3. 參考格格不入四方形。 4. 與台灣的文化脈絡相關。 5. 夜市攤位，地域性台灣美食小吃搶地 盤，三角形。 6. 底盤顏色與棋子顏色重新配置。
46
HUI HSIN CHENG DESIGN PORTFOLIO
Takoyaki master
47
Please feel free to contact me!
鄭 蕙心 Hui Hsin Cheng
medium / linkedin / issuu (+886)988-058-320 cindyindy6614@gmail.com
计创造社会共好
2017—2019
HUI HSIN CHENG
UI/UX DESIGN PORTFOLIO
郑蕙心 H u i H s i n C h e n g • P O R T F O L I O