淺談表單設計
說到表單,相信大家肯定不會陌生,我們上網經常會碰到各種各樣的表單。註冊賬號要填表單,網上購物要填表單,登入郵箱要填表單……。好的表單設計能給網站增加註冊量、促進銷售。賈裡德·斯普爾曾經有一個經典案例:修改按鈕為網站年收入增加3 億美元。可見表單是非常重要的,它是使用者與網站溝通的橋樑。
- 表單的組成
表單一般由四部分組成:表單標籤、表單域、提示資訊、表單按鈕。
- 表單的佈局
以下是4種常見的表單佈局,以及每種佈局的眼動路徑,每種佈局都有它的優缺點,具體用哪種佈局可以根據具體情況選擇。
- 表單項的設定
我們都知道表單的重要性,這主要是針對服務提供方的,網站可以通過表單獲得使用者資訊,可以達成購買。但對於使用者來說,填寫表單是一件痛苦的事情,尤其是設定不合理的表單,會讓使用者直接關掉網頁離開。
記得以前看過某交友網站的註冊頁,有幾十項要填的資訊,而且大部分是必填項,其中還涉及使用者的許多隱私資訊。對於網站而言當然是得到越多的使用者資訊越好,但對於使用者來說,他可以選擇離開。我覺得在註冊初期完全可以只填基本項,讓使用者快速註冊,等使用者進來後,再通過激勵、誘導機制讓使用者逐步完善資訊,這樣註冊量肯定會有一個大的提升。
下面我們再看一個電商網站的例子,大部分電商網站購買商品要先註冊,而樂淘網可以在沒有註冊的情況下,直接下訂單購買,把購買與初次註冊合在了一起,我覺得做的比較人性。
下面說一個自始至終都不需要註冊的例子:Color
註冊?你OUT了!Color無需註冊,你的照片或視訊就會在100英尺範圍內公開,被所有人看見,接受別人的稱讚或議論,任意加入別人的群組,參與別人的議論,圍觀別人的家、朋友或公司,沒有隱私,一切基於地理位置,一切基於你與你的手機狀態!那麼,請隨時開啟Color,因為你無法預測下一刻將有一顆什麼味道的巧克力糖在等著你嚐鮮!
總結以上幾點,使用者是不喜歡填寫表單的,但對於服務提供方表單又是至關重要的。所以我們要把表單的體驗做好,儘量精簡的表單項、合理的錯誤提示、預檢測機制以及適時出現表單。以上是個人的一些淺薄認識,有不完善的地方還請指正諒解!
相關文章
- 淺談設計模式——單例模式設計模式單例
- 淺談23種設計模式之單例設計模式設計模式單例
- 淺談程式設計程式設計
- 淺談高可用設計
- 淺談程式設計思想程式設計
- 淺談非同步程式設計非同步程式設計
- Mongodb架構設計淺談MongoDB架構
- 淺談設計文件寫作
- 淺談Windows API程式設計WindowsAPI程式設計
- 淺談學習設計模式設計模式
- 淺談C++物理設計:設計原則C++
- 淺談bootstrap表單驗證外掛BootstrapValidatorboot
- 荒野亂鬥角色設計淺談
- 淺談程式設計正規化程式設計
- 淺談java之設計模式(1)Java設計模式
- 淺談設計模式——工廠模式設計模式
- 淺談業務中臺前端設計前端
- 淺談VueUse設計與實現Vue
- 淺談物件導向程式設計物件程式設計
- 淺談程式設計師創業程式設計師創業
- 淺談資料庫設計技巧資料庫
- 淺談雜湊表
- 【大話設計模式】——淺談設計模式基礎設計模式
- 淺談單調棧
- 自定義表單 動態表單 表單設計器 流程引擎 設計方案
- 淺談PHP物件導向程式設計PHP物件程式設計
- 淺談DDD(領域驅動設計)
- 淺談 DDD 領域驅動設計
- 淺談前端響應式設計(一)前端
- 淺談設計模式之觀察者模式設計模式
- 淺談企業級產品設計
- 淺談前端響應式設計(二)前端
- 白板程式設計淺談——Why, What, How程式設計
- 淺談如何提高程式設計效率?程式設計
- 淺談PHP程式碼設計結構PHP
- 淺談Javascript物件導向程式設計JavaScript物件程式設計
- 淺識JAVA設計模式——單例設計模式Java設計模式單例
- 優惠劵系統庫存設計淺談