WEN YU-TZU
WEN YU-TZU Experience
UI Designer
2017.9-now 群光電能科技 先進技術中心 / 設計師
Education 銘傳大學商品設計學系 復興商工美工科 SKill Adobe Illustrator Adobe Photoshop Adobe XD Sketch Zeplin Rhinoceros Creo Parametric Keyshot
App介面設計與流程規劃、原型測試 網站規劃與設計 依據設計規範執行介面設計 工業產品外型設計 產品易用性調查與開發流程UX研究
UX Intern
2017.7-8 和碩聯合科技 互動設計部門 / 實習生 易用性測試 使用者訪談 UX研究討論
Design Intern 2016.7-2018.5 森奧策略設計 / 實習生 產品外觀設計 CI與平面設計 攝影
Design Intern
2015.7-8 Haoshi良式設計暑期 / 實習生
展場設計 攝影場景佈置 新產品提案
About Work
1
About Student
4
About Internship
7
IMD Motor ID Design App Design Graphic Design
Tour-Go
ID Design App Design Graphic Design
Pegatron
2017.8-2017.7 Interaction Intern
2 5 8
IWA Web
Web Design Grpphic Design
Sot Cafe App Design
Core Studio 2017.4-2016.7 Designer
3 6 9
IWA UX Rearch
Quantitative survey UI System Usability Scale
Graphic Design Poster & VI
Haoshi Design 2015.8-2015.7 Design Intern
1
IMD Motor ID Design App Design Graphic Design
ID Design
IMD Motor
IMD Motor ID Design
將機身形體設計為弧形來降低視覺量感,在上蓋以 流線外型呈現快速、流暢意象,色彩上選擇深灰色 的霧面材質,傳達出低調沈穩的產品形象。 在操作上突破傳統馬達的操作方式,與App連線後 可即時了解馬達當前狀態並進行參數調整,透過軟 硬體的搭配讓使用上更加靈活、智慧。 Inspiration for shape
IMD Motor
Concept1
App Design
IMD Motor
IMD Motor App Design
查看參數
Site Map Yes
連線 藍芽/QR CODE
連線確定 No
產品狀態
產品狀態 儲存設定
數值調整
儲存成功
儲存 No
IMD Motor
Wireframe
Concept1
App Design
IMD Motor App Design
IMD Motor
IMD Motor
Concept1
中文 蘋方繁
#F98942 Color Pallete
#1467D9 #757575
壹貳參肆伍陸柒捌玖拾 Typography
English Lato AaBbCcDdEe
Other Screens
Graphic Design
IMD Motor
Graphic Design - DM
IMD Motor
IMD Motor
Concept1
2
IWA Web
Web Design Grpphic Design
Web Design
IWA Web Web Design
IWA Web
IWA Web
最新消息
高效馬達
Main Page
首頁
工業電源
應用情境
公司簡介
Concept2
Web Design
IWA Web Web Design
Screens
IWA Web
IWA Web
Concept2
3
IWA UX Rearch
Quantitative survey UI System Usability Scale
Quantitative survey
IWA UX
IWA UX
Space Cycle User Experience Survey
本次研究使用量化研究,有效問卷共10份上海6份/北京4份
職務與一天使用次數 IWA系統
營運
IWA系統
5-6 次
接待
教練
5-6 次
IWA系統
IWA系統
3-4 次
IWA系統
1-2 次
3-4 次
有效問卷共10份 6份/北京4份
IWA UX
Concept3
? 最常使用的功能為何
表層設備控制 底層設備(單點)控制 查看通知
1
2
3
4
很少
5 經常 有效問卷共10份 6份/北京4份
功能的滿意度為何? 功能的滿意度為何
表層設備控制 底層設備(單點)控制 查看通知
1
2
3
4
很差
有效問卷共10份 6份/北京4份
得分 易用性評估得分
5 很好
Best Imaginable Excellent Good
OK Poor Worst Imaginable
100 90 80 70 60 50
北京店
76.5 68.5
分
>SUS平均值68分 分
40 30 20 10 0
有效問卷共9份 5份/北京4份
4
Tour-Go
ID Design App Design Graphic Design
Research
Tour-Go
Tour-Go / 租借式城市漫遊幫手 Research
Tour-Go 是一款推廣城市漫遊的公共租借平衡車,搭配APP解決繁鎖的行程規劃和交通工 具租借的不便,改造以往的平衡車,增加其易學性與舒適度,讓使用者能來一場臨時起意的 慢活輕旅行。藉由個人化車燈設計與APP應用,增加人與人的交流,利用創新載具找回旅行 初衷!
Tour-Go
1
motivation
1
motivation
2
creative concept
Concept4
3
user
4
place
針對在繁忙的生活裡有空閒時間卻不知道如何運用的使用者,設計出以慢 活、短程為出發點的新穎載具,讓使用者能臨時起意的來一場輕旅行, 並且增加旅途中人與人交流的契機。
2
creative concept 透過新的騎乘方式與app的搭配帶給使用者新的體驗,並利用載具與app 的結合增加旅途中人與人交流的契機。
3
user 18-29歲大學生與上班族。
4
place 租借站地點設置在市區與市郊,瞄準觀光較不發達城市帶動觀光(例如:桃 園市)吸引目標族群在想休息或假日多了新的選擇,滿足使用者想放鬆身 心與近來祕密景點越來越吸引人的趨勢。
Research
Tour-Go
Tour-Go / 租借式城市漫遊幫手 User Journey Map
聊天,打招呼 拍照,設定車燈顏色 放下坐墊 掃描QRCORE 載具解鎖 用app規劃行程
使用導航到租借站
開啟app 設定基本資料
穿梭城市 開始騎乘
連動導航
搜尋租借站
app顯示今天 回到租借站 交換的照片
調整座椅
停妥載具 查看手機扣款
與信用卡連動
set up app
rent out Tour-Go
wonder city
revert and feedback
Tour-Go
Concept4
Market Strategy
Strategic partners
Key activities
Value proposition
投資人
app軟體開發
app規劃行程的方便性
segway供應商
產品與服務開發
增加旅途中互動契機
地方政府 (第三方)支付夥伴合作
獨特的體驗 Key resources
騎乘安全
Customer relationship
親切感 巧遇親密感 Channels
租借站的市有土地
APP
軟體與硬體開發
網站 口碑 Revenue
Cost
app軟體技術
政府合作補助金
車輛維修,客服
騎乘收入
租借站硬體成本
廣告收入
資訊系統維護
Customer segment
當地人 外地遊玩旅客
ID Design
Tour-Go / 租借式城市漫遊幫手 ID Design
Tour-Go
Tour-Go
operation :
detail :
01 sensor與電源鍵 02 車燈 03 座椅下拉調整 04 磁吸式解鎖
Concept4
App Design
Tour-Go
Tour-Go / 租借式城市漫遊幫手 App Design
租借流程:
main page
行程確認
掃描QRCODE
租借成功
連動導航
Tour-Go
Concept4
COLOR SCHEMES
TYPOGAPHY
AaBbCcDd
一二三四五六七
Arial
華康中圓體
#65D66E
#FFEC6E
#FFFFFF
UI FLOW
城市設定
選擇城市
找找站點 我的足跡 車況
功能教學 連絡客服
服務
故障回報
導覽列 我的行程 功能列
景點搜尋
確認行程
掃描租借站Qrcode
照片調整
設定車燈
主畫面 直接租借 拍照 相本 個人頁面 設定
收藏 觀看蒐集到的照片
個人資料
姓名 電話 付款方式
聊天
租借成功
導航
Transaction
Tour-Go
TANSACTION AWARD
MENTOR 專題實作課 & 技嘉/和碩 業師指導討論
Concept3
Presentation
Tour-Go
2017 5.19-23 新一代設計展 APP原型展示 模型展示
Concept3
5
Sot Cafe App Design
App Design
Sot Cafe
SOT CAFE
Sot Cafe / 外帶系統 App Design
meal beverage sweet
Sot Cafe
Concept5
4
ORDER
SOT CAFE
Track Order
meal ...
Houston Steak 12 oz ×1
...
Check order 14:20
$360 Houston Steak 12 oz
$430
...
Rosemary Lamb chops
$540
...
Lemon Sparkling Water... ×2
Cooking 14:55
$200
Cheese pie ×1
Berry Juice ×1
...
Delivery ...
$340 ...
$120
Shipping fee: free Coupon: -100
Total : 920
Arrive
Scheduled to arrive at
15:40
2
6
Graphic Design Poster & VI
Poster
Graphic
共生效應 Poster & VI
設計,是一種共生 經歷時間的推衍 在衝突、摩擦中尋找平衡 在互助、合作中 「共榮共存 相依而生」
Graphic
Concept6
Poster
Graphic
2 0 1 7 創意手語聯合展演 SignLanguagePerformanceArt 利用斜線視覺與漸層表現出畫面動感,透明度不一的手部圖片營造出虛實, 文字使用同心圓斜線表現出漣漪的意境。
Graphic
Concept6
7
Pegatron
2017.8-2017.7 Interaction Intern
2018/7-8
Intern in Pegatron
UX Research
訂定訪談內容 與目標
受訪者訪談 與測試
製作逐字稿
製作 USER PROFILE
Intern in Pegatron
尋找機會點
小組討論 歸類與收斂
Concept7
分工製作PPT
PRESENT!
8
Core Studio 2017.4-2016.7 Designer
2016/7-2017/4
Intern in Core Studio
No Man is an Island No man is an island, entire of itself every man is a piece of the continent, a part of the main if a clod be washed away by the sea, Europe is the less, as well as if a promontory were, as well as if a manor of thy friends or of thine own were any man's death diminishes me, because I am involved in mankind and therefore never send to know for whom the bell tolls it tolls for thee. -John Donne-
Intern in Core Studio
Logo Design
Design with Wady Lien
Concept8
2016/7-2017/4
Intern in Core Studio
Brand Logo
Söt Café Bistronömy
söt cafe bistronomy
Intern in Core Studio
Concept8
Typography
展
悅
浮
島
elegant
island
2016/7-2017/4
Intern in Core Studio
Product Design / 擠壓式冰淇淋機
Intern in Core Studio
Concept8
material metal-matte black brushed metal concrete
Founder
Sleek
low-proďŹ le
2016/7-2017/4
Intern in Core Studio
Intern in Core Studio
晚宴包場 Söt Café Bistronömy 4/27 17:00後暫停接客
Concept8
9
Haoshi Design 2015.8-2015.7 Design Intern
2015/7-8
Intern in Haoshi Design
Cuckoo X CLOCK - colorful 拍攝情境 展場設計流程
Initial
與老闆討論初步展場發想與風格 初步修改後與老闆進行二次討論 展場費用規劃 列出代買家具清單 費用規劃 展場設計確定 與木工師傅討論尺寸 購買家具與展場所需陳設品 與木工師傅確認 展場所需陳設品進行噴漆與細節修整 當天協助木工師傅搭建展場 將家具與陳設品擺至展場 拍攝!
Final
Intern in Haoshi Design
Concept9
2015/7-8
Intern in Haoshi Design
Cuckoo X CLOCK - colorful 展場設計-最後呈現
Intern in Haoshi Design
Concept9
2015/7-8
Intern in Haoshi Design
Intern in Haoshi Design
Concept9
2015/7-8
Intern in Haoshi Design
Intern in Haoshi Design
Concept9