DIUDIU - Warm Design | UI/UX Design

已分享代替拋棄

賦予舊物新故事，找到新主人，發揮新價值。

➊ 目標

本次團隊優化的目標是提升操作體驗的流暢度，同時增加未來產品擴展的靈活性。

➋ 擔任角色與合作方式

在這個專案中，我和產品經理、商業分析師與兩位工程師密切合作。我負責整個大方向的 UX 和 UI 設計流程與產出，從定義問題到最終視覺設計稿，中間不時與產品經理、商業分析師、產品助理互相溝通討論，最後交付給工程師。

➌ 挑戰與省思

優化功能上會有許多技術上的限制，需要密切的與團隊做溝通，討論出合宜的解決方案，資源與時間的不足下，需要更快速的整理脈絡，釐清且選擇最佳的方式，確保能在時間內上線產品。

➍ 專案成果與影響

最終在約八個月時完成優化版本，這次的易用性測試，使用者的操作滿意度增加了3.6%，雖然後續因為組織異動的關係未如實上架與推廣產品，但本次的優化也得到了許多好的反饋。

本次目的是優化產品，將透過第一版產品上線前的測試，來取得使用者反饋，從中了解其中問題點，來加以優化改善。
在第一版的產品中，已有前人做過調研，因此此次我們著重的目標在產品的功能流暢度、用戶黏著度與趣味性，並同時開發亮點功能。
在流程中除了與產品經理、商業分析師、產品助理密切的討論外，也與工程師頻繁往來以確保目標與功能能被執行，並且每個產品細節都會被考慮到。

任務目的與背景

研究目標： 了解使用者在指派的各項任務中的操作情況。

目標使用者：曾經有想過要以物易物的人

年齡區間： 14歲 – 65歲

任務設計

團隊成員認為使用上流程繁瑣、不夠直覺，因此任務以主要功能為核心來設計任務。

任務：

開啟 APP 後，完成上傳一件欲交換的物品
在地圖上選擇一樣物品做交換
找到自己所上傳的物品清單並修改內容

研究方法

使用方法：實際操作APP、填寫問卷

時間長度：30-60分鐘

問卷人數： 12人

問卷：

你覺得「任務1 – 上傳物品」整體的體驗如何？
你覺得「任務2 – 地圖探索」整體的體驗如何？
你覺得「任務3 – 修改物品內容」整體的體驗如何？
你最希望哪個部分可以修改？
你會給「丟丟 Diudiu」這個平台幾分？ ( 最低1分～最高10分 )

藉由第一版上線前的產品做測試回饋，我們的目標使用者為同事與周遭的朋友們，總共蒐集了12位，統整出以下常見的主要問題點，來為後續的優化做主要參考評估。從使用者的回饋之中，可以明確的整理出問題的方向，再以這些問題點去設想出優化方案。

Problems

功能面

填寫流程過多：上傳交換物品時，填寫的欄位過多，有些覺得不是必填。
交易不確定性：交換完物品後，使用者不太確定是否成功。
操作體驗不佳：上傳完交換物品後，無法快速返回，需要往下滑。
缺乏吸引力：使用上沒有太大的吸引力，可能會偏好使用既有的平台。

視覺面

版面不一致：版面區塊看起來缺乏一致性。
排版問題：出現跑版的情況。
圖示不清晰：部分 icon 圖示不易辨認。
操作不明確：缺乏清晰的返回按鈕。

Goals

優化目標

簡化填寫流程：簡化新增物品時的內容欄位，使之更為直覺和必要。
調整點數制度：重新設計累積點數制度，並提供兌換獎勵的機制。
增加趣味性：新增地圖尋寶功能，提升整體趣味性。

開發亮點

限時任務：定期小獎勵，增加用戶新鮮感與使用頻率。
地圖icon豐富化：豐富地圖標示，增添用戶趣味性、滿足商家活動需求。
徽章成就系統：將用戶行為作為成就條目，並提供點數和徽章獎勵，激勵長期參與。
官方贈禮：提供符合丟丟質感的商家禮品，增加點數兌換渠道。

為了優化我們的產品，我們進行了台灣現有二手交易平台的分析，並挑選了不同類型的平台進行參考。透過了解市場的經營模式和介面操作模式，我們發現換物拿點、玩具以及斜槓技能等特色並非獨家擁有，尤其是TAPTOT的點數交易與丟丟的同質性最高。
因此，在優化的過程中，我們認為需要更加強調丟丟平台的獨特性，以區隔自身與市場的差異，並提升使用者對我們平台的使用率。

