POFORTLIO
個人簡歷
CONTENTS
目 錄
06
設計作品 UIUX 設計
09
-課堂練習 / 旅遊資訊整合APP
-商店銷售及購物流程整合系統 / 育秀盃軟體應用設計
產品設計
35
-高齡者自動藥物分配提醒機 -家電設計 / 咖啡機優化 -手工具設計
平面設計
49
-待完成的夢想 / 猴囝仔 -手工具設計 / 修繕家 -海洋文創設計 / 序洋 -壓克力競賽 / 矛盾
-水泥期末專題 / 你好,孔固力
2016-2017
陸軍後勤訓練中心 服役
R.O.C. Army Logistics School 2015-迄今
國立雲林科技大學 工業設計系 就學中
National Yunlin University of Science and Technology 吳
刻墾 / KE KEN,WU +886-978-826-359
kolabffm6817@gmail.com 1997年8月,出生於桃園
Department of Industrial Design 2012-2015
國立員林崇實高工 室內空間設計科 畢
National Yuanlin Chungshih Idustrial High School Interior Space Design
PROFESSIONAL SKILL
產品設計/介面設計/產品版面編排/3D電腦繪圖 RHINOCEROS SOLIDWORK KEYSHOT
COREL DRAW AI
PS
06
WORK EXPERIENCE
2018
5% DESIGN ACTION 彰化設計行動-參與中
2018
泥好製所-暑期實習生
社會設計-彰化在地共創與研究
ACTIVITY EXPERIENCE
2018
108級雲科工設畢籌會-展示組組長
2018
彰化永靖 好食花派對-活動講者
2018 2018 2017 2016 2016 2016
Ipass 行動APP企畫師-初級能力鑑定通過 UXCube「TA你到底在哪裡」工作坊 Lexus設計大賞workshop
雲科工設25th期末展覽『OH!海游』 手工具業師指導工作營
創意工坊CNC工作培訓營
AWARDS
2018
第十五屆育秀創意賽軟體應用組
2016
全國壓克力設計競賽
2016 2014
立督科技-鋁質時代競賽
入 圍
第二名
工業類科技藝技能競賽 應用設計組 優
勝
07
新北板橋
Banqiao
UI UX DESIGN UI UX
шин шиИ
09
R
旅遊資訊整合APP / Travel
指導老師:陳詩捷
專 案 組 員 : 雷 政 諭、吳 軒 儒 擔任職務:
使 用 者 經 驗 研 究、U I 介 面 設 計
ut
e
-設計流程
-現況分析 1.旅遊之前規劃景點時需瀏覽多種網頁及APP
脈絡分析
2.各種比較(品質與價格)眾說紛紜
用戶訪談
3.如果要舊地重遊會忘了之前規劃
旅程分析
-目標族群
UX DESIGN UI DESIGN
喜歡自行規畫行程的旅行者
-顧客旅程圖
故事情境
功
能
資料蒐集流程
旅遊前-規劃
A.瀏覽食衣住行樂資料 B.收藏資料 C.比價 D.規劃行程順序
旅遊中
A.找尋目的地路線 B.等待交通工具 C.拍照
旅遊後
A.整理收穫 B.旅途寫照
(排名清單&內容預定)
-用戶可以集中比較,快速評比與收 藏資訊,避免資訊來源雜亂而忙於更 換平台 -集中資訊做快速順序規劃
即時資訊更新 (路線&時間)
-整理目標即時資訊,減少搜尋體驗
資訊保存紀錄
-連結關鍵字得到他人的建議資料 11
腳本、流程圖與UI介面
旅遊整合APP設定了五大功能 : 交通 / 住宿 / 區域活動 / 美食關鍵字 / 路程規劃、導航 開啟應用程式之流程圖設定 :
12
首頁開啟UI介面 : - APP 輪播介紹
- 詢問是否連結臉書
- APP 輪播介紹
- 個人選單列
- APP 登入頁面
- 進入五大功能頁 當點擊時Icon會 放大並顯示名稱
13
交通資訊之流程圖 :
交通資訊之腳本 :
14
交通資訊之UI介面 : 交通資訊功能畫面介紹 :
-整合台灣四大交通工具讓使用者更直覺使用
火車
單車
機車
公車
15
住宿資訊之流程圖 :
住宿資訊之腳本 :
16
住宿資訊之UI介面 : 住宿資訊功能畫面介紹 :
-整合景點及住宿店家資訊
讓使用者更快速連結附近遊玩景點 節省過多app切換困擾
完成訂房
訂房選單列
17
區域活動之流程圖 :
區域活動之腳本 :
18
區域活動之UI介面 : 區域活動功能畫面介紹 :
- 使用者可以更立即的透過區域輸入
將所在地附近的活動清單條列出來
-店家也可以建立活動吸引人潮
輸入區域進行查詢
細項點擊可以聯絡店家 或加入最愛
店家也可以自行建立活動 形成雙向系統
19
美食關鍵字之流程圖 :
美食關鍵字之腳本 :
20
美食關鍵字之UI介面 : 美食關鍵字功能畫面介紹 :
- 使用者簡單輸入印象中的字詞 系統透過大數據快速搜尋相關 名單
- 詢問是否開啟權限
-點開後可以透過系統連結店家電話 不用再額外查詢
21
路程規劃之流程圖 :
路程規劃之腳本 :
22
路程規劃之UI介面 : 路程規劃功能畫面介紹 :
主要分成路線及景點兩大規劃
-路線可以透過輸入想去的區域(大範圍) -景點可以輸入特別想去的路名(小範圍)
23
第15屆育秀盃競賽-軟硬體應用組
商品銷售及購物流程整合系統 / 入圍
24
-設計背景
-目標族群
我們發現雖然最普遍的網購風潮,手機平板立 即下單就能簡單購物,但仍有許多消費者對於
實物的真實性還是保持懷疑,寧可親自到店家。
喜歡網購又講求私人空間之消費者
-現況分析 1.許多消費者較不願意店員一直隨旁推銷以及介紹(需私人空間) 2.當要試穿時,店員總是需要來回多趟的拿取(易耗時)
3.草率決定購買,可能還會因尺寸不合而需換貨或退款(尺寸不全)
影片連結
(後面更多詳解)
-顧客旅程圖
故事情境
功
能
資訊推播及商品現況
消費前
A.瀏覽APP最新商品 B.預約要的商品 C.查詢最近實體店家及庫存
(庫存清單&商品預約)
-消費者能更快速接收最新資訊及查詢 最近店家庫存,可提前預約有興趣的 商品,避免白跑一趟
雲端大數據分析 消費中
消費後
A.享受個人購物空間 B.關鍵字快速找尋要的風格 C.倉儲自動遞送要試穿的商品
A.快速回收試穿品 B.多個結帳平台,減少人流堵塞
(商品風格)
-建立風格大數據於雲端,讓消費者更直 覺挑選自己想要的商品並透過自動倉儲 遞送
售後服務
-透過回收機器人將試穿後的商品收回 讓人員專注為消費者服務 25
-設定場域 & 目標市場 -放置於店家中的每個個人購物空間 -個人手機應用程式
-流通於網路商店與實體商店之間 -設定場域模擬
26
-新品展示區
-顧客等候區
-陳列展示區
-個人消費空間
-自動回收機器人放置區
-結帳空間
-特色功能 考量每位消費者的需求
可輸入自己的喜好風格
的舒適購物空間。
透過VPI,機器可快速搜
關鍵字或直接輸入式,
不同,提供一個更專屬 個人購物空間
關鍵字搜尋
透過此技術,使商品可
透過回收機器人,可以
客手中。
間,提升整體商店的服
以被快速選取並送到顧 自動倉儲科技
尋符合的商品。
省去在商品整理上的時 自動商品回收機器人
務品質。
-自動回收機器人運作原理 回收機器人出發點為掃地機器人的概念,因為在路徑規劃的技術上,是掃地機器人核心技 術之一。路徑規劃分類為兩種: 1/點到點的路徑規劃、2/完全遍歷路徑規劃。 本自動商品回收機器人採用 收放置地。
點到點的路徑技術,點到點為顧客個人購物空間到店內回
路徑移動上以室內定位技術為主,並且透過硬體的紅外線探測器, 偵測周遭是否有非固定位置之移動物件,防止機器人發生碰撞。
27
-系統架構 本系統架構分為四區塊 A.店面 (STOREFRONT) B.倉庫 (WAREHOUSE)
C.家中或戶外 (AT HOME AND OUTSIDE) D.雲端伺服器 (CLOUD)
平台類型 : Android / OpenStack
28
STOREFRONT 店面 提供消費者個人購買環境的區域,與規劃的系統讓消費者僅操作平板就能簡易的挑選商品。系統
依據風格分類的排序與顏色的區分,提供消費者能依自己的喜好在琳瑯滿目的商品中挑選適合自 己的,省續大量的時間。
試穿商品的部分,則依靠輸送帶將倉庫的貨品自動化地送達給消費者,省去店員的找貨時間。對於
試穿後不要的商品,本系統提供自動整理機器人,將消費者試穿不要的商品,自動化地收取,並根 據室內定位技術將收取的商品送達指定區域,靠著機器人自動化的協助,省下店員的人力成本。 WAREHOUSE
倉庫
當貨物進貨至倉庫時,會同時在雲端伺服器建立資料,且當倉管人員放置貨品時,隨時地更新存放
的位置(代號)至雲端伺服器。上述描述是為了當消費者使用平板時,選到中意商品想要試穿,這時 倉管人員會收到此要求,系統也會自動找尋該商品的資料(存放位置)顯示出來,透過自動倉儲技術 也可以快速找到該商品,並且送至輸送帶上,進而減少尋找商品的時間。
AT HOME AND OUTSIDE
家中或室外
消費者可以依照需求下載APP,APP上能推播最新商品的訊息,使現在普及手機用戶都能收到訊息
,減少額外打廣告的開銷。也供消費者能查詢商品的庫存量,以避免讓消費者到店家撲空白跑一趟 ,都是為了提高消費者的服務品質。
CLOUD
雲端伺服器
本伺服器架構採用Map-Reduce之技術,因應大量數據資料的運算處理,將複雜運算量高的工作, 做分散式的運算處理,達到即時的運算結果。用來負責店面、倉庫和室外手機上的資料管理,雲端
伺服器的資源管理可藉由OpenStack,提供資源的分配、管理介面、自動部署...等優點,簡化伺服 器管理上的複雜。
29
-UI介面功能介紹
STEP.1
應用程式首頁介面
STEP.2
點選「 進入商城 」或「 快速購買 」
-進入商城 : 對於喜歡在店家慢慢挑選的消費者 -快速購買 : 對於已挑選完商品的消費者
30
STEP.3
點選「 男生 」或「 女生 」專區
STEP.4
點選自己喜愛的風格或 輸入關鍵字搜尋
31
-UI介面功能介紹
STEP.5
點選左排自己喜愛的風格跟尺寸
STEP.6
登入頁面,可透過其他方式連動
32
STEP.7
登入後,勾選自己要的商品 並向倉儲提出試穿要求
STEP.8
「 快速購買 」於手機商城APP
先行儲存喜愛的商品QR Code 並進行讀取
33
臺北士林
Shilin
PRODUCT DESIGN 產品
設 計
35
DRUG REMINDER
FOR Elderly 自動藥物分配提醒機
36
-設計背景 高齡者因大腦記憶力退化而產生的老人健忘,它主要是暫時性的記憶障礙,只需要透過旁 人提醒就能想起。
主要是要避免影響高齡者的居家生活機能以及透過提醒的方式,減少想不起來的煩躁感。
-設計問題 高齡者因生理機能退化產生的後遺症 -大腦記憶力退化 -內分泌的減緩
-感覺系統敏感度降低 -身體肌力降低 -抵抗力下降
-設計目的 -避免影響高齡者居家生活機能。
-有聯想的提供記事提醒,減少想不起來的煩躁感。
-健忘症( 暫時性記憶障礙 )
大腦的檢索能力出現障礙。 資訊在,但暫時找不到或花 了一些時間才找到。
-目標族群
-退休在家料理事事的高齡者。 -重複吃、吃錯藥。 -用藥時間錯誤。
Good life from now on
37
-特色功能 -Wisdom prescription sign
/ 智慧處方籤
-AI Voice Assistant Monitoring / AI語音助理監控 -LED flashes
-TIME alarm reminder
/ LED閃爍燈光
/ 時間鬧鈴提醒
-故事情境
領藥時 Get medicine 醫護人員與長者間的溝通落差 分藥時 Dispense medicine 社工人員不懂該如何長者分藥 用藥時 Medicate 容易有忘記吃、吃太多、處方籤內容
38
-操作流程 按下啟動並插入健保卡
點選設定並依照指令配藥
設定每日定時定量鬧鐘
39
LIANG
手工具設計-捲尺改良設計
-設計問題 於量測尺寸時
-手中無任何可畫記的工具
-在高處施工時,容易造成重心不穩而發生危險
-量測距離過長時,容易有前端鬆脫的困擾
-設計目的 -降低高空施工者的危險性
-目標族群
-提高作業施工效率
-須高處攀爬且測量之使用者
-給予使用者更流程的體驗
-特色功能
側邊垂直量尺取出
42
伸縮滾輪設計
滾輪式畫線
-操作流程
STEP 2 固定於量測好的位置
並用大拇指將滾輪推出
STEP 3
STEP 1
即可滾動劃記
並將捲尺取出
推出後
手與量尺呈垂直狀態
43
Enjoy Your Coffice Time
MAI
COFFEE Machine
-設計問題 咖啡是許多上班族上班前必備的飲品,但往往因
早起時間太快倉促無法到超商買或公司內的咖 啡口味不合自己。 -設計目的 以下功能要點 :
1.快速、好清洗
-目標族群
2.輕便、好組裝
-喜歡享受個人時光的上班族
來滿足喜歡享受個人時光的上班族
-故事情境
平日
假日
-快速 / 定時 / 操作簡單
起床
早午餐
-輕便 / 收納 / 防漏
通勤
-快速 / 好清洗
辦公
-快速 / 定時 / 操作簡單
午餐
-快速 / 口味多 / 容量大
下午茶
-快速 / 方便
加班
出遊
-輕便 / 好組裝 / 好攜帶
下午茶
-口味多 / 製造氣氛 45
-設計草圖
46
-操作流程 STEP 1
STEP 2
STEP 4
STEP 3
Put WATER in
Press to pop up
Heating level
40>70>100%
Wait for machine working
WATER
COFFEE
47
台南
Tainan
GRAPHIC DESIGN 平面
設 計
49
-待完成的夢想 / 組形象-猴囝仔 A
50
-待完成的夢想 / 組形象-猴囝仔 B
51
手工具設計 / 修繕家
52
53
-海洋文創設計 / 組形象-序洋
54
55
CONTRADICTION
-壓克力設計競賽 / 組形象-矛盾 A
56
-壓克力設計競賽 / 組形象-矛盾 B
57
水泥期末專題形象 / 你好,孔固力
58
グ ッ ド 泥
ホ ー ル 固 体 力
59
KE KEN,WU 吳 刻 墾
+886-978-826-359
kolabffm6817@gmail.com
- THE STORY FROM CHANGHUA -