2019 2020
Hu ang ing
黃寧
HUANG NING
NTUST DESIGN PORTFOLIO
Resume
黃 寧 Huang Ning 1998-05-12 2016-2020 台灣科技大學 設計系 工業設計組
多向思考
藝術史
產品設計
2013-2016 鶯歌高級工商 廣告設計科
熱愛分享的金牛座
閱讀
插畫
服務設計
Contact
自帶理工男技能的設計師
自學
UI/UX
h2009210@gmail.com
0971-667-369
黃寧
stmarrymead1976@gmail.com
h8705120512
h2009210
Resume
Experience
2019 JUL-SEP 台灣奧美 創意部實習生
2018-2019 台科大語言中心 視覺設計
Professional subjects
產品設計 從需求分析到原形測試的設計提案
Software abilities
服務設計 在產學合作中學習服務設計的應用 互動介面設計 分組進行介面設計案
Competition 2020 2020 金點概念設計獎
2018-2019 MorSensor 無線感測積木創意應用設計競賽 銀獎
特別獎 入圍
2018-2019 環境關懷設計競賽 入選
2020 金點新秀循環設計 2020A+ 文資創意季設計競賽
國泰保險服務創新獎 銅獎
Ai
Ps
Id
Pr
Xd
Content
07 Hamon
衛生試用品設計
27 airro
機場服務流程設計
51 Nice Vice 社會設計
61 Other Works
包裝設計、海報設計、插畫
Product Design | 2019 02 - 2019 07
Hamon 乾淨衛生——找到適合你的化妝品
Huang Ning
資料收集、使用者研究、外觀設計
Sandy Huang
資料收集、使用者研究、原形測試
7.
Brief
近七成女性在開架通路購買 化妝品
根據 2017 年 FG 彩妝消費行為大調查，我們發現 68.6% 的女性都以開架為購買彩妝的主要通路。
Challenge
試用品細菌多多
疫情浪潮
下，滋生許多細菌的藥妝店試用
藥妝店也必須暫停提供試用品，
然而在共用及未經清潔的情況
品，長久以來令消費者感到十分
8.
困擾。
隨著肺炎疫情在全球越演越烈， 避免感染風險高的共用行為。
專案目的
改善開架消費者，在藥妝 店琳琅滿目的商品中購物 的體驗。
9.
Design process
1
問題發現
AEIOU 現場觀察 半結構式訪談
Discover
10.
2
資料整理
WAAD analysis Persona CJM
Define
3
概念發想 材料研究
4
設計產出
快速測試
Develop
Dliver
Discover | AEIOU現場觀察
為了了解消費者的需求與實際情況，我們使用 AEIOU 現場觀察的方式，在開架進行紀錄與觀察。
11.
Discover
|
半結構式訪談
在問題發現階段，我們採用半結構式訪談，訪談了 19~21 歲的女性消費者。
6 12.
19~21yrs 女性大學生
/人
6
經常在藥妝店消費
/場
6.5
/ hr
Define | WAAD analysis 運用網路資源
透過分析訪談資料，我們發現化妝新手經常面臨以下困難。
開架消費的困難
吸收資訊
獲取商品資訊
不確定是否合適
我都自己學 化妝，看影片， 爬文
我開箱的時候會 被燒到，然後不 小心買
我最大的困難是 不知道好不好看
20190427-1-01
我學化妝是看 YOUTUBER、 跟上網查。 20190429-2-01
我都看網站照 片、部落客，先 請朋友畫一邊， 自己畫完剩下一 邊
20190429-3-01
20190427-1-03
我看 FB 的的網頁， 以聯名款為主，因 為我買化妝品就是 買它的盒子 20190430-6-03
20190427-1-04
我最希望知道好不 好看，因為有時候 自己覺得好看，可 是別人會提出指正 20190429-5-04
我不知道哪些能省 略，哪些不能省略， 這個顏色適不適合 我，這個質地適不 適合我 20190430-6-05
產生浪費
我雖然會想學得更 好，但是需要很多 錢去買東西，但是 沒那個閒錢 20190427-1-05
我試過不好用的 美妝，都會賣掉， 少數會留著多試 幾次。 20190429-2-05
必須 現場消費
我真的要使用還 是會麻煩朋友跟 我一起出去買 20190430-6-03
我如果沒接觸那 個東西過，也不 知道那個要怎麼 用 20190427-1-04
我要買到好幾種 不適合自己的東 西以後，才會找 到適合自己的 20190430-5-04
我不知道顏色， 適合甚麼膚色， 不知道持妝力如 何。 20190429-2-07
13.
Define
14.
|
定義問題
Define
|
人物誌 Persona
根據訪談結論與問題定義，我們總結出一名代表使用者。
想試用化妝品，卻因不衛生而怯步的 Z 世代消費者 「好喔，這個試用品到底多少人用過？」
Goal
Frustration
找到適合自己的化妝品
除了要卸妝，因試用品衛生問 題，也只敢試在手上，購買時 感到非常困擾。
15.
Define
|
顧客旅程地圖
整理上述資料後，我們使用顧客旅程地圖分析服務痛點。
痛點分析 試過產品才知道是否合適 評估不足產生閒置與二手的 化妝品 缺乏判斷技巧好壞的標準
17.
Develop | 概念發想
18.
Develop | 材料研究與快速測試
19.
20.
Deliver | 設計產出 Hamon 是衛生試用化妝品的設計概念。
購買開架化妝品時，試用品的衛生疑慮、以及卸妝對 已帶妝使用者所帶來的困擾，都令人怯步。
疫情浪潮下，藥妝店因應防疫措施紛紛撤下試用品。 但也使消費者易購入不適合的商品。
Hamon 小巧的體型適合隨身攜帶，支援眼部、唇部、 眉毛，三個需要實際上妝才看得出妝點效果、又具有 高傳染風險的部位。
內附小鏡面可供使用者隨時查看效果，與清潔試妝片 的酒精棉片，在美麗的同時保持安全衛生。
21.
22.
23.
24.
25.
Product Design | 2018 09 - 2019 01
行李跟著走，機場導航好輕鬆
Huang Ning
資料收集、使用者研究、UI 設計
Wen-jin Chen
資料收集、外觀設計、原形測試
27.
Ｑ： 機場迷路 負重行走
28.
概述
Airro 是一台機場導航行李車，它提供乘客導航至登機口或機
場各處，及載運行李的服務，解決轉機及一般旅客在出境大廳中 尋路的心理壓力，與行李造成的心理負擔，此服務將由搭乘的航 空公司提供。
29.
問題定義
在這裏，為了了解旅客在機場所面臨的問題，我們透過 5W2H 法 與觀察紀錄法，定義出問題的輪廓．
30.
服務流程探索
我們探索機場服務的流程．將情況較為負責的轉機為思考的起點，其 分為轉機前與轉機後，並以香港國際機場為參考，分析機場的動線．
轉 機前
1
2
3
4
5
報到 / 托運
安檢出關
前往登機門
等待登機
登機！飛行中
31.
轉機 中 32.
1
下機前往 轉機櫃檯
2
辦理 登機證
33.
3
驗票 安檢
4
等待 / 休息
5
前往 登機門
6
順利 登機
訪談
採用半結構式訪談 3 名使用者後，我們發現，使用者在轉機時會產生強烈的不安與疲勞．
大範圍與陌 生造成迷路
機場人員協助
活動
溝通不良
趕時間
我認為機場的指 示很不明確
我認為櫃檯服務 人員效率很差
我在轉機時有導 遊告知路線
轉機過程中找到 登機口我才能真 正放鬆
我的隨身行李很 重，因為帶了工 作用的筆電
20181113-1-03
20181113-1-01
20181113-2-01
20181113-1-07
20181113-1-06
我第一次去大機 場時容易繞來繞 去，感到不安
我有因櫃檯服務 太慢而錯過班機 的經歷
我在轉機時有空 姐舉牌指示路線
我在轉機時擔心 錯過班機而忍著 不用餐
我在機場一邊帶 小孩一邊提行李 非常累
20181113-1-04
20181113-1-02
20181113-2-01
20181113-1-08
20181113-3-01
我在轉機時因指 示不清找不到登 機口和轉機櫃檯
有人帶領讓我的 轉機旅程很輕鬆
20181113-1-05
20181113-2-03
我向櫃檯人員問 路，卻因為櫃檯 人員表達不清， 還是找不到路
我認為轉機時需 要知道路線及該 做的事是什麼
20181113-3-04
20181113-2-02
等待 滑手機是我等待 時的主要活動 20181113-2-04
我覺得機場內可 以吃東西的地方 很少 20181113-2-05
34.
隨身行李的 影響
得到正確資訊
在機場如果我要 從行李箱拿東西 很麻煩 20181113-3-02
因為要帶土產、 隨身衣物等，我 的隨身行李很重 20181113-3-03
人物誌
運用 WAAD 分析．我們總結出一名代表使用者．
精神緊繃、 怕錯過飛機的 職業女性
• 曾因指示不清與地勤人員 溝通不良而迷路 • 因 工 作 用 筆 電， 隨 身 行 李 仍然很重．
需要充足的資訊與減輕 行李負擔來幫助轉機
焦慮程度 低
Goal 有精神地在出差時完成所有任務 將精神、力氣多留給接下來的工作
使用頻率 低
高
負荷程度 低
高
高
Frustration 大量移動帶來疲勞 時間壓力與資訊不透明帶來焦慮 在陌生環境迷路並找不到所需資源
35.
顧客旅 程 地 圖
36.
機 場服務三大痛點 資訊零碎不透明 飛行流程介紹、航班資訊、路況導航
隨身行李妨礙行動 行李運輸系統
排隊耗時、降低效率 航空公司服務預約
37.
問卷調查
38.
為了驗證旅客是否有這樣的痛點與需求，我們蒐集了 142 份的問卷，來驗證我們的構想．
結論
我們應該針對快速幫 旅客找到需要的資訊與目 的 地， 及 緩 解 迷 路 的 不 安 與行李的負擔進行設計．
39.
Airro 服務將由搭乘的航空公司提供 40.
設計提案
我們規劃了全新的轉機服務流程，解決負重行走與迷路的問題， 來協助旅客有更愉快、輕鬆的旅程．
41.
42.
原型設計
我們的服務體驗，以航空公司的手機 app 與導航行李車為主要的接觸點，利用 手機 app，我們協助旅客順暢的完成線上報到與輕鬆租用導航行李車的服務．
掃描查看 Pr otoytpe
43.
點擊＋號 / 圖示新增航班
搜尋機場
搜尋目的地與查看航班
點擊
收藏航班
航班首頁
航班首頁能立即查詢航班，將航班加入收藏隨時顯示在首頁，
讓旅客能快速查詢搭乘的航班，找到需要的資訊，並能隨時拿出來查看．
44.
點擊導航圖示
查看轉機櫃檯資訊 與導航
點擊 Book 按紐 抽取號碼牌
成功！
轉機協助
為了緩解旅客對找不到轉機櫃檯與害怕排隊拖延時間的焦慮，Airro 能幫助
使用者查看位置與導航至轉機櫃檯，還可線上抽取號碼牌，節省排隊時間．
45.
點擊 Check-in online now 按鈕
輸入機票號碼 或登入航空公司會員
線上Check-in
為了讓旅客更快速的完成
轉機手續，我們也提供線上 Check-in 的服務，只要是
該航空公司的乘客，便能利 用這項功能，在轉機時省去 到櫃檯報到的麻煩．
46.
選擇旅客
輸入護照資訊
選擇座位
成功得到 登機證！
點擊 Wayfinding 標籤頁
可顯示導航狀態及剩餘時間
導航中
導航結束
提示將遙控器 放置機器凹槽
導航頁面
在使用登機證 QRcode 租用 airro 導
航行李車後，在 APP 的導航頁面上，
便會顯示狀態資訊，使用完畢時，依循
歸還成功！
指示便可輕鬆歸還機器．
頁面顯示狀態、使用時間、目的地
47.
產品渲染效果
產品呈現 遙控
Airro 在租借後，使用者可 用遙控器切換導航／跟隨／ 待機模式，並調整 airro 的 速度。
48.
警報模式
在警報模式下，若有行李被拿 起，會觸發警報，使機器發出 鈴聲，按壓遙控器前端按鈕可 關閉警報模式。
速度旋鈕
模式燈
切換模式
停止鍵
警報模式鈕
跟隨
使用者在中途用餐、 逛免稅店等場景使用
導航
至登機口及機場各處 airro 會在使用者前方投 影方向燈
搬運 行 李
行李放置在 airro 上後， 可用彈力帶固定行李
49.
50.
Social Design | 2019 09 - 2020 05 2020 金點新秀循環設計特別獎 入圍作品
NICE VICE From Vice to Nice.
Huang Ning
資料收集、視覺設計、模型製作
Meng-heng Wu
資料收集、工藝設計、模型製作
51.
52.
53.
54.
55.
56.
57.
58.
59.
Other Works 包裝設計、海報設計、插畫
61.
包裝設計
62.
63.
海報設計
64.
插畫
65.
66.
Thank you.