最近一直在做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è)面的情況下能夠使用絕大部分功能职辨。許多開發(fā)者和設(shè)計(jì)人員認(rèn)為，幫助一欄已經(jīng)寫的非常詳細(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)看到像百科全書一樣復(fù)雜的幫助文檔時(shí)榜聂，就該考慮下頁(yè)面中心設(shè)計(jì)的問(wèn)題了。
對(duì)一款你感興趣的陌生產(chǎn)品闷游，熟悉的過(guò)程應(yīng)該是了解峻汉、吸引、專注脐往、最后到依賴休吠。像談戀愛一樣，對(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è)面布局和視覺箱蟆；可達(dá)性和技術(shù)設(shè)計(jì)浆西。
這是一個(gè)思考過(guò)程也是一個(gè)清單，當(dāng)我們把每一條進(jìn)行展開顽腾，列出更多問(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ù)上面的維度畫一張雷達(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類的后臺(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)表類產(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)表類產(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)化的開始是站在更高的角度看待業(yè)務(wù)流程并從數(shù)據(jù)像素比的方面切入墨礁，來(lái)不斷的進(jìn)行優(yōu)化。
這篇web用戶體驗(yàn)設(shè)計(jì)優(yōu)化總結(jié)就寫到這兒了耳峦，因?yàn)樵俨凰鸵I了恩静。。。
希望可以共同討論驶乾，一起交流邑飒。