針對要優化的頁面與功能，初步在紙上畫了草稿，有效的幫助我產出可行的方案。這些整理後會提出與產品經理與商業分析師討論，確保可行性與方向一致

這次的優化並未大幅改變設計系統，整體視覺風格和之前保持一致。因此，我們主要延續了舊的設計系統配置，僅針對部分按鈕大小不一致的問題進行了調整，同時也改善了對比色彩太低的問題。這讓整體設計在視覺上更加一致，同時提升了使用者的可讀性和操作體驗。

這次的優化中新增了一些插圖，都是延續了先前的設計風格。舉例來說，包括活動的插圖、物品分類的插圖以及地圖標示等，都保持了一貫的風格以維持整體的視覺一致性。

經過訪談、資料整理以及草圖討論後，便開始了 UI 介面的優化工作。經團隊討論後，我們確立了主要目標：保持功能穩定性的前提下，專注於設計的一致性、簡約性和易用性。我們的目標是提供使用者一個簡潔舒適、易於操作的整體體驗。

物品分類

本次優化不僅包括介面調整，還涉及物品分類的改變。原有的分類較為細緻且繁複，為了簡化操作流程，讓使用者更快速地尋找所需物品，我們重新設計了物品分類。這組新的分類以原有的插畫風格為基礎，另外繪製，並放置在首頁，方便使用者更快速地瀏覽和選擇所需物品。

原先的分類方式雖然詳盡，但展開後的畫面過長容易讓使用者感到不便，且以彈窗形式呈現，使用者可能不小心滑動頁面，而需要重開啟做選擇。

為解決這些問題，我們將主要項目提煉出來，改用插圖作為分類，使整體介面更簡潔易於選擇。

評價

為了維持頁面的一致性，我們對評價星星圖進行了調整。原本有四種不同大小的星星，在同一頁面中使用時，會造成不統一的視覺效果。為了解決這個問題，我們將所有需要出現評價星號的地方改為兩種大小的形式，這樣可以使整個頁面看起來更加統一，也有利於工程師的開發工作。

首頁

進入首頁時，大部分的使用者感到迷茫，不清楚接下來該怎麼操作。Tab bar 的設計也不夠直觀，使得使用者點擊中間按鈕時不確定會發生什麼事情，只好在首頁上不斷滑動以尋找線索。這種情況高機率的會導致使用者體驗的混亂與不便。

① 物品分類－ 提升找物品的速度

② 活動專區－ 吸引消費者參與，增加使用黏著度

③ Tab bar －
著重於提高其直觀性與符合APP目標的功能性擺放。優化後，主要焦點在於強調地圖探索和累計點數功能，因此將這些主要功能整合至Tab bar中。

④ 上傳物品－
相應地，考量到上傳物品功能並非使用者經常使用的功能之一，因此採用Float button的方式呈現，以提升使用者操作的流暢度和符合其預期操作模式。

Banner 活動

為了增添趣味性，我們新增了一些小活動供使用者參與，讓他們輕鬆獲得點數。商業分析師主導活動的細節方面，而我則負責設計UI視覺與UX體驗，確保活動能夠完整的呈現在使用者面前。

規劃的活動1: 拉彩球獲取點數

規劃的活動2: 填寫簡單問卷獲取點數

地圖探索

地圖探索是此次優化中的一大亮點。與其他換物平台不同，經過團隊討論後，我們決定增添遊戲元素，讓使用者能夠在地圖上尋寶。這樣的設計不僅為使用者帶來全新的體驗，也有助於提升產品的黏著度。

在調整之前，我先簡易的做出了頁面流程與產品經理、商業分析師、工程師做討論，確認目標是否一致，以及技術上的可行性，再開始執行UI介面的優化。

① －

原本的物品顯示方式缺乏直覺性，點擊地圖上的物品時，無法直接辨識是哪一個物品。為了改進這一點，調整成卡片方式顯示，在地圖上點擊的物品會直接跳轉至對應的卡片資訊。這樣的調整能夠更清楚地呈現物品信息，提升使用者的操作便捷性。

②－

寶藏物品太遠則無法看到內容
直到離寶藏約1km時才會顯示物品內容

③－

有些寶藏會是丟丟的點數獎勵，領過一次則無法再領

上傳物品流程

原先的上傳物品流程過於冗長，並且不清楚哪些是必填的選項，這使得使用者填寫時很容易感到困擾而放棄。為了改善這個問題，我們除了刪減了一些不必要的資訊外，也將選填的欄位移到了第二頁。這樣使用者在第一頁填寫完成後就能快速提交，並在需要時隨時進行編輯修改。這樣的調整讓使用者的操作更為方便和有效率。

圖為優化前，使用者反應上傳物品的流程過於冗長，也不清楚哪邊是必填選項。

流程共三個階段：

1. 選擇類別

2. 上傳照片

3. 填寫內容（約三個手機頁面長度的內容）

優化後，簡化流程

流程共兩個階段：

1. 選擇類別

2. 填寫內容

個人頁面 / 點數與徽章成就

原先的個人頁面將點數與徽章成就整合在一起，但在這次的調整中，為了更完善這個功能，我們將點數與徽章成就分離成為另一個獨立的頁面。這樣的調整使資訊更完整，並且讓使用者能夠使用點數來兌換物品，讓整體體驗更豐富有趣。而個人頁面將更專注於展示與使用者個人相關的資訊。

個人頁面的調整

− ①
整合常用主功能：
改為更直觀的介面，使用戶能輕鬆存取個人設定和資料編輯功能，並能便捷地分享自己的資訊和查看收藏的物品與服務。

− ②
統一物品狀態的分類：
將物品狀態以統一的分類方式呈現，讓使用者能夠快速且清楚地找到物品的各狀態，提高使用效率。

− ③
條列式顯示：
修改顯示方式，採用條列式介面來更清晰地展示物品需求者的數量，讓用戶能直觀了解物品的需求與受歡迎程度。

新增頁面：點數與徽章 -> 將點數徽章制度獨立出來

為了提升APP的獨特性，我們新增了類似遊戲的機制。這項功能讓使用者能透過換物來累積點數，進而兌換實體物品或參與活動抽獎。

1. 點數與徽章頁面：

我們將點數徽章制度獨立出來，讓使用者能在第一個頁籤明確地看到累積的點數和徽章成就。每日登入可獲得點數獎勵，並透過特定積分累積獲得可愛的動物徽章。

2. 物品兌換頁面：

第二個頁籤提供點數兌換的物品，這部分將與廠商合作，為用戶提供多樣化的兌換選項。

這次的改進不僅僅是為了增添遊戲元素，更著重於提供直觀且具備吸引力的界面設計，以確保用戶輕鬆且愉快地使用APP，同時享受到換物樂趣的便利和刺激。

頁面展示

首次開啟 APP 流程

+ 3.6% 滿意度

產品優化經過約八個月後完成，最終易用性測試顯示使用者的滿意度提升了3.6%。儘管因組織異動尚未實際上架和推廣產品，但這次的優化獲得了許多正面反饋。使用者反映操作更為流暢，且認為產品趣味性增加，願意投入更多時間來使用。

產品優化是一場持續演進的旅程

這次初步的優化改善是為了讓產品未來能有更好的發展。在時程和資源有限的情況下，有時不得不在取捨之間做出折衷。或許這個版本仍有許多可以進一步調整的空間，但在這個階段，我們已達成了當前的目標。

學習與反思

這次的專案主要針對產品優化，需要深入比較改進前後的差異，以及理解每個優化功能的意義。我在這次的學習與反思中，有兩個重要收穫：

− ① 功能面的脈絡整合

我在初步瞭解核心目標和功能後，安排了第一次易用性測試，透過公司同事和親友的簡單測試和訪談，紀錄並整合出問題點，針對幾個功能進行優化。這段過程需要彙整資訊並提供清晰脈絡。在與專案經理、商業分析師以及工程師的溝通中，也遇到了意見分歧或無法實現某功能的情況。我在這方面有所成長，學會了清晰地解釋功能邏輯，讓不同的人能夠快速理解。

− ② 團隊成員溝通與合作的重要性

這次優化涉及許多調整，常常一個功能的改變就需要多次會議。我學會了快速生成「圖文流程解釋」和「前後差異比較」的重要性，以加快與專案經理、商業分析師和工程師的溝通速度。同時，在優化UX/UI時，我會提出2~3種合理的方式，在會議上討論多種方案。這種方法可以在A方案無法實現時，立即有B方案、C方案等替代方案，提升了會議效率。

經歷這次專案，我深刻意識到學習是不斷的，並且意識到了更多可以改進的空間。未來，我會更加專注於廣泛的測試和更有效利用反饋，以期進一步提升專案的品質和效能。這次經驗對我來說是一個寶貴的成長機會，也是一個持續進步的動力。