文:阿蜜果
日期:2011-10-19
轉(zhuǎn)載請注明出處
你常上的網(wǎng)站是哪些呢?
我使用的博客網(wǎng)站有blogjava(技術(shù)博客)、QQ空間(能與朋友分享的博客文章)、新浪博客,購物網(wǎng)站有當當網(wǎng)(買書)、淘寶網(wǎng)(給朋友買禮物)、京東網(wǎng)(買電器),門戶網(wǎng)站是新浪、騰訊網(wǎng),常用的搜索引擎是百度和Google……我之所以成為這些網(wǎng)站的相對忠實用戶,我想與這些網(wǎng)站良好的用戶體驗以及為它們?yōu)樘嵘脩趔w驗的不斷努力有關(guān)。
在20世紀90年代HTML誕生時,HTML的第一個官方版本是由IETF(互聯(lián)網(wǎng)工程任務組)推出的HTML2.0,當時,網(wǎng)頁還比較簡單,以展示文字信息為主,但隨著HTML的發(fā)展,網(wǎng)頁內(nèi)容越來越豐富,也越來越錯綜復雜,在功能相似的基礎(chǔ)上,提升用戶體驗是提升競爭優(yōu)勢和投資回報率的關(guān)鍵手段。
最近翻看兩年前買的卻沒有翻看的一本由(美)Jesse James Garrett編寫的《用戶體驗的要素》,這本作者努力精簡的薄薄的書(僅167頁,不是大開本的,而且圖表很多,因為是翻譯過來的,一頁紙上只有2/3的地方有內(nèi)容)很快的吸引了我,書中的很多觀點都激起了我的共鳴。
1、 什么是用戶體驗
用戶體驗并不是指一件產(chǎn)品本身是如何工作的,而是“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”的,也就是人們?nèi)绾?#8220;接觸”和“使用”它。
2、 用戶體驗的重要性
不同廠商的榨汁機、電水壺、電磁爐、咖啡機等都會給人不同的用戶體驗。例如我家里有一個榨汁機,功能好像還挺多,但用起來復雜得很,簡單的功能不能讓大家一目了然,要逼著人去看功能說明書,某次我回去,看到它還是嶄新的,問父母用過為什么還那么新呢,父母答:“因為比較難用,所以都不愿意用,于是才那么新!”
例如,現(xiàn)在的電水壺、電飯煲基本都是一鍵式,將水往電水壺里面一放一按鈕,就開始工作了,當水燒開時會自動關(guān)閉,不用手動干預。
再例如,從前的洗衣機基本都是半自動的,洗滌完后要手動的漂洗、脫水,很是繁瑣,而現(xiàn)在去商場看,這種半自動的洗衣機已經(jīng)被淘汰得差不多了,基本都是全自動洗衣機,衣服一放進去,出來時已經(jīng)是脫好水的衣服了,只要拿去晾曬就OK了。
如此種種,不一而舉。在提升用戶體驗的路上,廠商都一步步往前邁進,他們都意識到了用戶體驗的重要性,試想如果需要用戶在一次次嘗試、失敗、反復看說明書后才明白你的產(chǎn)品如何使用,當他還要買其它的產(chǎn)品時,他很可能會選擇別的廠商用戶體驗更好的商品。在產(chǎn)品功能相當?shù)那闆r下,于細微處見競爭力。
而網(wǎng)站,因為它是“自助式”的產(chǎn)品,一般的網(wǎng)站都沒有可以實現(xiàn)閱讀的說明書,沒有操作培訓和討論會,用戶只能依靠自己的智慧和經(jīng)驗,來面對這個網(wǎng)站,用戶被困在某個地方,必須靠自己找到出路。讓用戶在體驗網(wǎng)站、使用網(wǎng)站的過程中越少的面對這樣的困境、迷惑,才能讓用戶更愿意在你的網(wǎng)站駐足,更愿意下一次來光臨你的網(wǎng)站。
用作者的話說:“用戶體驗對你很重要,其中一個最大的理由是:它對你的用戶很重要。如果沒有給他們一個積極的體驗,他們不會使用你的網(wǎng)站。如果沒有用戶,你能得到的只是一臺藏在某個角落里,布滿了灰塵的網(wǎng)絡(luò)服務器,無聊地等待著去完成永遠不會到來的請求。”
3、 用戶體驗的要素
作者將設(shè)計用戶體驗的工作分解成各個組成要素,以幫助我們更好地了解整個問題。
3.1 戰(zhàn)略層
該層不僅僅包括了經(jīng)營者想從網(wǎng)站得到什么,還包括了用戶想要得到什么。就網(wǎng)上書店的例子而言,一些戰(zhàn)略目標是顯而易見的:用戶想要買書,我們想要賣出書。另一些目標可能并不是那么容易說清楚的。
戰(zhàn)略層關(guān)注的目標是來自企業(yè)外部的用戶需求,以及與之對應的網(wǎng)站的期望目標。這些網(wǎng)站目標可以是網(wǎng)頁目的(例如今年100萬的銷售收入)或其它類型的目標(讓讀者了解快女參賽選手的基本情況)等。
以當當網(wǎng)為例,它前期的戰(zhàn)略層需求應該是:為用戶提供一個方便網(wǎng)上購書的平臺(當當網(wǎng)在購書方面做得成功之后,也開始從事百貨、電子產(chǎn)品的工作)。
3.2 范圍層
網(wǎng)站的特性和功能構(gòu)成了網(wǎng)站的范圍層,決定某些功能是否成為該網(wǎng)站的功能之一,就是范圍層需要解決的問題。
在信息空間方面,范圍是以內(nèi)容需求的形式出現(xiàn):對各種內(nèi)容元素的要求的詳細描述。
例如,當當網(wǎng)要分類展示各種圖書的列表(包括書的封面、作者、出版日期、出版社、圖書介紹等),如下圖所示: 
以及按銷量圖書排行、最新上架圖書等信息。這些都屬于范圍層需要確定的內(nèi)容。
3.3 結(jié)構(gòu)層
該層用于設(shè)計用戶如何到達某個頁面,并且在他們做完事情之后能去哪個地方。
在軟件方面,結(jié)構(gòu)層關(guān)注交互設(shè)計,即系統(tǒng)如何響應用戶的請求。在信息空間方面,結(jié)構(gòu)層則是信息架構(gòu)在信息空間中內(nèi)容元素的分布。
以當當網(wǎng)為例,從點擊購買書開始,進入提交訂單成功需要三個步驟,第一步是確認購物車內(nèi)容,顯示購買的商品: 
第二步是“確認訂單信息”,如下圖所示:

