談談用戶體驗中的表單設計-實踐篇


大多數情況,開發人員都比較煩UI和交互,如果公司有專門配備UI和交互工程師,那么開發人員就可以省事很多,專注於業務代碼的實現,但據我了解很多小公司則沒這么幸運了,所以,我認為開發人員多了解設計方面的知識對自己也是一種能力的提升,不用總被產品經理手撕了。

 

上次講到關於表單設計的十大原則,拋出了下圖一個實際案例,關於微信公眾號的訪客預約表單在設計上存在哪些問題?如果你是產品經理或是設計師,你會怎么改進?

還未了解的伙伴可以先看看我這篇:   《談談用戶體驗中的表單設計-理論篇》

      

一、存在的問題

1.表單中需要展示的項過多,全部填充在一個頁面,手機端需要通過滑屏到底部才能看到預約按鈕,在UI設計中不符合讓界面處在用戶的掌控之中的原則。

2.申請通行證按鈕藍色背景,黑色字體,明顯配色不搭,此外,申請通行證這個詞容易讓用戶產生學習成本,不夠簡單突出預約功能的作用。

3.必填項大於選填項,*號過多,全部數據項堆積一個頁面展現,布局信息量過大,沒有對相關信息編組,違反了ui設計中保護和尊重用戶的注意力原則。

4.控件布局不對齊,標簽采用左對齊,瀏覽效率最低,界面呈現有可能打擾用戶瀏覽的統一性。

 

二、表單設計優化

(1)信息分組

 

(2)頂部標簽、單列布局

 

(3)優化默認選擇和其它交互

 

三、總結

最終這個微信公眾號的表單設計優化如上圖所示,不敢說做到極致,起碼跟前一版本對比,引入用戶體驗中的設計原則重新對UI的排版、交互的細節做了優化后效果確實好很多。

 

不管是PC端的CS還是BS、還是移動端的android和ios產品,要想設計好表單:

1.首先要對產品的業務非常熟悉,比如產品的定位是什么?產品的用戶是誰?產品的業務流程是怎樣的等等?只有對這些熟悉了,才能對產品有一個整體的架構認識。

2.平時多看、多體驗優秀產品的設計會有一定的學習借鑒作用,做產品的人不應該只沉浸在自己的設計中,要多對比才能尋找優化的細節,才能做出比競品要好的用戶體驗。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM