CHANG AFURO
台灣科技大學 工業設計系
2020
UI UX
PORTFOLIO AFURO CHANG
【UIUX｜產品設計｜視覺設計｜網頁設計】
張菁蘭 Afuro 【UIUX｜產品設計｜視覺設計｜網頁設計】
目前就讀台灣科技大學工業設計系 擅長UI/UX與產品設計。 曾任職於新創公司長達一年的視覺設計實習 生，能快速理解不同領域之概念，並與行銷 團隊一同打造更好的設計服務，現在也帶著 的熱忱，更加認真學習並探索新的領域。
EXPERIENCE
U I / U X Adobe XD, user research surveys
行動Tripper 分享旅遊規劃，創造屬於自己的地圖
BEGINGING 旅遊與生活密不可分，旅遊讓我們探索新知 識，也是我們生活中不可或缺的放鬆方式， 這些都在現代人生活中佔了很大部分，因此 希望針對部分現有的旅遊APP 做改善與創新 ，提升旅遊的品質 。
COLORS
1
首頁
- 搜尋使用者
2
個人頁面
地標
2
- 顯示地標
- 顯示地標 貼文數量
- 顯示路線
- zoom in 路線地圖
個人頁面
route
post
- 顯示路線貼文
3
地圖
- 篩選搜尋
- 顯示資訊
- 直接搜尋
4 發布貼文
- 行程貼文
- 點擊地標 新增點
- 連接地標
- 開啟導航
- AR導覽
Information Architecture
User Persona About me 年紀： 28 歲 職業： 服務業 家庭： 未婚，與女友同居中 居住縣市： 台北市
Bio
陳 先生
「利用放假時間來個 國內輕旅行，好好充電！」
喜歡美食的陳先生上班很忙，但 會利用放假時間到處走走逛逛， 看看景點吃美食,偶爾會到別的城 市和女友來個國內輕旅行。 但自由隨意的他常常不知道到了 一個新的地方該去吃些什麼好， 直接上網查的資訊量過大也沒整 理過，很怕踩雷，一般美食地圖 app都只有部分單店資訊，也沒 有能跟景點配合可以一起排行程 的app讓他每次都要分開查詢十 分困擾。
Personality 內向 思考型
外向 感覺型
冷漠
熱情
不拘小節
細心
Frustrations 無法清楚快速找到自己想要的類型 每次都要特地搜尋很麻煩 想要記錄下每次的旅行但無法景點和美 食一起排程
Goals 景點和美食合一 可以編輯排行程後進行社群分享 篩選功能可以快速找到想去的或想吃的
建立旅程 將零散的景點建立成一個 完整的旅程，使用者能看 到經過規劃的景點
社群分享 透過朋友間彼此分享， 可以找到自己未探索的 景點，挖掘更多旅程
Boson Coffee 4.6
Can't decide? We can recommend it to you!
Food
Attractions
景點搜尋 透過搜尋找到景點及 相關評論，AR功能則 能讓使用者快速了解 當地故事
13 min walk!
Shamin Drinks 450m
13 min
我的地圖
能看到使用者去過 的景點及上傳的旅 程，能直覺看到曾 去了哪些地方，增 加成就感
Plant Pot Create the motive to danate!
Money is what they really need Many people would give away their used clothes, shoes, or books to the poor. But reasearch has shown that these might not be what they really need--money. However, people feel disconnected from giving out donations. Reasons could be them not knowing where their donations go, not receiving much recognition or appreciation, or not willing to spend time sice the process is complicated. In case of these problems, we want to redesign the doanting system to a fun and attractive activity.
PRODUCT
USER INTERFACE: 11:42
search plants... 11:42
I’m Rosa
11:42
6+
| _
I'm Rosa | _
Rose
Total Funds
4860$ My growing and donations Omg you’re amazing! This is my sixth loan of potted plants! I am very happy that I can continue to donate to help others. It’s interesting to see the love of the last pot planter on this platform. Hoping that my donation can really help the children in poor areas. Good luck to this world :).
Just start donating my first plant~ Cooooool!!!!!
43%
100 80 50 30
Well Provided Education
10
12/20
12/25
12/30
1/05
1/10
Donate
5860$
Social sharing My donation Total fund
Create the motive to danate We start from a small cultivation game and grow it into a leasable sharing potted plant. Users can see their achievement and share thier feedback through the app. Using the growth process and enjoyment to create motive and, by combining fun and the sense of achievement, continue people’s urge to donate. By having a little fun with caring the plants, one can also help the poors and spread their love to the world.
1. Sign up or Log in
Public rental station
People can easily rent a pot home with an easy card or a credit card. Next time when you pass by another rental station, you can return the pot and take back the margin.
2. Pick a Plant Pot
3. Pay the margin by credit or easy card
4. The choosen Pot will light up and unlock
HOW TO USE:
Health care
?
+ Eduation Facilities
Choose
Shake
Grow
Donate
Return
There are several kinds of plant at the rental station.
Open the app and shake the phone near the pot to bind accounts.
It grows with each donation and blossom when the money reach the standard.
Select the institution you want to donate, such as medication center or local school.
Return it at any rental station and pass down your love to others.
1 2 3 4 5
STEP
STEP
STEP
STEP
STEP
APP 介面優化設計
Booking .com Booking.com 創立於 1996 年，提供全球旅行預定 服務，包含住宿預訂、租車及叫車等，Booking.com 的願景是要讓每個人都能輕鬆體驗世界。
發現問題 來自應用程式評價 & 使用經驗
資訊呈現雜亂 按鈕意義不明 難以找到愛心清單 篩選功能不夠自由 不清楚訂房進度
Function Map 登入
搜尋
個人檔案
訂單
查看更多
叫車資訊
訂單
匯入訂房記錄
客戶服務
近期瀏覽
評語
過去旅程
禮物卡
住宿列表
會員狀態
新訂單
住宿優惠
清單
通知
住宿註冊上線 為住宿經驗評分 Genius常客 獎勵計畫 我的優惠碼 設定 分享APP 回饋意見
匯率
Redesign Function Map
功能列
整體評分 篩選 星級
住宿搜尋
房源頁面
排序 餐點
首頁
價格區間 住宿類型 叫車資訊輸入
床型偏好
叫車細節確認
設施
乘客細節輸入
房間設施
所有細節確認
景點
叫車搜尋
KJ 法分析 三位使用者經驗訪談
旅遊是一直是許多人熱愛的休閒活動,而隨著手機應用的發展,越來越多人 會選擇使用app訂房及叫車。希望透過 清晰的介面 篩選自己想要的房型及 車種,並 保持預訂進度的透明度 ,減少每個過程中產生的 不安感 ;也比較不 會因為廣告及其他因素影響,需要反覆 切換於電腦及手機中 。如此不但能 順利規劃一段符合自己需求的旅程,在行程中也能放心享受旅程。
詳細訪談內容與分析整理
優化功能
運用篩選功能找到價位
期望行為 1
2000-4000的東京房源
期望行為
快速了解篩選功能 順利使用找到房源
不知道有篩選功能
消除疑慮與挫折
找不到篩選功能如何使用 使用篩選後仍條件不符
傳遞價值
透過精準的篩選功能， 輕鬆的找到理想的房間
進入app
搜尋頁面
點選地名 顯示房源列表 頁面 輸入目的地 頁面 篩選按鈕 輸入目的地
點選地點
篩選條件
其他篩選條件
上一步
日期選擇頁面
訪客 未登入 / 連線·
點選日期
住宿類型按鈕
評分按鈕
住宿類型選單
評分選擇
點選酒店按鈕
點選評分
點選價錢
選擇日期
房型選擇頁面
上一步 自動顯示 房源數量
客房數量輸入＊1
成人數輸入*2 點選重置
完成
房源列表
f確認搜尋資料
取消
點選確定
確認
WIREFRAME
篩選房源
HOME PAGE Old
New
重要功能 放在明顯位置
把重要叫車功能從系 像選單中拉出來到主 頁面，方便選擇也避 免找不到。
SEARCH STAYS New 一次連貫輸入
快速確認
FILTER Old
New
下拉式篩選 單獨跳出篩選選單， 不必切換頁面
雙欄篩選 篩選方式採用雙欄式 篩選，更快速選取需 要的類別，亦可從旁 邊紅點得知自己已選 擇哪項篩選
FILTER BUDGET New
自由篩選 價格部分改為自由選 取區間，更為彈性直 觀。
優化功能
叫車時清楚掌握下訂進度
期望行為 2
期望行為
理解付款之前剩餘的步驟
擔心重複付款、不小心下訂
消除疑慮與挫折
不小心重頭開始訂車 不清楚下訂流程 可能重複下單
傳遞價值
隨時掌握訂單的流程進度， 安心下訂無負擔。
會員 已登入 / 連線·
（延續右上方）
WIREFRAME
叫車進度
單程
雙程
HOME PAGE Old
New
放大重要功能 把重要叫車功能從系 像選單中拉出來到主 頁面，方便選擇也避 免找不到。
BOOKING RIDE Old Problem 同一頁面過長資訊量 過大
頁面穿插非必要資訊 導致視覺上混亂
不清楚現在到了訂車 的哪一個階段，害怕 會誤付款
BOOKING RIDE New 進度跑條提示 顯示目前下定進度， 不必擔心誤刷到卡， 保持下單安心感
分開頁面 分四個頁面：（位置 時間、地點細節、乘
區域化顯示資訊 相同類別放在同一蘭 為避免混亂
客細節、訂單確認） 避免同意頁面資訊量 過大。
CONFIRM DETAIL Old
New
確認訂單無誤 最後一夜提供詳細資 訊，使用者可再次瀏 覽後再確認下訂
LOCATION CONFIRMATION New
放大地點 原app地點很重要但 只有文字敘述，沒有 地圖模式可確認位置 資訊。
新設計將地地圖、點 與點標示，亦可放大 檢視標示地點。
COMPLETE New
告訴使用者 已完成下單
隨時掌握訂單的流程進度， 讓使用者安心下訂無負擔！
GRAPHIC/WEB Adobe llustrator,Indesign,Photoshop,Lightroom,Wix
《職涯深度系列》 accupass 活動課程平面設計
《職涯深度系列》 accupass 活動課程平面設計
https://www.thinkx-inc.com/ 官網 wix網頁設計
https://lynnihlin.com/ 官網協助製作 網頁視覺設計
P R O D UC T Pro e・Rhino・Keyshot・Cinema 4D
飲水æ©&#x;è¨è¨ˆ
「我們讓出水選擇更簡單更便利。」
市面上多數飲水機按鍵過且過於繁雜，使用者不 知要先按哪個按鈕才對，或是要取用熱水的時候 ，忘記要另外按解除鎖定按鍵，造成動作的重複 和使用上的不便。 改良後的設計將所有按鍵合而為一，依循式步驟 ，不會造成使用上的步驟錯亂，方便使用。
人因工程特點說明：
不會造成失誤類型： 1.遺忘失誤-相同功能放在一 起，不會忘記按解鎖按鈕 2.無意啟動-熱水鎖定旋鈕防 止燙傷，旋轉後出水螢幕符 號才會亮起
視覺差異閾： 直接看到水容量高低變化
位置符碼化： 功能相似的按鈕放一起
中華民國人因工程學生專題 全國入選
作業空間配置應用： 1.站姿作業 2.介面傾斜方便觀看 3.介面按鈕都在站著不 動就能碰觸到的地方
dyson 品牌概念產品設計 非本公司設計
手持無線蒸汽掛燙機
「不只追求平整，更給你潔淨衣物的完美家電」
AUTO
智能感測
智慧調節
傾斜使用
無線充電
膠囊置入
目標客群 :
性別 男女都有 (部分產品為女性)
性格喜好 追求新科技 追求品牌 樂於嘗試新鮮事物
年齡 25 - 50歲
社經地位 中高
需求 解決舊有產品上的困擾 找到適合自己的產品 提升生活品質
傳統熨斗和直立式燙衣機很容易把衣服燙壞使衣服變硬老化。許多人會選擇購買手持蒸 汽掛燙機。但一般市面上蒸氣掛燙機線材多，手持重量過重。且功能單一，難以符合各 項需求。人體在使用時無法得知溫度狀況是否合適，溫度控制不佳致衣物受損或使用者 誤觸燙傷，容易燙傷衣服或易產生水漬等問題。
「貼心呵護你的衣物， 給它們最適合的溫度。」 選用DYSON手持無線蒸汽掛燙機，運用獨 特核心技術，解決以上困難，內縮的蒸汽 面板能避免誤觸燙傷，運用自動感測技術 ，切換目前衣物模式，且每秒自動衡量衣 物溫度，完美控制出風量與蒸氣溫度，蒸 氣與冷風雙重功效搭配使用，達到最貼切 的智能溫控，輕鬆除皺。
TECHNOLOGY
AUTO
核心氣流科技
智慧型感測
蒸氣壓力科技
用上下兩道氣流噴射至凸型表面 ，凝聚形成高壓核心並產生一個 聚焦的氣流，讓氣流集中直送， 快速乾燥衣物上殘留的水蒸氣。
每秒自動衡量衣物溫度超過40次 ，控制出風量與蒸氣溫度，防止 衣物過熱而受損。
內芯採用的發熱器使常溫水汽化 成高溫高壓水蒸氣，並通過蒸汽 導管和噴頭將水蒸氣釋放，穩定 且高穿透力。
HOW TO USE:
1
4
一鍵開機： 按鈕簡單，操作方便。
膠囊置入： 可依需求置入膠囊，增 加附加功效（降低異味、 消毒抑菌）
5
2
後方傾斜： 輕推即可調整產品斜度， 符合站立時使用之人體工學。
觸控調整： 若想要特殊需求， 亦可從後方觸控面板調整。
6
3
智能感測與溫控： 自動衡量衣物溫度材質，完 美控制出風量與蒸氣溫度。
充電基座： 使用完畢，放置於磁吸充電基 座，燈號提示目前充電狀況。
PORTFOLIO AFURO CHANG
Thanks for watching
issuu.com/afuro/docs/issue___1 0963145848 afuro0723@gmail.com