深圳深達(dá)品牌網(wǎng)站建設(shè)公司于2005年創(chuàng)立,
以高端網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、集團(tuán)網(wǎng)站制作、響應(yīng)式網(wǎng)站建設(shè)、外貿(mào)型網(wǎng)站設(shè)計(jì)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站制作、微信網(wǎng)站建設(shè)、H5網(wǎng)站制作、電子商務(wù)網(wǎng)站設(shè)計(jì)制作、品牌設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)絡(luò)服務(wù)、品牌整合傳播策劃為核心業(yè)務(wù),
致力于高端市場(chǎng),專(zhuān)注于品牌服務(wù)、提升企業(yè)形象!咨詢(xún)電話(huà):0755-83769155

深圳網(wǎng)站建設(shè)、深圳網(wǎng)站設(shè)計(jì)、深圳網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、深圳網(wǎng)絡(luò)公司、品牌設(shè)計(jì)

2006版 | 咨詢(xún)電話(huà):0755-83769155

設(shè)計(jì)觀點(diǎn)

電子商務(wù)搜索LIST頁(yè)面用戶(hù)體驗(yàn)設(shè)計(jì)
2011-08-26     文章來(lái)源: 深達(dá)設(shè)計(jì)
Tags: 電,子商務(wù),搜索,LIST,頁(yè)面,用戶(hù),體驗(yàn),設(shè)計(jì)

改版背景

創(chuàng)建專(zhuān)業(yè)的電子商務(wù)垂直搜索,以及把原有的信息聚合平臺(tái)轉(zhuǎn)型為在線(xiàn)采購(gòu)批發(fā)交易平臺(tái)。根據(jù)行業(yè)特點(diǎn)及交易需要,對(duì)原有的零批(小額批發(fā))搜索進(jìn)行改版,改造為適合行業(yè)搜索交易頻道,便是這次改版的設(shè)計(jì)目標(biāo)。我們搜索產(chǎn)品線(xiàn)的產(chǎn)品經(jīng)理與用戶(hù)體驗(yàn)設(shè)計(jì)師們進(jìn)行了長(zhǎng)達(dá)半年的準(zhǔn)備工作。 項(xiàng)目組成員將對(duì)現(xiàn)有的功能需求,信息架構(gòu),視覺(jué)色彩,用戶(hù)體驗(yàn)等,做多視角、多緯度的分析。力求在1688.com上線(xiàn)后,推出另一個(gè)電子商務(wù)垂直搜索用戶(hù)體驗(yàn)盛宴。
功能需求取舍
在項(xiàng)目中,我們從市場(chǎng)運(yùn)營(yíng)那里采集了大量需求,那怎么把這些需求歸類(lèi)整理,挑選出我們目標(biāo)用戶(hù)迫切需要的功能點(diǎn)呢?總體來(lái)說(shuō):以?shī)蕵?lè)的心態(tài)取舍功能需求,只給最需要的不給最強(qiáng)悍的。
來(lái)自運(yùn)營(yíng)的需求,來(lái)自用戶(hù)的需求,往往多種多樣,可以用千奇百怪來(lái)形容,那么如何配合產(chǎn)品規(guī)劃師、產(chǎn)品經(jīng)理找到用戶(hù)最迫切的需求呢?
頭腦風(fēng)暴可以讓產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)成員產(chǎn)生很多創(chuàng)意。當(dāng)收集到大量需求時(shí),其中可能有主要需求與次要需求,客觀判斷哪些是首先要完成的,哪些是可以放到2期來(lái)做的,并制定標(biāo)準(zhǔn)需求優(yōu)先級(jí)與對(duì)應(yīng)時(shí)間節(jié)點(diǎn),這樣可以保證項(xiàng)目按期完成。
最讓人頭疼的往往是取舍功能需求,我們應(yīng)該以什么標(biāo)準(zhǔn),什么心態(tài)來(lái)應(yīng)對(duì)呢?最好通過(guò)創(chuàng)建一個(gè)紙上原型或觀察用戶(hù)的操作,來(lái)制定取舍標(biāo)準(zhǔn),并確保標(biāo)準(zhǔn)里涵蓋以下基礎(chǔ)點(diǎn):
  • 用戶(hù)檔案-描述用戶(hù)的具體特點(diǎn)。特別注意用戶(hù)在使用網(wǎng)站時(shí)的任何問(wèn)題,如物理限制。(拋棄與用戶(hù)的特點(diǎn)不匹配的需求)
  • 文本環(huán)境分析-研究用戶(hù)的日常任務(wù)、工作流程模式、工作環(huán)境和概念框架。這有助于你理解為什么用戶(hù)對(duì)正在測(cè)試的網(wǎng)站做出如此反應(yīng)。(拋棄與用戶(hù)操作環(huán)境不匹配的需求)
  • 可用性目標(biāo)設(shè)定-需要制訂質(zhì)量具體化的目標(biāo),它能體現(xiàn)從用戶(hù)檔案中搜集到的需求。測(cè)試在某個(gè)階段用戶(hù)能否完成任務(wù),如果用戶(hù)受到限制,那就應(yīng)該重新設(shè)定用戶(hù)的目標(biāo)。(拋棄與用戶(hù)目標(biāo)不匹配的需求)
  • 平臺(tái)功能和約束-必須確定界面或產(chǎn)品的功能和限制,以界定可用性需求的范疇。這一信息會(huì)受用戶(hù)可用性需求的影響。(拋棄與平臺(tái)技術(shù)能力不匹配的需求)
  • 通用設(shè)計(jì)指南-必須使用公認(rèn)的設(shè)計(jì)準(zhǔn)則來(lái)設(shè)計(jì)你的界面。參照網(wǎng)頁(yè)設(shè)計(jì)指南制作出來(lái)的網(wǎng)頁(yè)才能在網(wǎng)頁(yè)瀏覽器上表現(xiàn)正常。(拋棄與用戶(hù)體驗(yàn)設(shè)計(jì)指南不匹配的需求)
