最近一直在做APM報表的重構,記錄和分享一些看法。希望可以堅持,今天先做Web用戶體驗設計的總結。因為重點再重構上,所以可能所說的內容有局限性。

一款優秀的產品在用戶學習的成本上,應該是慎重且克制的。換一個角度說就是界面應該能教導用戶。

這一點非常重要,用戶界面需要讓用戶在不求助於幫助頁面的情況下能夠使用絕大部分功能。許多開發者和設計人員認為,幫助一欄已經寫的非常詳細了,一定可以指導用戶完成對應用的操作,但大多數情況並非如此。事實上,對於大多數產品來說,往往只有那些想探尋產品的每個角落的高端用戶,才會用到(或者被逼着用到)幫助文檔一欄。

幫助用戶最好的方式是用一種容易理解的方式把幫助信息展示在用戶面前。網頁設計其實就是為用戶創造一個好用的階梯,幫助他們完成任務並提高這個過程中的用戶體驗。

當看到像百科全書一樣複雜的幫助文檔時,就該考慮下頁面中心設計的問題了。

對一款你感興趣的陌生產品,熟悉的過程應該是了解、吸引、專註、最後到依賴。像談戀愛一樣,對產品產生一種情感上的依賴。

但是怎樣往這個目標前進呢?或是說怎樣做出一個讓人依賴的產品呢?

作為產品設計人員,一款產品重構的階段,第一件事就是評價它的好壞。評價當然可以是感性的、武斷的,但是要對網站做專業的系統性的評估,就需要我們更有條理,更全面。

我比較喜歡使用的是多層評估,從表面到核心研究多個層面,包括:網站核心功能;導航和信息架構;表單和輸入項;可信度、可靠度;內容質量;搜索;幫助、反饋和容錯度;頁面布局和視覺;可達性和技術設計。

這是一個思考過程也是一個清單,當我們把每一條進行展開,列出更多問題時,我們就能更全面的評估這個產品。

比如對導航和信息架構的分解:主導航的維度是否一致;信息架構是否按照元數據進行分級;信息層級是否過深或混亂等等。

根據上面的維度畫一張雷達圖,就可以比較直觀的看清目前網站的情況。

好了,知道網站有問題了,現在刻意進行修改了,應該如何下手呢?

可能很多設計師馬上對有問題的地方進行調整,比如錯亂的信息架構,負責的幫助系統等等。

這時候其實應該站在更高的有一個角度看待網站重構的問題,我們要設計或重構的不是頁面,而是流程~你的用戶流程和業務流程。

對於APM類的後台,用戶的目標是獲取信息,性能管理。對於業務目標可能是增加用戶對產品的信任程度,增加依賴感。從而轉化為付費用戶或持續續費。

流程設計可以讓你免於調入設計獨立頁面和交互行為持續優化的怪圈,而是專註於滿足用戶需求。設置優先級將精力放在對大部分用戶和業務帶來價值的流程。創造連貫的用戶體驗,為用戶和業務帶來更好的結果。

但是。。人在江湖身不由己,付費的親爹們,你們的需求我這就優先加上。。。。

這也是理想型的產品和做現實中做產品的區別,有些事你知道必須要做了,但是會有人告訴你這個更必須。所謂成熟,就是在兩者之間找到一個大家都能接受的平衡點。

好了,說正題,既然站在設計流程的高度看問題了,問題還是要解決的,如何下手呢?

產品功能設計另說,單說報表類產品提高用戶體驗的方法——數據墨水比

即把墨水分配給必須要展示的數據,這是展示數據的核心要求。怎麼做呢?

1、數據第一位

數據圖應該把讀者的注意力集中在數據本身的意義和形式,而不是其他內容。這裏不是說我們要光有圖表的無趣設計,也不是美感不重要。我們應該在為數據添加設計元素的時候更加謹慎,每一個元素都必須有特定的功能,並且不能把用戶的注意力從數據上分散出來。

舉例:目前報表設計中,關於折線圖日期標記為06-29  00:00、07-06  00:00    這個00:00是什麼鬼。。。

2、有根據的刪去不含數據的像素

雖然有時候一些無用的像素能夠為數據操作帶來幫助,但大多數時候,他們並沒有什麼卵用。要把注重核心數據的規則應用到重構上,就需要對設計進行一個評估,着手提高數據像素比,簡單說就是沒用的刪了,有理有據的。依據就是這些像素對首要任務並沒有直接幫助。比如過度吸引注意力的字體、搶眼的圖片。

3、有理有據的刪去冗餘信息

大量裝飾對數據的強調會產生許多冗餘的像素,報表類產品更適合實現簡單的美感。

4、有理有據的最大化數據像素比

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

5、調整

產品設計中花費最多精力的地方應該是審閱。刪減、修改、鏈接、糾正、測試,這些過程比創作更重要。

用戶體驗優化是一個沒有結尾的循環,整個重構和優化的開始是站在更高的角度看待業務流程並從數據像素比的方面切入,來不斷的進行優化。

這篇web用戶體驗設計優化總結就寫到這兒了,因為再不睡就要餓了。。。

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

作者:性感瓶底兒

來源:http://www.jianshu.com/p/48b592f3d79f