在上圖的頁面中,展示了用戶當前設(shè)置的“收貨人信息”、“送貨方式”、“付款方式”、“商品清單”、“是否需要發(fā)票”和“是否使用禮品卡/禮券”,這些信息都可以在該頁面進行修改,而這些信息,有一些同樣的購物網(wǎng)站可能會通過多個步驟的頁面展示,但多個步驟如果操作不是很方便,會讓網(wǎng)站在這一步步中提高了購買放棄率,筆者覺得當當?shù)挠唵翁峤唤缑孢€是比較方便的,這也是這么多年來一直是它網(wǎng)站忠實用戶的一部分原因。
3.4 框架層
框架層用于優(yōu)化設(shè)計布局,以達到這些元素的最大的效果和效率。例如使你需要的時候,能記得標識并找到購物車的按鈕。
不管是軟件界面還是信息空間,我們必須要完成信息設(shè)計:一種促進理解的信息表達方式。在軟件產(chǎn)品那邊,框架層還包括了界面設(shè)計,或者也可以說安排好能讓用戶與系統(tǒng)的功能產(chǎn)生互動的界面元素。對于信息空間方面來說,這種界面就是導航設(shè)計:屏幕上的一些元素的組合。
例如在下圖的框架結(jié)構(gòu)中,上搜索,左分類、右內(nèi)容的框架是購物網(wǎng)站常用的結(jié)構(gòu),卓越、京東等網(wǎng)站基本都采用這種方式,展示“搜索”和“購買”按鈕的都位于右邊,更方便勢力所及和鼠標操作的方便,這些都是框架層需要定義的內(nèi)容: 
3.5 表現(xiàn)層
在表現(xiàn)層,我們看到的是一系列的網(wǎng)頁,由圖片和文字組成,有一些圖片是可以點擊的,從來執(zhí)行某種功能,例如進入到購物車。一些圖片只是圖片,用于展示書的封面、網(wǎng)站logo等。
不管是軟件產(chǎn)品還是信息空間,在表現(xiàn)層的關(guān)注點都是一樣的:視覺設(shè)計,或者說最終產(chǎn)品的外觀。這層不但包括網(wǎng)頁內(nèi)容的位置安排,還包括網(wǎng)站的總體色調(diào)等內(nèi)容,例如當當網(wǎng)以橙色為主色調(diào),京東商城以紅色為主色調(diào),blogjava和CSDN以藍色為主色調(diào)等。
posted on 2011-10-19 10:46
阿蜜果 閱讀(2084)
評論(1) 編輯 收藏 所屬分類:
解決方案