產(chǎn)品(交互)體驗(yàn)設(shè)計(jì)師在做互動(dòng)設(shè)計(jì)之前,除了要對(duì)需求把關(guān)外還要消除項(xiàng)目關(guān)系人之間的分歧,滿(mǎn)足用戶(hù)的期望、工程師的期望、銷(xiāo)售與市場(chǎng)人員的期望、經(jīng)理的期望。最后尋找一個(gè)各方都能夠接受的平衡點(diǎn),具體闡述請(qǐng)參看:交互設(shè)計(jì)師怎樣和產(chǎn)品團(tuán)隊(duì)合作
交互設(shè)計(jì)優(yōu)化
從設(shè)計(jì)圖到原型的誕生,是一個(gè)復(fù)雜而又有趣的過(guò)程。首先我們?cè)趺赐瓿蓮?fù)雜的設(shè)計(jì)圖呢?前期的市場(chǎng)調(diào)研與需求分析為我們提供了第一手好資料,接下來(lái)我們要把這些資料逐條分析并提煉需求要點(diǎn)。在頭腦風(fēng)暴討論中,交互設(shè)計(jì)師要與產(chǎn)品設(shè)計(jì)師、需求分析師等一起參加設(shè)計(jì)圖創(chuàng)建的討論。在討論中確定商業(yè)需求范圍、產(chǎn)品需求邏輯、產(chǎn)品規(guī)范等,最后總結(jié)出一份過(guò)程文檔。它可能是BRD或FRD,它將是紙上原型的設(shè)計(jì)指導(dǎo)書(shū)。
當(dāng)交互設(shè)計(jì)師拿到這個(gè)過(guò)程文檔后,就可以創(chuàng)建設(shè)計(jì)圖中的邏輯架構(gòu)圖和任務(wù)操作流程圖了。在創(chuàng)建邏輯架構(gòu)圖時(shí),可以選擇Camp Tools或Illustrator制作,當(dāng)然也有人選擇Mind Manage制作。不管選用哪一種制作工具只要能把邏輯架構(gòu)表達(dá)清晰即可,這里就不再贅述每種工具的使用方法和優(yōu)缺點(diǎn)了。同時(shí),交互設(shè)計(jì)師要始終以信息架構(gòu)的原則來(lái)創(chuàng)建邏輯架構(gòu)圖,確保邏輯信息的完整性、表達(dá)信息的一致性、架構(gòu)信息的簡(jiǎn)潔性等。在創(chuàng)建任務(wù)操作流程圖時(shí),通常選擇Visio制作。在用Visio制作過(guò)程中,重在表達(dá)功能點(diǎn)之間的交互,我們可以用Visio中提供的流程圖形與流程符號(hào),來(lái)表達(dá)設(shè)計(jì)中的關(guān)鍵功能與關(guān)鍵節(jié)點(diǎn)。
在經(jīng)過(guò)紙上原型設(shè)計(jì)之后,交互設(shè)計(jì)師要與產(chǎn)品規(guī)劃師、可用性工程師迅速溝通,優(yōu)化紙上原型。交互設(shè)計(jì)師會(huì)根據(jù)紙上原型確定的功能點(diǎn)與信息框架,通過(guò)Axure制作出低保真的交互設(shè)計(jì)原型DEMO。在制作Axure交互設(shè)計(jì)原型DEMO時(shí)候,應(yīng)該注意的以下幾點(diǎn)原則:
  1. 用Axure頁(yè)面導(dǎo)航結(jié)構(gòu)去構(gòu)建信息架構(gòu)。
  2. 頁(yè)面的命名要有統(tǒng)一的規(guī)范標(biāo)準(zhǔn)。例如:一級(jí)頁(yè)面,二級(jí)頁(yè)面,過(guò)程頁(yè)面(狀態(tài)頁(yè)、結(jié)果頁(yè))等都要有統(tǒng)一的標(biāo)準(zhǔn)。
  3. 避免糾結(jié)復(fù)雜的交互控件實(shí)現(xiàn)。要記得Axure是快速原型實(shí)現(xiàn)工具,并且網(wǎng)上已經(jīng)有很多成型的Axure交互設(shè)計(jì)模板可以直接調(diào)用。
  4. 少一點(diǎn)色彩與布局,多一點(diǎn)標(biāo)注與說(shuō)明。把色彩與布局的問(wèn)題留給視覺(jué)思考吧,多些減少溝通成本并可消除歧義的注釋吧。
  5. Axure交付物也要注意可讀性、可及性。把你的交互產(chǎn)出物移交給視覺(jué)和前端的時(shí)候,記得讓他們能很容易看懂你想傳達(dá)的東西。
  6. 交互設(shè)計(jì)原型不是必須生成HTML文件并能動(dòng)態(tài)交互。不一定要能動(dòng)態(tài)展示,但必須要能完整清楚傳達(dá)出你的交互過(guò)程。
最后,請(qǐng)交互設(shè)計(jì)師們把自己當(dāng)成真正的產(chǎn)品設(shè)計(jì)師,你們對(duì)產(chǎn)品與項(xiàng)目的責(zé)任不低于項(xiàng)目(產(chǎn)品)經(jīng)理。
視覺(jué)色彩優(yōu)化
IBM一直被人們稱(chēng)藍(lán)色巨人(Big Blue):信任、可靠。可口可樂(lè)是紅色:活力、熱情。顏色不僅僅作為這些公司的標(biāo)識(shí),還把它們加以理想化了。
不可否認(rèn),色彩改變了我們對(duì)于所見(jiàn)事物的反應(yīng)“顏色”。不同的配色方案,給人以不同的感受,或頑皮、或深沉;或冷淡、或熱情;或別致、或邋遢;或充滿(mǎn)活力、或安靜;或陰郁、或活潑;或端莊、或幼稚;或樸實(shí)、或浪漫;或?qū)I(yè)、或業(yè)余;或熾熱、或陰森。色彩選擇,決定了人們?cè)诘谝谎劭吹骄W(wǎng)站時(shí)的感覺(jué)。因此,色彩是Web設(shè)計(jì)者手中最普遍,也是最強(qiáng)大的工具。我們說(shuō)“設(shè)計(jì)=解決問(wèn)題”,而視覺(jué)設(shè)計(jì),就是“用視覺(jué)語(yǔ)言去解決邏輯問(wèn)題”。
在2002年,一個(gè)研究小組得到了一些有趣的發(fā)現(xiàn)。斯坦福Web可信性項(xiàng)目開(kāi)始了解是什么因素讓人們對(duì)網(wǎng)站產(chǎn)生信任或者不信任,而很多因素在他們的發(fā)現(xiàn)中都很明顯:公司聲譽(yù)、客戶(hù)服務(wù)、出資人,還有廣告,這些都會(huì)讓用戶(hù)決定該網(wǎng)站是否值得信任。但是最重要的因素——在他們列表中排在第一位的——卻是網(wǎng)站的視覺(jué)風(fēng)格和美感。
交互設(shè)計(jì)領(lǐng)域著名的大師,Donald Norman,總結(jié)說(shuō):“積極的情感增強(qiáng)了創(chuàng)造性和廣度優(yōu)先的思考,而負(fù)面的情感集中在認(rèn)知上,增強(qiáng)深度優(yōu)先處理并把干擾降到最少;積極的情感讓人們更能容忍一些困難,在尋找解決方案的時(shí)候變得更靈活而有創(chuàng)造性。”當(dāng)人們開(kāi)始喜歡某些界面的時(shí)候,它們事實(shí)上會(huì)變得更可用。
電子商務(wù)垂直搜索LIST頁(yè)面的視覺(jué)優(yōu)化,風(fēng)格上我們通常會(huì)支持品牌。目標(biāo)上傳達(dá)出一種強(qiáng)烈的品牌信息,如“阿里巴巴的橙色系列,“1688的Logo”。但是品牌識(shí)別不止是圖標(biāo)和廣告詞。它遍布在阿里巴巴項(xiàng)目產(chǎn)品設(shè)計(jì)、阿里巴巴的網(wǎng)站,以及阿里巴巴的材料中——事實(shí)上,品牌對(duì)配色方案的選擇、字體、圖形、詞匯表,體現(xiàn)在各個(gè)方向。
視覺(jué)設(shè)計(jì)師制作了內(nèi)容相同而風(fēng)格不同的上百個(gè)界面,然后產(chǎn)品規(guī)劃與設(shè)計(jì)團(tuán)隊(duì)成員集體投票,選擇一個(gè)最合適的風(fēng)格定位。在設(shè)計(jì)與選擇的過(guò)程中,如果我們很了解目標(biāo)用戶(hù),那么他們的內(nèi)在反應(yīng)和情感反應(yīng)是可以預(yù)見(jiàn)的,并且可以預(yù)見(jiàn)的程度還相當(dāng)驚人。答案就在于實(shí)際情況下很多因素的結(jié)合:
  • 顏色-讓色彩更具有可讀性,少一點(diǎn)顏色,多一點(diǎn)價(jià)值。
  • 排版-根據(jù)字體的選擇,文字顏色的選擇,再看內(nèi)在的、情感上的因素來(lái)布局。
  • 規(guī)模-避免空間過(guò)度擁擠。
  • 角度和形狀-尖銳的角度、線(xiàn)交叉點(diǎn)或多個(gè)線(xiàn)條匯聚的地方,使用這些焦點(diǎn)把用戶(hù)的眼光引導(dǎo)到你希望的地方去。
  • 重復(fù)出現(xiàn)的視覺(jué)主題-角落處理模式可以給用戶(hù)帶來(lái)視覺(jué)旋律。
  • 文本-選擇形散,神不散的字體與文本顏色。
  • 圖片-節(jié)制性的使用裝飾性圖片,在功能性GUI里謹(jǐn)慎使用,因?yàn)闀?huì)分散用戶(hù)注意力。
  • 文化因素-如果要表達(dá)明顯的文化含義,考慮下將要面對(duì)的受重。
前端代碼優(yōu)化
文件越大,用來(lái)下載和顯示頁(yè)面的時(shí)間就越長(zhǎng)。請(qǐng)記?。何募傮w積,指的是構(gòu)成Web頁(yè)面的所有文件,包括:HTML、外部CSS、外部JavaScript、圖像、聲音以及視頻在內(nèi)的文件的大小。在這些文件中,HTML、CSS、以及JavaScript文件只是文本文件,因此,常常相當(dāng)緊湊。而圖像、聲音,以及視頻文件通常都很大,存在下載問(wèn)題。
公共網(wǎng)站的頁(yè)面大小,從每頁(yè)小于20K到每頁(yè)大于100K(包括頁(yè)面的所有圖形文件)。究竟應(yīng)該有多大,即使是所謂的專(zhuān)家在這個(gè)問(wèn)題上,也普遍存在著分歧。如果你的網(wǎng)站需要專(zhuān)業(yè)品質(zhì)的圖形,那么就不可能遵守“20K定律”。但是,如果目標(biāo)受眾的Internet連接速度慢,或者目標(biāo)受眾的耐性有限,你就不得不放棄那令人難以抗拒的漂亮圖像,轉(zhuǎn)而遵守關(guān)于“20K定律”的限制。怎么樣為有限的文件體積做事先的規(guī)劃呢?
  • 把大部分的CSS和JavaScript文件放入外部文件。只在網(wǎng)站第一次引用這些文件時(shí),才進(jìn)行下載。之后,網(wǎng)站上任何頁(yè)面都可以重復(fù)使用這些文件,而無(wú)需再次下載。
  • 重復(fù)使用不同頁(yè)面的圖形、音頻和視頻。因?yàn)檫@些文件也是在第一次時(shí),才進(jìn)行下載。
  • 不要使用不必要的圖形、動(dòng)畫(huà)或聲音。無(wú)論是出于實(shí)用性的考慮,還是為了增強(qiáng)網(wǎng)站的吸引力,每個(gè)文件都應(yīng)該有清楚的存在于網(wǎng)站上的理由。一個(gè)用于導(dǎo)航,大尺寸、具有吸引力的圖像映射,同時(shí)具備了實(shí)用和美觀兩種用途,就像待售產(chǎn)品的照片一樣。另一方面,應(yīng)該去掉那些只起到填充空白作用的圖形。
  • 在可能的情況下,使用小尺寸圖像,而不是大尺寸圖像。因?yàn)樵谄渌蛩叵嗤臈l件下,與大尺寸圖像相比,小尺寸圖像的下載速度更快。例如:你可能使用一個(gè)平鋪(重復(fù))顯示在背景上的小尺寸圖像,代替單個(gè)的大尺寸背景圖像。
  • 盡量減少特殊導(dǎo)航按鈕,每個(gè)按鈕都具有獨(dú)特的措辭和翻轉(zhuǎn)效果,則需要下載100個(gè)不同的圖像。相反地,50個(gè)文本鏈接(具有CSS提供的翻轉(zhuǎn)效果),只需很小的下載代價(jià)。
