Web用戶體驗(yàn)設(shè)計(jì)總結(jié)

0 評(píng)論 8518 瀏覽 50 收藏 8 分鐘

最近一直在做APM報(bào)表的重構(gòu),記錄和分享一些看法。希望可以堅(jiān)持,今天先做Web用戶體驗(yàn)設(shè)計(jì)的總結(jié)。因?yàn)橹攸c(diǎn)再重構(gòu)上,所以可能所說(shuō)的內(nèi)容有局限性。

一款優(yōu)秀的產(chǎn)品在用戶學(xué)習(xí)的成本上,應(yīng)該是慎重且克制的。換一個(gè)角度說(shuō)就是界面應(yīng)該能教導(dǎo)用戶。

這一點(diǎn)非常重要,用戶界面需要讓用戶在不求助于幫助頁(yè)面的情況下能夠使用絕大部分功能。許多開(kāi)發(fā)者和設(shè)計(jì)人員認(rèn)為,幫助一欄已經(jīng)寫(xiě)的非常詳細(xì)了,一定可以指導(dǎo)用戶完成對(duì)應(yīng)用的操作,但大多數(shù)情況并非如此。事實(shí)上,對(duì)于大多數(shù)產(chǎn)品來(lái)說(shuō),往往只有那些想探尋產(chǎn)品的每個(gè)角落的高端用戶,才會(huì)用到(或者被逼著用到)幫助文檔一欄。

幫助用戶最好的方式是用一種容易理解的方式把幫助信息展示在用戶面前。網(wǎng)頁(yè)設(shè)計(jì)其實(shí)就是為用戶創(chuàng)造一個(gè)好用的階梯,幫助他們完成任務(wù)并提高這個(gè)過(guò)程中的用戶體驗(yàn)。

當(dāng)看到像百科全書(shū)一樣復(fù)雜的幫助文檔時(shí),就該考慮下頁(yè)面中心設(shè)計(jì)的問(wèn)題了。

對(duì)一款你感興趣的陌生產(chǎn)品,熟悉的過(guò)程應(yīng)該是了解、吸引、專注、最后到依賴。像談戀愛(ài)一樣,對(duì)產(chǎn)品產(chǎn)生一種情感上的依賴。

但是怎樣往這個(gè)目標(biāo)前進(jìn)呢?或是說(shuō)怎樣做出一個(gè)讓人依賴的產(chǎn)品呢?

作為產(chǎn)品設(shè)計(jì)人員,一款產(chǎn)品重構(gòu)的階段,第一件事就是評(píng)價(jià)它的好壞。評(píng)價(jià)當(dāng)然可以是感性的、武斷的,但是要對(duì)網(wǎng)站做專業(yè)的系統(tǒng)性的評(píng)估,就需要我們更有條理,更全面。

我比較喜歡使用的是多層評(píng)估,從表面到核心研究多個(gè)層面,包括:網(wǎng)站核心功能;導(dǎo)航和信息架構(gòu);表單和輸入項(xiàng);可信度、可靠度;內(nèi)容質(zhì)量;搜索;幫助、反饋和容錯(cuò)度;頁(yè)面布局和視覺(jué);可達(dá)性和技術(shù)設(shè)計(jì)。

這是一個(gè)思考過(guò)程也是一個(gè)清單,當(dāng)我們把每一條進(jìn)行展開(kāi),列出更多問(wèn)題時(shí),我們就能更全面的評(píng)估這個(gè)產(chǎn)品。

比如對(duì)導(dǎo)航和信息架構(gòu)的分解:主導(dǎo)航的維度是否一致;信息架構(gòu)是否按照元數(shù)據(jù)進(jìn)行分級(jí);信息層級(jí)是否過(guò)深或混亂等等。

根據(jù)上面的維度畫(huà)一張雷達(dá)圖,就可以比較直觀的看清目前網(wǎng)站的情況。

好了,知道網(wǎng)站有問(wèn)題了,現(xiàn)在刻意進(jìn)行修改了,應(yīng)該如何下手呢?

可能很多設(shè)計(jì)師馬上對(duì)有問(wèn)題的地方進(jìn)行調(diào)整,比如錯(cuò)亂的信息架構(gòu),負(fù)責(zé)的幫助系統(tǒng)等等。

這時(shí)候其實(shí)應(yīng)該站在更高的有一個(gè)角度看待網(wǎng)站重構(gòu)的問(wèn)題,我們要設(shè)計(jì)或重構(gòu)的不是頁(yè)面,而是流程~你的用戶流程和業(yè)務(wù)流程。

