1. 程式人生 > >對UX的一點理解

對UX的一點理解

轉場做了幾個星期的前端開發,突然對UX設計有了些看法,丟擲來,歡迎UX同學斧正。

個人理解的UX設計的幾個層次,或者一般會經歷的幾個階段:
1. 有一定的美術功底,會使用常用的設計軟體,UI元素運用熟練,線條、色彩、佈局、比例運用恰當。能夠按照統一規範製作頁面,介面美觀大方,互動簡潔合理。這是對UX工程師最基本的要求,經過一些實踐之後基本都能達到這個水平。
這裡寫圖片描述
2. 能夠使用統一標準,一致的風格,按照用例設計出一組頁面。設計稿能夠有效支撐開發過程,能夠將介面規範,比如色系、尺寸、字型、控制元件等公共元素抽取出來形成一致性說明。比如整套方案中所有的grid都風格一致,不同地方的grid根據業務需求內容不同,大小有差異,但是決不會出現多種風格。
這裡寫圖片描述


3. 對html/css/javascript有一定的瞭解,能夠跳出單頁面的侷限,放眼整套方案,抽取出更多的公共元素,形成規範,指導或簡化開發落地。
比如,比較容易理解的網站的header和footer,其實不必每個頁面都畫一遍,UX設計工程師也基本是將其儲存為模板之類的,然後應用到每個頁面,所以完全能夠將設計剖析,形成多維度、分層次的設計稿。
所謂多維度、分層次,就是設計稿絕不是最終網站靜態頁面的集合,設計的應該是一套方案,作為開發人員的輸入,設計稿應該能夠從全域性到區域性,從統一風格到具體細節,既建立起開發規範,公共控制元件等的指導說明,又對從網站地圖到每一個具體流程的互動有詳細的說明。
這裡寫圖片描述

做到這些,最直觀的感覺是提高了開發交付的速度、降低了開發難度,省卻了很多不必要的重複工作;同時,明確一致的設計其實也間接提高了開發質量,降低了維護成本,最終影響到公司的利潤。
4. 對設計方案背後的業務場景有深刻地理解,能夠根據場景提取出合理用例,用以支撐UX設計。比如每個頁面的使用者是什麼角色?日常工作中主要關注的內容有哪些?使用產品時的大部分時間花在哪裡,能夠根據使用者關注點,解決重點問題,在取捨時站在使用者角度做出調整,用最小的投入得到最大的客戶滿意度。到這一層次,我認為UX其實已經和產品經理融為一體了,好的產品經理本來就應該是首席使用者體驗官。
這裡寫圖片描述

這裡的幾個層次沒有明顯的界限,使用者體驗官未必PS用得熟練,在大一些的公司裡甚至可能就是不同的崗位,這樣分工更加細緻、專業。
但是就我目前有限的經驗而言,產品經理基本不管UX設計,做得好的公司會讓產品經理參與UI評審,做一些查漏補缺,事後諸葛亮的事情;同樣,第三個層次的人基本沒遇到過,我所理想的成體系的設計方案也從來沒有發生過。經常的情況是拿到一些介面的集合(真的只是集合,連新老介面的跳轉、傳承都沒有),開發要自己尋思怎麼拆分控制元件,要猜測使用者的互動流程,連如何不那麼唐突地放到原有系統中都很有問題。開發完幾個頁面之後,拿到下一批設計頁面一看,哇,怎麼控制元件的風格又變了,這是種新控制元件還是要把所有老控制元件都換成這樣?~~

圖片來源於網路