做為技術(shù)出身的交互設(shè)計(jì)師,可以不斷探索新的技術(shù)帶來(lái)的變革(例如:html5)。無(wú)論何時(shí),頁(yè)面打開(kāi)速度是給用戶(hù)的第一印象,也是提升用戶(hù)對(duì)網(wǎng)站滿(mǎn)意度的重要因素,并且前端代碼的優(yōu)化將會(huì)給用戶(hù)帶來(lái)舒適地操作體驗(yàn)!
用戶(hù)體驗(yàn)原則制定
在設(shè)計(jì)前我們要遵從一種通用性的用戶(hù)體驗(yàn)設(shè)計(jì)原則,在設(shè)計(jì)后我們要能總結(jié)歸納出只適合此產(chǎn)品的用戶(hù)體驗(yàn)規(guī)則。
設(shè)計(jì)前設(shè)計(jì)思路:
  1. 以用戶(hù)為中心的設(shè)計(jì):設(shè)計(jì)必須是滿(mǎn)足用戶(hù)需求的、可行的,其次才是可產(chǎn)生商業(yè)價(jià)值的。
  2. 操作入口明確:任何一個(gè)產(chǎn)品都要有明確、合理的入口。
  3. 不歧視特殊人群:色盲、肢體殘疾人士可以完成基本操作。
  4. 任務(wù)可被完成:任務(wù)在無(wú)外界影響下可以被完成。
  5. 問(wèn)題可被解決:用戶(hù)在任務(wù)中出現(xiàn)的問(wèn)題,在無(wú)外界影響下可以被解決。
  6. 簡(jiǎn)潔自然,清晰易懂:用簡(jiǎn)潔、自然、用戶(hù)可理解的形式表達(dá)信息。
  7. 突出重點(diǎn),一目了然:用戶(hù)的第一關(guān)注,將是設(shè)計(jì)中要表達(dá)的重點(diǎn)信息。
  8. 導(dǎo)航明晰、有效:導(dǎo)航明確清晰、有效,分類(lèi)彼此獨(dú)立、完全窮盡。
  9. 避免迷路:任何位置都能明確“我在那里?這里有什么?從這里能去哪里?”。
  10. 深廣度平衡:?jiǎn)蝹€(gè)頁(yè)面上可見(jiàn)菜單項(xiàng)的數(shù)目與層級(jí)結(jié)構(gòu)中級(jí)別的數(shù)目平衡。
  11. 習(xí)慣延續(xù),必要延伸:用戶(hù)的操作習(xí)慣必須延續(xù),在用戶(hù)可接受的范圍之內(nèi)適當(dāng)延伸與引導(dǎo)。
  12. 符合用戶(hù)心智模型:用戶(hù)對(duì)功能的預(yù)期與實(shí)際操作的結(jié)果保持一致。
  13. 操作一致性:相同類(lèi)型的命令或操作產(chǎn)生同樣的效果。
  14. 及時(shí)、有效、友好:第一時(shí)間針對(duì)用戶(hù)的操作作出有效、友好的反應(yīng)。
  15. 避免出錯(cuò):針對(duì)用戶(hù)可能出現(xiàn)的錯(cuò)誤,通過(guò)系統(tǒng)來(lái)避免錯(cuò)誤的發(fā)生。
  16. 一次點(diǎn)擊:盡可能減少完成任務(wù)所需要的操作次數(shù)。
  17. 別讓我思考:用戶(hù)的第一反應(yīng)所產(chǎn)生的操作正確、有效。
  18. 最小記憶負(fù)擔(dān):避免用戶(hù)需要記憶5條以上的數(shù)據(jù)。
  19. 最簡(jiǎn)化:幫助信息精簡(jiǎn),準(zhǔn)確描述,段落不超過(guò)3段,句子不超過(guò)30字。
  20. 適時(shí)幫助:當(dāng)用戶(hù)需要幫助的時(shí)候才提供幫助。
  21. 二倍、一個(gè):方案設(shè)計(jì)數(shù)量增加兩倍或減少到單位數(shù)量時(shí),仍可適用該設(shè)計(jì)方案。
  22. 以簡(jiǎn)化繁:盡量使用簡(jiǎn)單、原生的交互方式解決復(fù)雜的用戶(hù)交互行為。
  23. 符合柵格:頁(yè)面布局符合柵格系統(tǒng)標(biāo)準(zhǔn)。
  24. 符合標(biāo)準(zhǔn)設(shè)計(jì)模式:交互控件符合DPL設(shè)計(jì)模式標(biāo)準(zhǔn)。
設(shè)計(jì)后體驗(yàn)原則:
  1. 啟發(fā)式交互:讓創(chuàng)新的界面具有教學(xué)功能。
  2. 速度第一:頁(yè)面打開(kāi)速度的重要意義已經(jīng)超過(guò)了某些頁(yè)面的普通功能。
  3. 即時(shí)有效:控件的反饋應(yīng)該是即時(shí)的,而不是讓用戶(hù)去無(wú)限等待。
  4. 少即是多:操作起來(lái)足夠的簡(jiǎn)單快速,頁(yè)面功能也很強(qiáng)大。
  5. 個(gè)性化操作:滿(mǎn)足交易型用戶(hù)的口味,也可以同時(shí)滿(mǎn)足瀏覽型用戶(hù)的操作習(xí)慣。
  6. 可發(fā)現(xiàn)性:讓一切應(yīng)該在那時(shí)間看到的元素,一目了然吧。
  7. 簡(jiǎn)潔性:應(yīng)用程序足夠的干凈,什么時(shí)候該出現(xiàn),什么時(shí)候該消失,不給用戶(hù)帶來(lái)困擾。
  8. 差異化:這里的差異化指的是讓用戶(hù)能很容易辯識(shí)相同緯度的元素之間的差異,例如相關(guān)搜索的展示方式。