對(duì)于APM類(lèi)的后臺(tái),用戶的目標(biāo)是獲取信息,性能管理。對(duì)于業(yè)務(wù)目標(biāo)可能是增加用戶對(duì)產(chǎn)品的信任程度,增加依賴感。從而轉(zhuǎn)化為付費(fèi)用戶或持續(xù)續(xù)費(fèi)。

流程設(shè)計(jì)可以讓你免于調(diào)入設(shè)計(jì)獨(dú)立頁(yè)面和交互行為持續(xù)優(yōu)化的怪圈,而是專注于滿足用戶需求。設(shè)置優(yōu)先級(jí)將精力放在對(duì)大部分用戶和業(yè)務(wù)帶來(lái)價(jià)值的流程。創(chuàng)造連貫的用戶體驗(yàn),為用戶和業(yè)務(wù)帶來(lái)更好的結(jié)果。

但是。。人在江湖身不由己,付費(fèi)的親爹們,你們的需求我這就優(yōu)先加上。。。。

這也是理想型的產(chǎn)品和做現(xiàn)實(shí)中做產(chǎn)品的區(qū)別,有些事你知道必須要做了,但是會(huì)有人告訴你這個(gè)更必須。所謂成熟,就是在兩者之間找到一個(gè)大家都能接受的平衡點(diǎn)。

好了,說(shuō)正題,既然站在設(shè)計(jì)流程的高度看問(wèn)題了,問(wèn)題還是要解決的,如何下手呢?

產(chǎn)品功能設(shè)計(jì)另說(shuō),單說(shuō)報(bào)表類(lèi)產(chǎn)品提高用戶體驗(yàn)的方法——數(shù)據(jù)墨水比

即把墨水分配給必須要展示的數(shù)據(jù),這是展示數(shù)據(jù)的核心要求。怎么做呢?

1、數(shù)據(jù)第一位

數(shù)據(jù)圖應(yīng)該把讀者的注意力集中在數(shù)據(jù)本身的意義和形式,而不是其他內(nèi)容。這里不是說(shuō)我們要光有圖表的無(wú)趣設(shè)計(jì),也不是美感不重要。我們應(yīng)該在為數(shù)據(jù)添加設(shè)計(jì)元素的時(shí)候更加謹(jǐn)慎,每一個(gè)元素都必須有特定的功能,并且不能把用戶的注意力從數(shù)據(jù)上分散出來(lái)。

舉例:目前報(bào)表設(shè)計(jì)中,關(guān)于折線圖日期標(biāo)記為06-29? 00:00、07-06? 00:00? ? 這個(gè)00:00是什么鬼。。。

2、有根據(jù)的刪去不含數(shù)據(jù)的像素

雖然有時(shí)候一些無(wú)用的像素能夠?yàn)閿?shù)據(jù)操作帶來(lái)幫助,但大多數(shù)時(shí)候,他們并沒(méi)有什么卵用。要把注重核心數(shù)據(jù)的規(guī)則應(yīng)用到重構(gòu)上,就需要對(duì)設(shè)計(jì)進(jìn)行一個(gè)評(píng)估,著手提高數(shù)據(jù)像素比,簡(jiǎn)單說(shuō)就是沒(méi)用的刪了,有理有據(jù)的。依據(jù)就是這些像素對(duì)首要任務(wù)并沒(méi)有直接幫助。比如過(guò)度吸引注意力的字體、搶眼的圖片。

3、有理有據(jù)的刪去冗余信息

大量裝飾對(duì)數(shù)據(jù)的強(qiáng)調(diào)會(huì)產(chǎn)生許多冗余的像素,報(bào)表類(lèi)產(chǎn)品更適合實(shí)現(xiàn)簡(jiǎn)單的美感。

4、有理有據(jù)的最大化數(shù)據(jù)像素比

做了以上三步,第四步基本就快做到了。

5、調(diào)整

產(chǎn)品設(shè)計(jì)中花費(fèi)最多精力的地方應(yīng)該是審閱。刪減、修改、鏈接、糾正、測(cè)試,這些過(guò)程比創(chuàng)作更重要。

用戶體驗(yàn)優(yōu)化是一個(gè)沒(méi)有結(jié)尾的循環(huán),整個(gè)重構(gòu)和優(yōu)化的開(kāi)始是站在更高的角度看待業(yè)務(wù)流程并從數(shù)據(jù)像素比的方面切入,來(lái)不斷的進(jìn)行優(yōu)化。

這篇web用戶體驗(yàn)設(shè)計(jì)優(yōu)化總結(jié)就寫(xiě)到這兒了,因?yàn)樵俨凰鸵I了。。。

希望可以共同討論,一起交流。

作者:性感瓶底兒

來(lái)源:http://www.jianshu.com/p/48b592f3d79f

 

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!