以用戶為中心的網頁設計帶來巨大收益

微信:newloong07，專注於高性能營銷網站建設，無論PC端還是手機訪問速度極快。十多年外貿網站建設經驗，擅長WordPress，追求高網站轉化率。

2020-08-04 14:49

面向您的客戶進行網頁設計能夠更直接達到您的商業目標。以往的網頁設計是以僱主（甲方）的喜好作為審核設計是否成功標準，然而這一現象正在發生改變。因為網頁是給到您的用戶使用的，只有深入了解您的客戶需求，結合您的商業目標，提供恰當的信息和洞悉訪客的設計美學，才能夠提升將訪客轉化為客戶的能力。

以用戶為中心的設計，簡稱UCD。是以一種積極的態度來解決網頁設計中與用戶如何進行交互的方法。UCD要求設計師去了解網頁用戶，然後從他們的角度進行設計。「以用戶為中心的設計」既是我們的思維方式，也是工作方式。這一工作過程需要設計師與用戶建立深刻的共鳴。

以用戶為中心的設計原則：

清楚地了解用戶，任務和環境；

評估用戶需求驅動的設計；

考慮常規的消費者體驗；

讓客戶參與到設計過程。

以用戶為中心的網頁設計帶來巨大收益

通過站在用戶角度真正理解他們為什麼進行設計，達到網站建設項目團隊團結一致，實現共同的目標目的；通過在整個項目中與用戶一起驗證概念和想法，減少了項目失敗的風險；項目團隊將精力集中在針對用戶需求的少量關鍵功能上。

網頁設計中以用戶為中心的設計案例

上圖是Carters.com，一個購買童裝的網站。在網站導航位置上可通過孩子的年齡來快速直達所需的區域。

上圖是一個操作非常簡單的語言學習網站duolingo.com，簡單到你記住了他，並且會再次返回。

上圖是instacart.com，一個用戶為中心的網頁設計的突出案例。在商品列表頁面既可以添加到購物車並可以編輯商品數量，添加完成後數量將顯示在商品旁。用戶無需跳轉到商品詳情頁即可完成購買。

以用戶為中心的網頁設計方法

一，研究用戶需求，創建角色，編寫交互方案

角色是真實用戶的原型。它代表著具有相似行為，需求，目標，技能，態度等的特定人群。角色可以使您的用戶栩栩如生，並更好地理解他們的問題。這種理解使設計師可以對產品功能，導航，交互，視覺設計等做出正確的決定。

要創建適當的角色，您需要對目標受眾（使用產品的人員）有清晰的了解。這很重要，因為如果您不了解目標受眾，很可能最終會為他們創建錯誤的解決方案。

在編寫交互場景時，我們需要注意以下幾點：

用戶環境。互動發生的地方。是安靜的辦公空間還是喧鬧的街道？

用戶正在使用什麼設備。它是具有大屏幕的臺式計算機還是小屏幕的手機？

情緒。一個人的情緒狀態是什麼？用戶在用戶旅程的不同階段感受。

二、創建用戶旅程圖和信息架構

一旦對目標受眾和要解決的問題有了更深入的了解，就可以創建一個實際的解決方案了。

要為該問題創建適當的解決方案，必須全面查看用戶與產品或服務的交互。大多數時候，我們希望產品/功能適合用戶使用的現有生態系統/產品。這就是為什麼了解典型交互的外觀至關重要的原因。

用戶旅程圖是UX設計人員的絕佳工具，因為它能可視化用戶與產品的交互方式，並允許設計人員從用戶的角度查看產品。

通過故事版創作，使交互更加逼真。此外，情節提要允許您在用戶旅程的不同部分傳達人的情感狀態。

信息架構是組織產品信息的藝術和科學。樹測試是一種檢查您的信息體系結構的方法。本質上，此技術是關於檢查網站信息結構的。您設置了許多問題，參與者將嘗試在導航結構的上下文中考慮答案。 

三、驗證觀察用戶如何與網站互動

驗證不僅是過程的一步，而且還是解決方案工作過程中不斷發生的活動。建議通過與實際用戶的可用性測試來評估設計決策。

觀察是一種非常強大的技術，可以收集有關用戶的定性見解。當您觀察真正的用戶如何與您的產品進行交互時，您會獲得許多有關對他們有效的產品的信息。有兩種用於驗證設計決策的技術——可用性測試和上下文查詢。

可用性測試將幫助您了解用戶與設計交互時面臨的問題。上下文查詢是一種用戶研究技術，涉及在人們執行上下文任務時對其進行觀察和採訪。此技術是定性研究和用戶訪談的結合。進行情境查詢的研究人員觀察參與者如何執行任務，並讓他們談論與產品交互時正在做什麼。

（來源：newloong）

以上內容屬作者個人觀點，不代表雨果網立場！本文經原作者授權轉載，轉載需經原作者授權同意。