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

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