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

Web用戶體驗(yàn)設(shè)計(jì)總結(jié)最近一直在做APM報(bào)表的重構(gòu)，記錄和分享一些說(shuō)法。希望可以堅(jiān)持，今天先做Web消費(fèi)者體驗(yàn)設(shè)計(jì)的總結(jié)。因?yàn)橹攸c(diǎn)再重構(gòu)上，所以可能所說(shuō)的發(fā)展性內(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è)系列產(chǎn)品角落的高端用戶，才會(huì)用到（或者被逼著用到）幫助文檔一欄。幫助最好的方式是用一種容易理解的方式把幫助信息展示在用戶面前。網(wǎng)頁(yè)設(shè)計(jì)其實(shí)就是為小巧用戶創(chuàng)造一個(gè)好用的階梯，幫助他們完成任務(wù)并提高這個(gè)過(guò)程中鼓勵(lì)的用戶體驗(yàn)。當(dāng)看到像百科全書(shū)一樣復(fù)雜的幫助文檔時(shí)，就該考慮下之下頁(yè)面中心設(shè)計(jì)的風(fēng)險(xiǎn)問(wèn)題了。對(duì)一款躁動(dòng)不安你感興趣的陌生產(chǎn)品，陌生的過(guò)程應(yīng)該是了解、吸引、專注、最后到依賴。像談戀愛(ài)一樣，對(duì)產(chǎn)品產(chǎn)生一種情感上的依賴。但是怎樣往這個(gè)目標(biāo)前行呢？或是說(shuō)怎樣做出一個(gè)讓配件人因依賴的產(chǎn)品呢？作為產(chǎn)品設(shè)計(jì)人員，一款產(chǎn)品重構(gòu)的初級(jí)階段，整件惡行事就是評(píng)價(jià)它的好壞。評(píng)價(jià)當(dāng)然可以是感性的、武斷的，但是要對(duì)網(wǎng)站做專業(yè)的系統(tǒng)性的評(píng)估，就需我們更有條理，更全面。我比較喜歡使用的是多層評(píng)估結(jié)果，從表面到核心所研究多個(gè)層面，包括：網(wǎng)站核心功能；導(dǎo)航和信息架構(gòu)；表單和輸入項(xiàng)；可信度、可靠度；內(nèi)容質(zhì)量；搜索；幫助、反饋和容錯(cuò)度；頁(yè)面布局和視覺(jué)；韋爾霍瓦日和技術(shù)設(shè)計(jì)。這是一個(gè)思考過(guò)程關(guān)鍵步驟也是一個(gè)清單，當(dāng)我們把每一條或進(jìn)行展開(kāi)，列出更多問(wèn)題時(shí)，我們就能更全面的評(píng)估這個(gè)產(chǎn)品。比如對(duì)導(dǎo)航和信息架構(gòu)的過(guò)氧化氫：主導(dǎo)航的維度是否一致；信息架構(gòu)是否按照元數(shù)據(jù)進(jìn)行分級(jí)；內(nèi)部信息層級(jí)是否過(guò)深或混亂等等。根據(jù)上面的維度畫(huà)一張雷達(dá)圖，就可以比較直觀的看清目前網(wǎng)站的情況。好了，知道網(wǎng)站有風(fēng)險(xiǎn)問(wèn)題了，現(xiàn)在刻意開(kāi)展修改了，應(yīng)該如何下手呢？可能很多設(shè)計(jì)師馬上對(duì)有問(wèn)題的地方進(jìn)行，比如錯(cuò)亂的信息基礎(chǔ)架構(gòu)，并負(fù)責(zé)的幫助系統(tǒng)等等。這時(shí)候其實(shí)應(yīng)該站在更高的有一個(gè)角度看待網(wǎng)站重構(gòu)的問(wèn)題，我們要設(shè)計(jì)或網(wǎng)頁(yè)重構(gòu)的不是頁(yè)面，而是流程~你的用戶程序化和業(yè)務(wù)流程。對(duì)于APM類的后臺(tái)，用戶的首要目標(biāo)是獲取信息，性能管理。對(duì)于業(yè)務(wù)目標(biāo)可能是降低戰(zhàn)略目標(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è)置和將精力放在對(duì)大部分用戶優(yōu)先級(jí)業(yè)務(wù)造成價(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)表類產(chǎn)品提高用戶體驗(yàn)的方法——數(shù)據(jù)墨水比即把墨水分配給必須要展示的數(shù)據(jù)，這是展示數(shù)據(jù)的核心其要求。怎么做呢？數(shù)據(jù)圖應(yīng)該把讀者的注意力集中在數(shù)據(jù)本身的意義和實(shí)際意義形式，而不是其他內(nèi)容。這里并非說(shuō)我們要光有圖表的無(wú)趣實(shí)際上設(shè)計(jì)，也不是美感不非常重要。我們應(yīng)該在為數(shù)據(jù)添加設(shè)計(jì)元素的時(shí)候更加謹(jǐn)慎，每一個(gè)元素都必須有特定的符號(hào)功用，并且不能把用戶的注意力從數(shù)據(jù)分散出來(lái)。舉例：目前報(bào)表設(shè)計(jì)中，關(guān)于折線圖日期小寫(xiě)為06-2900:00、07-0600:00這個(gè)00:00是什么鬼。。。雖然有時(shí)候一些無(wú)用的解析度能夠?yàn)閿?shù)據(jù)操作帶來(lái)幫助，但大多數(shù)時(shí)候，他們并不能什么卵用。要把注重核心數(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ò)度吸引注意力的所致字體、搶眼的圖片。大量裝飾對(duì)數(shù)據(jù)的強(qiáng)調(diào)會(huì)產(chǎn)生許多冗余的像素，報(bào)表類產(chǎn)品更適合實(shí)現(xiàn)簡(jiǎn)單的美感。做了以上三步，第四步基本就快做到了。產(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)