為所有參展商打造的展品運輸訂購體驗
在這個團隊中，我是唯一的 UI/UX 設計師。ShowEasy 是一家台灣電子商務平台，提供多種不同類型的展會相關服務，在此專案中，我為 ShowEasy 設計了一個展品運輸訂購體驗；從 2022 年 10 月到 12 月，我和我的團隊成功地推出了一個 MVP。
100 以上
頁面
60
專案期間（天）
2022
年
背景
展品運輸服務很難整合到現有的訂購流程當中。
參展對於許多品牌來說至關重要，因為它可以帶來潛在的合作機會和更大的曝光率；然而，對於中小型企業來說，參展往往是一項具有挑戰性的任務。需要大量的努力和準備，例如規劃展位和安排展品運輸。
為了應對這些挑戰，ShowEasy 開發了一個專為全球參展商提供專業服務的電子商務平台；然而，在與合作夥伴進行談判期間，我們發現到展品運輸服務的訂購過程非常複雜，而且難以整合到現有的訂購流程中，因此，我們決定為此服務打造一個客製化的訂購流程。
網頁設計（RWD）
ShowEasy
功能規劃、UX 流程規劃、UI 設計、UX 寫作、設計交付
目標
透過 ShowEasy 的設計系統，重新設計新的展品運輸訂購流程
透過清晰的 UX 寫作、明確的介面，打造直覺的使用者體驗和界面
與 PM 和工程師在 2.5 個月內打造完整的 MVP
挑戰
資源有限：新創公司時常面臨時間和財務方面的限制，而這可能使得專案變得困難。
複雜的訂購流程：展品運輸是個高度客製化、價格擁有許多變數的服務，因此訂購流程相對複雜。
設計文化的成熟度低：設計師在產品開發團隊中難以參與決策、權限有限。
影響與結果
我們成功在兩個月內推出了MVP。
通過與工程師共同協作，提供高可行性的設計解決方案。
透過高效的設計移交和流程來建立信任的利益相關者關係。
設計過程
研究、定義和設計。
為了最大化利用時間與資源，我決定將設計流程分為三個階段：研究、定義和設計。
01 研究
一開始，我詳細檢閱了原始流程，以更了解其運作方式。之後，我分析了我的競爭對手的流程，以收集有價值的見解，以找出一個良好的訂單流程的特點。
為確保我做出正確的決策，我進行了利益相關者訪談以了解他們的需求和需求。
原始過程審查
原先的訂單流程是如何運作的？
為了更接近使用者所面臨的問題，我們進行了桌面研究。研究後，我們發現了我們的訂單流程存在一些問題。以下是我們的發現：
🔎 使用者需要先選擇「展覽」才能填寫展品資訊。並非所有展覽的運輸服務都對所有展品可用。因此，使用者需要在相應的服務可用之前選擇指定的展覽。
🔎 有多種方式尋找展覽。用戶不一定需要知道展覽的名稱，可以按年份和地區進行搜索。
🔎 有幾個變數影響服務價格。服務費用取決於展品的大小、重量、運輸方式和其他因素。
競品分析
在我們的市場研究中，我們進行了對競爭對手的分析，以獲得他們的優勢和弱點的見解。這有助於我們確定什麼構成了良好和不良的訂單流程。
我們發現到，一個良好的訂單流程應該具備這三個關鍵點：
容易導航
透過直覺化的設計來打造一個良好的導航系統。
簡化流程
將結帳流程精簡化以減少棄單率。
資訊明確
透過良好的視覺層級結構，讓使用者花最少的努力完成訂購。
視覺一致性
「一致性」有助於使用者理解如何訂購服務，以及讓操作符合預期。
常見的 UI 元素
不使用具有實驗性質的設計元素，使服務訂購流程保持簡單、容易使用。
利害關係人訪談
為確保我做出正確的決策，我進行了利害關係人訪談來了解他們的需求。
我建立了一個主要利害關係人名單，列出了他們的需求、影響和風險；接著，我優先處理了三位高風險利害關係人的需求：服務提供商、開發人員和設計師。
02 定義
在經過全面研究之後，我確認了主要的流程問題，接著，我開始建立假設，以及設定具體的專案目標。
定義原訂購頁面的問題
進行深入的研究之後，我找出了我們所面臨的主要問題：
文字不夠清晰
使用者在下單時無法理解每個問題的意義，這讓他們感到沮喪。
訂購介面的資訊不足
因缺乏訂購資訊，使用者無法順利訂購服務。
難以點擊的按鈕
在行動裝置上難以點擊按鈕。
此外，我們接收到一個新的需求：加購服務。
因應服務供應商的需求，我們需要再增加一個加購服務：「貨車接送服務」，包括日期、交貨時間和展覽... 等問題。
讓我們建立假設！
1
2
定義專案目標
接下來，我和 PM 根據先前提出的問題和假設，確立了專案目標。
我們的目標是⋯⋯
03 設計
在設定完目標之後，我開始建立新的展品運輸訂購流程，而在重新設計並完成測試過後，我成功完成了我的最終設計。
建立新的訂單流程
根據之前定義的假設和目標，我在分析原訂購流程後重新設計了一個新的訂購過程。
此外，我在新的訂購流程中加入了服務提供商主動要求的「額外服務」，這個功能的特色在於，使用者可以不選擇提貨服務，而只單獨購買卡車接貨服務。
設計原則
我的設計原則是美感、簡約和實作可行性。
將問題群組化，讓使用者輕鬆訂購服務
好的視覺層級能夠讓使用者輕鬆完成訂單。在了解每一個欄位之間的關係之後，我重新設計了一個新的介面，並將其分為三個主要部分。
卡片自動收合功能，引導下一步的操作
當使用者完成卡片時，卡片將會自動收起，而在其他時候，使用者都可以隨時展開或收起卡片。
重新設計問題形式，幫助使用者順利完成訂單
我向服務提供商的 PM 諮詢原訂購流程的訂購細節，並了解每個問題的背後含義以及它們之間的關係。
同時，我站在使用者的角度，重新安排了問題的順序，以幫助他們快速完成訂單。
有效的導航幫助使用者輕鬆掌握資訊
良好的導航系統可以幫助使用者接收資訊，因此我透過直觀的導航列設計、清楚明確的 CTA 按鈕，以及清楚的價格標示三大方向來打造良好的導航系統。
藉由視覺一致性，使用者在不同裝置中下單無障礙
為了提供良好的使用者體驗，我確保 UI 元素的視覺一致性，並適當調整元件，讓使用者能夠在切換裝置的過程中依然能夠使用流暢。
透過常見的 UI 元素簡化結帳流程
對於下訂單時，熟悉操作界面是快速完成的關鍵。
那麼⋯⋯我在這個專案中帶來了什麼技能呢？
快速研究技能
批判性思考
快速製作 Prototype 和 Mockup 的設計技能
跨團隊溝通技能