其實(shí),在設(shè)計(jì)前,我們會(huì)參考大量的通用性設(shè)計(jì)原則;在設(shè)計(jì)后,我們才會(huì)發(fā)現(xiàn):對(duì)于項(xiàng)目有針對(duì)意義的原則也就很少的幾條。這個(gè)時(shí)候需要靠設(shè)計(jì)師自己的邏輯歸納能力,把最重要最迫切的用戶(hù)體驗(yàn)設(shè)計(jì)原則抽象出來(lái)。
快速迭代與可用性測(cè)試
在項(xiàng)目執(zhí)行過(guò)程中,難免會(huì)有一些突發(fā)事件或需求變更,這時(shí)候我們需要一個(gè)嚴(yán)格的項(xiàng)目質(zhì)量管理控制體系,來(lái)保證項(xiàng)目的質(zhì)量的同時(shí)還要保證項(xiàng)目的進(jìn)度。我們要通過(guò)快速迭代的方式來(lái)把之前的疏漏或錯(cuò)誤進(jìn)行修復(fù),不要怕犯錯(cuò)誤,應(yīng)該勇于快速修正錯(cuò)誤。一般快速迭代的開(kāi)發(fā)機(jī)制是配合可用性測(cè)試(簡(jiǎn)約版啟發(fā)式評(píng)估同步進(jìn)行的。
針對(duì)現(xiàn)有啟發(fā)式評(píng)估流程上復(fù)雜,實(shí)現(xiàn)成本比較高的特點(diǎn),進(jìn)行的改進(jìn)與精簡(jiǎn),立足于機(jī)動(dòng)性強(qiáng),實(shí)現(xiàn)簡(jiǎn)單方便,靈活性更高的特點(diǎn)。我創(chuàng)新了一種簡(jiǎn)約版啟發(fā)式評(píng)估的方法,適用于重要度和緊急度都高的項(xiàng)目。
根據(jù)who-how-what策略來(lái)快速開(kāi)展簡(jiǎn)約版啟發(fā)式評(píng)估,其中who-how-what為貫穿整個(gè)過(guò)程的主線(xiàn),并且評(píng)估過(guò)程也分who-how-what三個(gè)部分,三個(gè)部分概括為6個(gè)字:準(zhǔn)備-評(píng)估-報(bào)告。
具體可用性測(cè)試操作方法請(qǐng)參考:如何快速開(kāi)展簡(jiǎn)約版啟發(fā)式評(píng)估
定性與定量結(jié)合的數(shù)據(jù)分析
可用性測(cè)試會(huì)產(chǎn)生大量的需要你檢查的數(shù)據(jù)。測(cè)試完成后,你可能會(huì)得到下面一些數(shù)據(jù):
  • 測(cè)試中的問(wèn)題列表。
  • 測(cè)試中關(guān)于時(shí)間、錯(cuò)誤和其他性能測(cè)試數(shù)據(jù),還包括調(diào)查問(wèn)卷中的主觀評(píng)分。
  • 日志、筆記和調(diào)查問(wèn)卷中測(cè)試者的評(píng)論。
  • 測(cè)試團(tuán)隊(duì)的筆記記錄。
  • 測(cè)試參與者的背景資料數(shù)據(jù)。
  • 測(cè)試過(guò)程的錄像,可以從測(cè)試房間的多個(gè)角度獲得。
當(dāng)將所有獲得的數(shù)據(jù)都輸入Excel完成后,就可以分析這些數(shù)據(jù)來(lái)發(fā)現(xiàn)一些趨勢(shì)和問(wèn)題。但是,問(wèn)題也來(lái)了,正如馬克.吐溫所說(shuō),總存在著“謊言,可憎的謊言和數(shù)據(jù)”的問(wèn)題,特別是對(duì)于一些推論性的數(shù)據(jù)而言,很容易造成數(shù)據(jù)誤讀。
一個(gè)有用的處理數(shù)據(jù)的技術(shù)是對(duì)其進(jìn)行三角形化。這種方法可以清楚地看出整個(gè)數(shù)據(jù)中每組數(shù)據(jù)是如何影響其他各組數(shù)據(jù)的。三角形的每個(gè)頂點(diǎn)對(duì)應(yīng)一種不同類(lèi)型的數(shù)據(jù):
  • 問(wèn)題列表。
  • 日志和調(diào)查問(wèn)卷中的數(shù)值(定量)數(shù)據(jù)。
  • 測(cè)試者的評(píng)論和測(cè)試團(tuán)隊(duì)的觀察。
根據(jù)可用性目標(biāo)和測(cè)試前確定的數(shù)值標(biāo)準(zhǔn)來(lái)對(duì)數(shù)據(jù)進(jìn)行檢驗(yàn),從而確定哪些問(wèn)題位于三角形內(nèi)部。
排除數(shù)據(jù)誤讀的方式,還有很多這里談到的只是眾多方式的冰山一角。對(duì)于電子商務(wù)搜索LIST頁(yè)面用戶(hù)體驗(yàn)優(yōu)化,未來(lái)我們也不將止于此,好了接下來(lái)聽(tīng)聽(tīng)大家怎么說(shuō)吧?
 
深達(dá)觀點(diǎn)
OUR VIEW