技術(shù)資訊
用戶體驗這點事兒
2009-02-15 22:34:00
用戶體驗設(shè)計最近比較熱,從以前的輕視UI到現(xiàn)在不管是桌面軟件還是網(wǎng)站都開始關(guān)注用戶體驗設(shè)計。比如Google的簡約設(shè)計和快速性能、iPhone的視覺和手機觸摸交互設(shè)計、Amazon的導(dǎo)航和搜索設(shè)計等等都引起關(guān)注探討和學(xué)習(xí)。
用戶體驗設(shè)計說到底是“以用戶為中心”,或者叫“以人為本”的設(shè)計。具體如何做到“以用戶為中心”和“以人為本”的設(shè)計就大有學(xué)問了,國外牛人給整了很多門科學(xué),比如:視覺設(shè)計、交互設(shè)計、用戶行為研究、可用性分析和測試等等。其中很多又涉及到美學(xué)、心理學(xué)、行為學(xué)、圖形學(xué)和整體的產(chǎn)品化設(shè)計等。
- 視覺設(shè)計(Graphic Design):界面設(shè)計、圖標設(shè)計、顏色和布局設(shè)計、風(fēng)格設(shè)計等
- 交互設(shè)計(Interaction Design):人機交互,即在一定場景內(nèi)用戶獲悉指令,判斷含義,作出回應(yīng)的過程設(shè)計
- 用戶行為研究:定義目標用戶群特征、研究用戶喜好、習(xí)慣和期望等等
- 可用性分析和測試(Usability Testing):分析和發(fā)現(xiàn)可用性問題并提出改進
Wiki上的定義是“創(chuàng)造一種架構(gòu)或交互模型來影響用戶對設(shè)備或系統(tǒng)的期望”。有人說用戶體驗太微妙,很難用語言來形容,因為用戶的需求和期望本身也是說不清楚的;因此用戶體驗設(shè)計的目的只能是盡量減小用戶行為產(chǎn)生的結(jié)果和用戶期望之間的差距,也就是說,用戶和系統(tǒng)交互的過程和結(jié)果越符合或超過用戶的期望,用戶體驗設(shè)計就越成功,也就越符合“以用戶為中心”的設(shè)計原則。
說易行難。還是先看看老大們是怎么做的:
- Google:追求簡單,簡單的布局,簡單的操作,最快的速度。以Google為代表的包括新一代Web2.0網(wǎng)站追求UI上的簡約、實用,主色調(diào)通常不超過4種,并貫穿網(wǎng)站的始終。摒棄無關(guān)信息的堆砌,簡單的界面更能突出功能的強大。
- Apple:追求藝術(shù)化,藝術(shù)性即產(chǎn)品的美感度(包括物理造型、顏色、材質(zhì)工藝等等),在可用的基礎(chǔ)上使得視覺設(shè)計達到極致。
- Microsoft:追求標準化,微軟所有的軟件都有統(tǒng)一的界面風(fēng)格和操作習(xí)慣,使得業(yè)界不符合微軟的操作習(xí)慣的軟件被認為是難用的。
我們該怎么做?下面從一些實際例子看看怎么提高用戶體驗,進行視覺設(shè)計和交互設(shè)計
視覺設(shè)計:要針對目標用戶進行設(shè)計
例如,游戲和辦公軟件的目標用戶群是不完全相同的,同樣的用戶面對這兩者的界面需求是不一樣:游戲是“玩”,注重是趣味性和風(fēng)格化,主要目標用戶是年輕人,要讓他們覺得好玩覺得酷,游戲的UI在視覺創(chuàng)作上發(fā)揮的空間會很大,對于設(shè)計師來說也許很多東西更可以天馬行空;而辦公軟件則是“使用”,是一個工作的輔助工具,關(guān)注的是效率,UI的設(shè)計偏簡約。
QQ的視覺定位是以青少年為主的,所以它的視覺設(shè)計才采用了比較明亮活潑的色彩。而MSN的視覺定位是以辦公室工作人員,所以它的視覺使用比較穩(wěn)定和平靜的色彩。
視覺設(shè)計:別讓用戶看得費勁
例如,豆瓣小組,小組活躍度相當(dāng)高,但這種呈現(xiàn)方式的傳達效果,被大打折扣。如果我來修改,直接計算出活躍程度,類似幾分前,甚至幾秒前,大片的“2007-07-10 22”容易閱讀疲勞。
相比之下,看看博客園的這個就舒服多了
視覺設(shè)計:要有重點
例如,一個火車票查詢網(wǎng)站,火車查詢的時刻表和換乘結(jié)果如下:
所有的顏色都一樣,大小也一樣,沒有重點,可想而知用戶看得有多費勁,改成下面的樣子就好多了:
從哪兒到哪兒,幾點,車次,在哪兒換乘,都很形象,讓人一目了然。無需用戶尋找和思考。
交互設(shè)計:要減少交互;說到底,讓用戶少思考,讓用戶少選擇,讓用戶少等待,讓用戶少操作,讓用戶少轉(zhuǎn)動眼球?qū)ふ?。因為人都很懶,懶得選擇,懶得等待,人們希望馬上到達他希望的“內(nèi)容”,《don't make me think》。
例如,SAP的快速入口:
SAP上的快速入口,為較熟的用戶提供便捷的入口,因為SAP是一個很復(fù)雜的企業(yè)管理軟件,有財務(wù)管理、人事管理、生產(chǎn)管理等等,覆蓋企業(yè)中的各行業(yè),但通常單個用戶一般只用其中的一個,比如你是會計師,那么你通常只用到財務(wù)管理模塊,這時候你只是想打開軟件就進入財務(wù)模塊,快捷入口無疑解除你使用導(dǎo)航樹的痛苦。
#p#交互設(shè)計:減少用戶操作、減少選擇和思考
再例如,在Windows XP中,為了在“開始”-“程序”中找到一個程序,可能需要打開若干級菜單,非常麻煩,而Windows Vista提供了快速搜索,輸入C,就能列出所有以C開頭頂程序,方便快捷。
交互設(shè)計:主動提供幫助,以用戶為中心
例如,常見的Auto-suggestion功能
交互設(shè)計:把復(fù)雜性留給自己,把簡單留給用戶
再例如,一個搬家公司的網(wǎng)站,需要用戶從下拉框中選擇移出城市和移入城市,搬家時間
用戶需要在長長的下拉框中選擇哪個州,哪個城市,而且要選擇兩次,用戶體驗可想而知,改成下面的樣子好多了:
用戶體驗設(shè)計的一些忠告
- 一定不要浪費用戶的時間,例如,巨慢無比的打開網(wǎng)頁/啟動程序,又如,讓用戶一次次的在超過50個內(nèi)容的下拉框里選擇。請珍惜用戶的時間、減少用戶鼠標移動到距離和點擊次數(shù),減少用戶眼球轉(zhuǎn)動滿屏尋找的次數(shù)
- 一定要明白你的產(chǎn)品面對的是什么樣的用戶群
- 一定要去嘗試接觸你的這些用戶,了解他們的特征和行為習(xí)慣
- 一定要把靜止的界面看成交互或?qū)υ?Treat interface as conversation),成功的web開發(fā)者是利用網(wǎng)頁與用戶對話
- 一定不要‘我覺得’,不要打擾和強迫用戶,不要為1%的需求騷擾99%的用戶
- 一定不要提出‘這些用戶怎么會這樣?’的懷疑,一定不要高估用戶的智商
- 一定不要以為給用戶提供越多的東西就越好,相反,重點多了就等于沒有重點,有時候需要做減法
關(guān)注新技術(shù)創(chuàng)新為用戶體驗服務(wù)
簡單的背后是復(fù)雜的實現(xiàn),把簡單留給用戶,把復(fù)雜留給自己。貌似用戶體驗,其實背后卻是復(fù)雜的技術(shù)創(chuàng)新:
- Google search: 快速搜索的用戶體驗背后是先進的搜索技術(shù)。
- Google map: 方便順暢的用戶體驗背后是AJAX技術(shù)。
- Flickr: 方便的管理和分享圖片的用戶體驗背后,是創(chuàng)新性的引用tag作為內(nèi)容管理和分享的方式,打破了以往以相冊為單位的圖片組織模式,創(chuàng)造了基于Blog的社會化分享方式,并通過開放API與用戶實現(xiàn)雙贏。Flickr中也大量使用了Flash和AJAX的技術(shù)。
所以,千萬不要以為用戶體驗就是簡單的UI界面那么簡單的,背后是先進的技術(shù)和創(chuàng)新。技術(shù)以人為本,在這兒用上了。
最后,用戶體驗不是Everything
最后,用戶體驗固然要關(guān)注,但更要關(guān)注的是一個軟件產(chǎn)品或網(wǎng)站說提供的核心功能或內(nèi)容。舉個例子,Google的用戶體驗固然很好,搜索速度也很快,但中文搜索結(jié)果(內(nèi)容)就不如百度。說到底,用戶要一個軟件產(chǎn)品或網(wǎng)站提供他們需要的核心功能和內(nèi)容。再舉個例子,一個非法的六合彩小網(wǎng)站,里面滿屏是小小的GIF在晃動,晃得人都暈了,而用戶真正需要的鏈接卻小的讓人看不見,可以說界面設(shè)計和用戶體驗非常糟糕,但還是很賺錢,為什么?因為他有核心內(nèi)容是別人沒有的,這些用戶只能耐心去找那個小小的鏈接!
用戶體驗不是Everything,這句話對小型公司尤其有效,大公司一般有專門的軟件UI設(shè)計部門,他們的追求是讓產(chǎn)品做到極致,用戶體驗當(dāng)然是重要的環(huán)節(jié)。而小公司的關(guān)注重點應(yīng)該在產(chǎn)品的核心功能上,做到極致,這是首要的。
(轉(zhuǎn)載請注明出處)
原文:http://www.cnblogs.com/Mainz/archive/2009/02/15/1391016.html
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2016-11-21 11:32:00] 蘋果公司下一個大事件的劇本,藏在庫克的喋喋不休里
- [2019-05-14 11:09:21] 青島網(wǎng)站設(shè)計公司哪家好
- [2013-08-31 00:23:25] 小圓點的設(shè)計與用戶體驗
- [2009-02-12 14:18:00] 登門檻效應(yīng)分析網(wǎng)站用戶體驗
- [2009-01-13 22:23:00] 用戶體驗的巨大差異
- [2016-08-05 14:49:00] 網(wǎng)站技術(shù)之網(wǎng)頁設(shè)計原則
- [2009-02-16 09:16:00] 簡單是小說網(wǎng)站的最佳用戶體驗
- [2008-11-12 11:55:00] 電子商務(wù)提升用戶體驗的嘗試
- [2008-12-07 22:59:00] 文章中插入圖片的用戶體驗
- [2019-05-17 09:12:47] 青島營銷型網(wǎng)站建設(shè)
- [2008-08-18 12:08:00] 《用戶體驗的要素》摘記
- [2008-10-23 15:33:00] 取消“用戶體驗設(shè)計部”
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
用戶界面 青島高端網(wǎng)站建設(shè)公司哪家好 青島好的網(wǎng)站優(yōu)化公司 舒適的界面 青島flash網(wǎng)站 青島開發(fā)區(qū)建站公司 網(wǎng)站視覺 網(wǎng)站品牌 集團性網(wǎng)站 平面設(shè)計 H5專題頁面 互聯(lián)網(wǎng) 良好的導(dǎo)航 營銷型網(wǎng)站建設(shè) H5 手機端的網(wǎng)站 集團官網(wǎng) 搜索引擎蜘蛛 視覺靈感 交互設(shè)計 蘋果系統(tǒng) 網(wǎng)站推廣 robots 手機網(wǎng)站建設(shè) 頁面設(shè)計 青島SEO 響應(yīng)式設(shè)計 css 青島輪胎網(wǎng)站設(shè)計公司 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè)