電子商務搜尋LIST頁面使用者體驗設計

［著作權聲明］：著作權歸作者Alite所有，轉載時請以超連結形式標明文章原始出處和作者資訊及本聲明：http://www.alitedesign.com/

改版背景

建立專業的電子商務垂直搜尋，以及把原有的資訊彙總平台轉型為線上採購批發交易平台。根據行業特點及交易需要，對原有的零批（小額批發）搜尋進行改版，改造為適合行業搜尋交易頻道，便是這次改版的設計目標。我們搜尋產品線的產品經理與使用者體驗設計師們進行了長達半年的準備工作。 項目群組成員將對現有的功能需求，資訊架構，視覺色彩，使用者體驗等，做多視角、多緯度的分析。力求在1688.com上線後，推出另一個電子商務垂直搜尋使用者體驗盛宴。

功能需求取捨

在項目中，我們從市場運營那裡採集了大量需求，那怎麼把這些需求歸類整理，挑選出我們目標使用者迫切需要的功能點呢？總體來說：以娛樂的心態取捨功能需求，只給最需要的不給最強悍的。

來自運營的需求，來自使用者的需求，往往多種多樣，可以用千奇百怪來形容，那麼如何配合產品規劃師、產品經理找到使用者最迫切的需求呢？

頭腦風暴可以讓產品設計團隊成員產生很多創意。當收集到大量需求時，其中可能有主要需求與次要需求，客觀判斷哪些是首先要完成的，哪些是可以放到2期來做的，並制定標準需求優先順序與對應時間節點，這樣可以保證項目按期完成。

最讓人頭疼的往往是取捨功能需求，我們應該以什麼標準，什麼心態來應對呢？最好通過建立一個紙上原型或觀察使用者的操作，來制定取捨標準，並確保標準裡涵蓋以下基礎點：

1、使用者檔案-描述使用者的具體特點。特別注意使用者在使用網站時的任何問題，如物理限制。（拋棄與使用者的特點不匹配的需求）

2、文本環境分析-研究使用者的日常任務、工作流程模式、工作環境和概念架構。這有助於你理解為什麼使用者對正在測試的網站做出如此反應。（拋棄與使用者作業環境不匹配的需求）

3、可用性目標設定-需要制訂品質具體化的目標，它能體現從使用者檔案中搜集到的需求。測試在某個階段使用者能否完成任務，如果使用者受到限制，那就應該重新設定使用者的目標。（拋棄與使用者目標不匹配的需求）

4、平台功能和約束-必須確定介面或產品的功能和限制，以界定可用性需求的範疇。這一資訊會受使用者可用性需求的影響。（拋棄與平台技術能力不匹配的需求）

5、通用設計指南-必須使用公認的設計準則來設計你的介面。參照網頁設計指南製作出來的網頁才能在網頁瀏覽器上表現正常。（拋棄與使用者體驗設計指南不匹配的需求）

產品（互動）體驗設計師在做互動設計之前，除了要對需求把關外還要消除項目關係人之間的分歧，滿足使用者的期望、工程師的期望、銷售與市場人員的期望、經理的期望。最後尋找一個各方都能夠接受的平衡點，具體闡述請參看：互動設計師怎樣和產品團隊合作。

互動設計最佳化

從設計圖到原型的誕生，是一個複雜而又有趣的過程。首先我們怎麼完成複雜的設計圖呢？前期的市場調研與需求分析為我們提供了第一手好資料，接下來我們要把這些資料逐條分析並提煉需求要點。在頭腦風暴討論中，互動設計師要與產品設計師、需求分析師等一起參加設計圖建立的討論。在討論中確定商業需求範圍、產品需求邏輯、產品規範等，最後總結出一份過程文檔。它可能是BRD或FRD，它將是紙上原型的設計指導書。

當互動設計師拿到這個過程文檔後，就可以建立設計圖中的邏輯架構圖和任務操作流程圖了。在建立邏輯架構圖時，可以選擇Camp Tools或Illustrator製作，當然也有人選擇Mind Manage製作。不管選用哪一種製作工具只要能把邏輯架構表達清晰即可，這裡就不再贅述每種工具的使用方法和優缺點了。同時，互動設計師要始終以資訊架構的原則來建立邏輯架構圖，確保邏輯資訊的完整性、表達資訊的一致性、架構資訊的簡潔性等。在建立任務操作流程圖時，通常選擇Visio製作。在用Visio製作過程中，重在表達功能點之間的互動，我們可以用Visio中提供的流程圖形與流程符號，來表達設計中的關鍵功能與關鍵節點。

在經過紙上原型設計之後，互動設計師要與產品規劃師、可用性工程師迅速溝通，最佳化紙上原型。互動設計師會根據紙上原型確定的功能點與資訊架構，通過Axure製作出低傳真的互動設計原型DEMO。在製作Axure互動設計原型DEMO時候，應該注意的以下幾點原則：

用Axure頁面導航結構去構建資訊架構。