更新系列：第 5 階段：項目交付 - UX/UI

這是 Coalition Technologies 關於平台重構的 10 部分系列的最後一部分。

擁有一個功能強大且吸引人的網站對企業來說比以往任何時候都更加重要。 如果網站的用戶體驗不佳，89% 的客戶會在其他地方購物。 因此，您需要保持您的網站完美運行以滿足您的客戶。 您甚至可能會發現進行用戶界面更新會特別有益，因為它可以為您提供清晰的視覺進度。 一旦您從後端獲得了網站功能的最大部分，您就可以開始真正策劃買家體驗。 您的網站的生死存亡完全取決於其外觀，因此請努力確保設計完美無瑕。

UI 與 UX

用戶界面

UI代表用戶界面。 它與網站的視覺元素和客戶將與之交互的實際資產有關。 這是字體選擇、間距、配色方案和整體樣式。 您更新用戶界面的方式將成為客戶對您網站的第一印象的關鍵。 用戶只需 50 毫秒即可對您的網站形成意見。 讓它計數。

用戶體驗

UX 是指您網站的用戶體驗。 它包括客戶購買旅程的便利性、他們與產品的交互方式以及結賬流程。 您希望在您的網站上購物時清晰而簡單。 否則，人們不會和你一起購物。

做你的研究

在著手進行用戶界面更新之前，了解您的客戶非常重要。 了解您的目標受眾可以幫助您確定網站的哪些部分有效，哪些無效。 您的網站需要對普通人直觀地操作。 這將防止這種情況。 您可以使用之前的用戶體驗審核中的一些工具，或者問自己以下問題：

• 客戶應該經過多少步驟才能購買東西？
• 什麼是網站必不可少的，什麼不是？
• 我們的特定客戶將享受什麼體驗？

您可以根據您的研究創建買家體驗模型。 然後，您可以將重新平台化的網站與此模型進行比較，調整任何不太重要的內容。

組織您的開發過程

方法一

與集成過程類似，最好找出重要任務的層次結構。 最重要的很關鍵，應該先完成。 不那麼重要的會在最後出現。 用戶界面更新有一個推薦的順序，如下：

主頁→產品列表頁面→產品詳細信息頁面→結帳

通過遵循此順序，您基本上按照客戶使用它的時間順序組織您的網站。 保持一致很重要，尤其是跨平台。 這是您的用戶界面更新和網站用戶體驗至關重要的交叉點。

方法二

但是，這不是您唯一的選擇。 另一種流行的方法是一開始就關注中心功能。 這包括頁眉、頁腳和其他全局資產。 首先將在所有頁面中保持不變的元素放在一邊。 然後您可以按以下順序處理網站頁面：

Global Assets → 結帳 → 產品詳情頁面 → 產品列表頁面 → 主頁

當您向後工作時，第二種方法可降低網站用戶體驗風險。 最後離開主頁可能是有益的，因為許多利益相關者會對它有強烈的意見，並且可能需要更長的時間來決定最佳佈局。

共同製定實施計劃

無論您是計劃在用戶界面更新方面獲得外部機構的幫助，還是與內部團隊合作，您的規劃方法都應該是相同的。 溝通將是您最重要的工具。 您需要所有團隊成員都在同一頁面上了解他們正在做什麼。 開發是一項全面的工作，如果所有部分不能組合在一起，就會分崩離析。 建議每週與團隊召開一次會議，以分享更新、討論出現的任何挑戰並做出任何必要的決定。 願意隨時調整您的計劃。 這將為您提供最大的靈活性和成功的機會。 並且不要忘記在頁面構建時要求演示。 您希望在將整個產品組合在一起之前發現任何錯誤。

部署

智者的話

您的網站用戶體驗和用戶界面更新對於您的重新平台至關重要，因為它塑造了您的客戶對您網站的體驗。 使體驗流動將導致更強的參與度和轉化率。 平台上一致的品牌展示可以增加高達 23% 的收入。 您必須將您的計劃視為適合所有站點要求的計劃，同時對普通用戶來說是合乎邏輯且乾淨的。 使網站過於復雜會損害其易用性，這可能會失去您的業務。

步驟

用戶界面更新部署的推薦路徑如下：

• 下載CLI集成開發環境
• 合併 Github 或 Gitlab 存儲庫以輕鬆存儲和管理您的代碼
• 部署用於暫存的代碼，並每週或每天將其發送到平台。
• 使用 Data Migration 中的 10-40-60 方法進行測試
• 修復任何被標記的問題，並嘗試在發貨日期前 4 到 5 週完成代碼庫。
• 在發布前不久，在您的快速評估模型中迭代工具。 認為這是一個應急時期。
• 在發布前一周凍結代碼並進行遷移測試。
• 上線並運行發布後測試。

重新平台的終結

一旦您的用戶界面和網站用戶體驗更新上線，您的平台重構過程就完成了。 如果您進行研究並了解客戶的需求，這不應該是一種負擔。 不要忘記在此過程中與團隊進行適當的溝通，並有一個有組織的結構可以遵循。 如果您已經完成了所有這些，那麼恭喜您，您已經成功地重新構建了您的網站。 這可能很複雜，但是現在您的網站可以更好地代表您的品牌並為您的成功未來做好準備，這將帶來回報。

如果您正在考慮重新構建網站平台，請聯繫 Coalition 了解更多信息。 我們的數字策略師可以討論您的需求並組建一個團隊與您合作。 與我們合作升級您的網站。