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

大多數狀況，開發人員都比較煩UI和交互，若是公司有專門配備UI和交互工程師，那麼開發人員就能夠省事不少，專一於業務代碼的實現，但據我瞭解不少小公司則沒這麼幸運了，因此，我認爲開發人員多瞭解設計方面的知識對本身也是一種能力的提高，不用總被產品經理手撕了。

 

上次講到關於表單設計的十大原則，拋出了下圖一個實際案例，關於微信公衆號的訪客預定表單在設計上存在哪些問題？若是你是產品經理或是設計師，你會怎麼改進？

還未了解的夥伴能夠先看看我這篇：   《談談用戶體驗中的表單設計-理論篇》

      

1、存在的問題

1.表單中須要展現的項過多，所有填充在一個頁面，手機端須要經過滑屏到底部才能看到預定按鈕，在UI設計中不符合讓界面處在用戶的掌控之中的原則。

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

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

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

 

2、表單設計優化

（1）信息分組

 

（2）頂部標籤、單列布局

 

（3）優化默認選擇和其它交互

 

3、總結

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

 

無論是PC端的CS仍是BS、仍是移動端的android和ios產品，要想設計好表單：

1.首先要對產品的業務很是熟悉，好比產品的定位是什麼？產品的用戶是誰？產品的業務流程是怎樣的等等？只有對這些熟悉了，才能對產品有一個總體的架構認識。

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