用戶體驗設計最近比較熱,從以前的輕視UI到現在不管是桌面軟件還是網站都開始關注用戶體驗設計。比如Google的簡約設計和快速性能 、iPhone的視覺和手機觸摸交互設計 、Amazon的導航和搜索設計 等等都引起關注探討和學習。
什麼是用戶體驗?
“用戶體驗”這一術語指用戶個體與產品進行交互時,用戶獲得的主觀體驗。我們經常會談論某家餐廳的服務很好或電影院的環境很糟糕等,這些都是一些關於可用性的非正式討論。當設計或評估某一交互式產品的用戶體驗時,我們需要以條理更加清晰的方式來了解該產品和對其進行討論。
對於 UX 設計人員來說,成功意味着創建實用、可用和用戶所需的產品。產品必須能夠爲用戶提供價值,纔可以稱爲實用產品。用開發術語來講,就是該產品必須實現相應的功能。可用產品指易學易用的產品。用戶所需產品指用戶渴望獲得的產品。用戶對某一產品的需求程度越大,用戶自願在其上花費的時間和精力就越多。熱情的用戶是產品的最佳推廣者。
用戶體驗設計
Wiki 上用戶體驗設計的定義是“創造一種架構或交互模型來影響用戶對設備或系統的期望”。有人說用戶體驗太微妙,很難用語言來形容,因爲用戶的需求和期望本身也是說不清楚的,用戶體驗是一種純主觀的在用戶使用一個產品(服務)的過程中建立起來的心理感受。因此用戶體驗設計的目的只能是儘量減小用戶行爲產生的結果和用戶期望之間的差距,也就是說,用戶和系統交互的過程和結果越符合或超過用戶的期望,用戶體驗設計就越成功,也就越符合“以用戶爲中心”的設計原則。
因此用戶體驗設計說到底是“以用戶爲中心”,或者叫“以人爲本”的設計。具體如何做到“以用戶爲中心”和“以人爲本”的設計就大有學問了,國外牛人給整了很多門科學,比如:視覺設計、交互設計、用戶行爲研究、可用性分析和測試等等。其中很多又涉及到美學、心理學、行爲學、圖形學和整體的產品化設計等。
- 視覺設計( Graphic Design ):界面設計、圖標設計、顏色和佈局設計、風格設計等
- 交互設計( Interaction Design ): 人機交互 ,即在一定場景內用戶獲悉指令,判斷含義,作出迴應的過程設計
- 用戶行爲研究 :定義目標用戶羣特徵、研究用戶喜好、習慣和期望等等
- 可用性分析和測試( Usability Testing ):分析和發現可用性問題並提出改進
說易行難。還是先看看老大們是怎麼做的:
- Google : 追求簡單,簡單的佈局,簡單的操作,最快的速度。以 Google 爲代表的包括新一代 Web2.0 網站追求 UI 上的簡約、實用,主色調通常不超過 4 種,並貫穿網站的始終。摒棄無關信息的堆砌,簡單的界面更能突出功能的強大。
- Apple : 追求藝術化,藝術性即產品的美感度(包括物理造型、顏色、材質工藝等等),在可用的基礎上使得視覺設計達到極致。
- Microsoft : 追求標準化,微軟所有的軟件都有統一的界面風格和操作習慣,使得業界不符合微軟的操作習慣的軟件被認爲是難用的。
我們該怎麼做?下面從一些實際例子看看怎麼提高用戶體驗,進行視覺設計和交互設計
視覺設計:要針對目標用戶進行設計
例如,遊戲和辦公軟件的目標用戶羣是不完全相同的,同樣的用戶面對這兩者的界面需求是不一樣:遊戲是“玩”,注重是趣味性和風格化,主要目標用戶是年輕人,要讓他們覺得好玩覺得酷,遊戲的UI在視覺創作上發揮的空間會很大,對於設計師來說也許很多東西更可以天馬行空;而辦公軟件則是“使用”,是一個工作的輔助工具,關注的是效率,UI的設計偏簡約。
QQ的視覺定位是以青少年爲主的,所以它的視覺設計才採用了比較明亮活潑的色彩。而MSN的視覺定位是以辦公室工作人員,所以它的視覺使用比較穩定和平靜的色彩。
視覺設計:別讓用戶看得費勁
例如,豆瓣小組,小組活躍度相當高,但這種呈現方式的傳達效果,被大打折扣。如果我來修改,直接計算出活躍程度,類似幾分前,甚至幾秒前,大片的“2007-07-10 22”容易閱讀疲勞。
相比之下,看看博客園的這個就舒服多了
視覺設計:要有重點
例如,一個火車票查詢網站,火車查詢的時刻表和換乘結果如下:
所有的顏色都一樣,大小也一樣,沒有重點,可想而知用戶看得有多費勁,改成下面的樣子就好多了:
從哪兒到哪兒,幾點,車次,在哪兒換乘,都很形象,讓人一目瞭然。無需用戶尋找和思考。
交互設計:要減少交互 ;說到底,讓用戶少思考,讓用戶少選擇,讓用戶少等待,讓用戶少操作,讓用戶少轉動眼球尋找。因爲人都很懶,懶得選擇,懶得等待,人們希望馬上到達他希望的“內容”,《don't make me think 》。
例如,SAP的快速入口:
SAP上的快速入口,爲較熟的用戶提供便捷的入口,因爲SAP是一個很複雜的企業管理軟件,有財務管理、人事管理、生產管理等等,覆蓋企業中的各行業,但通常單個用戶一般只用其中的一個,比如你是會計師,那麼你通常只用到財務管理模塊,這時候你只是想打開軟件就進入財務模塊,快捷入口無疑解除你使用導航樹的痛苦。
交互設計:減少用戶操作、減少選擇和思考
再例如,在Windows XP中,爲了在“開始”-“程序”中找到一個程序,可能需要打開若干級菜單,非常麻煩,而Windows Vista提供了快速搜索,輸入C,就能列出所有以C開頭頂程序,方便快捷。
交互設計:主動提供幫助,以用戶爲中心
例如,常見的Auto-suggestion功能
交互設計:把複雜性留給自己,把簡單留給用戶
再例如,一個搬家公司的網站,需要用戶從下拉框中選擇移出城市和移入城市,搬家時間
用戶需要在長長的下拉框中選擇哪個州,哪個城市,而且要選擇兩次,用戶體驗可想而知,改成下面的樣子好多了:
用戶體驗設計的一些忠告
- 一定不要浪費用戶的時間,例如,巨慢無比的打開網頁/啓動程序,又如,讓用戶一次次的在超過50個內容的下拉框裏選擇。請珍惜用戶的時間、減少用戶鼠標移動到距離和點擊次數,減少用戶眼球轉動滿屏尋找的次數
- 一定要明白你的產品面對的是什麼樣的用戶羣
- 一定要去嘗試接觸你的這些用戶,瞭解他們的特徵和行爲習慣
- 一定要把靜止的界面看成交互或對話(Treat interface as conversation),成功的web開發者是利用網頁與用戶對話
- 一定不要‘我覺得’,不要打擾和強迫用戶,不要爲1%的需求騷擾99%的用戶
- 一定不要提出‘這些用戶怎麼會這樣?’的懷疑,一定不要高估用戶的智商
- 一定不要以爲給用戶提供越多的東西就越好,相反,重點多了就等於沒有重點,有時候需要做減法
關注新技術創新爲用戶體驗服務
簡單的背後是複雜的實現,把簡單留給用戶,把複雜留給自己。貌似用戶體驗,其實背後卻是複雜的技術創新:
- Google search: 快速搜索的用戶體驗背後是先進的搜索技術。
- Google map: 方便順暢的用戶體驗背後是 AJAX 技術。
- Flickr: 方便的管理和分享圖片的用戶體驗背後,是創新性的引用 tag 作爲內容管理和分享的方式,打破了以往以相冊爲單位的圖片組織模式,創造了基於 Blog 的社會化分享方式,並通過開放 API 與用戶實現雙贏。 Flickr 中也大量使用了 Flash 和 AJAX 的技術。
所以,千萬不要以爲用戶體驗就是簡單的UI界面那麼簡單的,背後是先進的技術和創新。技術以人爲本,在這兒用上了。
最後,用戶體驗不是Everything
最後,用戶體驗固然要關注,但更要關注的是一個軟件產品或網站說提供的核心功能 或內容 。舉個例子,Google的用戶體驗固然很好,搜索速度也很快,但中文搜索結果(內容)就不如百度。說到底,用戶要一個軟件產品或網站提供他們需要的核心功能和內容。再舉個例子,一個非法的六合彩小網站,裏面滿屏是小小的GIF在晃動,晃得人都暈了,而用戶真正需要的鏈接卻小的讓人看不見,可以說界面設計和用戶體驗非常糟糕,但還是很賺錢,爲什麼?因爲他有核心內容是別人沒有的,這些用戶只能耐心去找那個小小的鏈接!
用戶體驗不是Everything,這句話對小型公司尤其有效,大公司一般有專門的軟件UI設計部門,他們的追求是讓產品做到極致,用戶體驗當然是重要的環節。而小公司的關注重點應該在產品的核心功能上,做到極致,這是首要的。
進一步學習,參考資料
如果你想進一步學習,下面列出的這些網站能夠幫助你處理界面設計、用戶體驗(UE)、以用戶爲中心的設計(UCD)、可用性以及任何這方面的問題。
- Jacob Gube 的 20 WebSites to Help You Master User Interface Design :推薦了一些有用的網站
- Boxes and Arrows :提供交互設計、可用性設計和信息設計方面的專業信息。有的文章會教你 設計具有良好可用性的在心郵件應用 ,還有 利用 VISIO 展示富網絡應用的例子 。
- Usability Post :一個關於可用性設計的博客。博客文章中提到了很多技巧。
- A List Apart :最好的基於標準的設計和開發的文章資源,其中的 User Science 專題涵蓋用戶界面設計的各個方面。
- 更多資源請 百度 , Google 一下 “UI” 、 “UE” 、 “UX” 、 “UCD” 等。