大多數情況,開發人員都比較煩UI和交互,如果公司有專門配備UI和交互工程師,那么開發人員就可以省事很多,專注於業務代碼的實現,但據我了解很多小公司則沒這么幸運了,所以,我認為開發人員多了解設計方面的知識對自己也是一種能力的提升,不用總被產品經理手撕了。
上次講到關於表單設計的十大原則,拋出了下圖一個實際案例,關於微信公眾號的訪客預約表單在設計上存在哪些問題?如果你是產品經理或是設計師,你會怎么改進?
還未了解的伙伴可以先看看我這篇: 《談談用戶體驗中的表單設計-理論篇》
一、存在的問題
1.表單中需要展示的項過多,全部填充在一個頁面,手機端需要通過滑屏到底部才能看到預約按鈕,在UI設計中不符合讓界面處在用戶的掌控之中的原則。
2.申請通行證按鈕藍色背景,黑色字體,明顯配色不搭,此外,申請通行證這個詞容易讓用戶產生學習成本,不夠簡單突出預約功能的作用。
3.必填項大於選填項,*號過多,全部數據項堆積一個頁面展現,布局信息量過大,沒有對相關信息編組,違反了ui設計中保護和尊重用戶的注意力原則。
4.控件布局不對齊,標簽采用左對齊,瀏覽效率最低,界面呈現有可能打擾用戶瀏覽的統一性。
二、表單設計優化
(1)信息分組
(2)頂部標簽、單列布局
(3)優化默認選擇和其它交互
三、總結
最終這個微信公眾號的表單設計優化如上圖所示,不敢說做到極致,起碼跟前一版本對比,引入用戶體驗中的設計原則重新對UI的排版、交互的細節做了優化后效果確實好很多。
不管是PC端的CS還是BS、還是移動端的android和ios產品,要想設計好表單:
1.首先要對產品的業務非常熟悉,比如產品的定位是什么?產品的用戶是誰?產品的業務流程是怎樣的等等?只有對這些熟悉了,才能對產品有一個整體的架構認識。
2.平時多看、多體驗優秀產品的設計會有一定的學習借鑒作用,做產品的人不應該只沉浸在自己的設計中,要多對比才能尋找優化的細節,才能做出比競品要好的用戶體驗。