電子商務搜索LIST頁面用戶體驗設計

      作者:alitedesign.com
      分類: 觀點/經驗
      2010-05-19
      4994
      改版背景

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

      功能需求取舍

      在項目中,我們從市場運營那里采集了大量需求,那怎么把這些需求歸類整理,挑選出我們目標用戶迫切需要的功能點呢?總體來說:以娛樂的心態取舍功能需求,只給最需要的不給最強悍的。

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

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

      最讓人頭疼的往往是取舍功能需求,我們應該以什么標準,什么心態來應對呢?最好通過創建一個紙上原型或觀察用戶的操作,來制定取舍標準,并確保標準里涵蓋以下基礎點:

      用戶檔案-描述用戶的具體特點。特別注意用戶在使用網站時的任何問題,如物理限制。(拋棄與用戶的特點不匹配的需求) 

      文本環境分析-研究用戶的日常任務、工作流程模式、工作環境和概念框架。這有助于你理解為什么用戶對正在測試的網站做出如此反應。(拋棄與用戶操作環境不匹配的需求) 

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

      平臺功能和約束-必須確定界面或產品的功能和限制,以界定可用性需求的范疇。這一信息會受用戶可用性需求的影響。(拋棄與平臺技術能力不匹配的需求) 

      通用設計指南-必須使用公認的設計準則來設計你的界面。參照網頁設計指南制作出來的網頁才能在網頁瀏覽器上表現正常。(拋棄與用戶體驗設計指南不匹配的需求) 

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

      交互設計優化

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

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

      在經過紙上原型設計之后,交互設計師要與產品規劃師、可用性工程師迅速溝通,優化紙上原型。交互設計師會根據紙上原型確定的功能點與信息框架,通過Axure制作出低保真的交互設計原型DEMO。在制作Axure交互設計原型DEMO時候,應該注意的以下幾點原則:

      用Axure頁面導航結構去構建信息架構。 

      頁面的命名要有統一的規范標準。例如:一級頁面,二級頁面,過程頁面(狀態頁、結果頁)等都要有統一的標準。 

      避免糾結復雜的交互控件實現。要記得Axure是快速原型實現工具,并且網上已經有很多成型的Axure交互設計模板可以直接調用。 

      少一點色彩與布局,多一點標注與說明。把色彩與布局的問題留給視覺思考吧,多些減少溝通成本并可消除歧義的注釋吧。 

      Axure交付物也要注意可讀性、可及性。把你的交互產出物移交給視覺和前端的時候,記得讓他們能很容易看懂你想傳達的東西。 

      交互設計原型不是必須生成HTML文件并能動態交互。不一定要能動態展示,但必須要能完整清楚傳達出你的交互過程。 

      最后,請交互設計師們把自己當成真正的產品設計師,你們對產品與項目的責任不低于項目(產品)經理。

      • 1
      • 2
      • 3
      • 4
      • 5
      • 跳轉到:
      • 請輸入數字
        請輸入有效頁碼
      • GO
      0
      2
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 在线精品视频一区二区| 人妻夜夜爽天天爽一区| 久久精品国产一区二区三| 无码国产亚洲日韩国精品视频一区二区三区| 日本一区频道在线视频| 国产精品成人99一区无码| 精品乱码一区内射人妻无码| 国产在线aaa片一区二区99| 人妻无码一区二区三区AV| 亚洲一区二区三区丝袜| 精品综合一区二区三区| 亚洲熟女少妇一区二区| 无码人妻精品一区二区三区蜜桃 | 日本一区精品久久久久影院| 无码日韩精品一区二区三区免费 | 日本中文字幕在线视频一区| 日韩制服国产精品一区| 麻豆果冻传媒2021精品传媒一区下载 | 亚洲一区AV无码少妇电影☆| 亚洲视频一区二区三区| 精品视频在线观看一区二区| 免费精品一区二区三区第35| 欲色aV无码一区二区人妻| 亚洲av高清在线观看一区二区| 亚洲AV无码一区东京热久久| 国模吧一区二区三区精品视频| 国产亚洲3p无码一区二区| 免费高清在线影片一区| 亚洲国产精品一区| 国产一区在线观看免费| 91大神在线精品视频一区| 免费一区二区三区在线视频| 2020天堂中文字幕一区在线观 | 精品人体无码一区二区三区| 日韩免费一区二区三区在线| 久久精品国产一区二区三区日韩| 成人免费视频一区二区三区 | 伦精品一区二区三区视频| 久久久不卡国产精品一区二区| 亚洲AV成人一区二区三区观看 | 夜夜精品视频一区二区|