淺談表單設(shè)計(jì)
說到表單,相信大家肯定不會(huì)陌生,我們上網(wǎng)經(jīng)常會(huì)碰到各種各樣的表單。注冊賬號要填表單,網(wǎng)上購物要填表單,登錄郵箱要填表單……。好的表單設(shè)計(jì)能給網(wǎng)站增加注冊量、促進(jìn)銷售。賈里德·斯普爾曾經(jīng)有一個(gè)經(jīng)典案例:修改按鈕為網(wǎng)站年收入增加3 億美元??梢姳韱问欠浅V匾?,它是用戶與網(wǎng)站溝通的橋梁。
- 表單的組成
表單一般由四部分組成:表單標(biāo)簽、表單域、提示信息、表單按鈕。
- 表單的布局
以下是4種常見的表單布局,以及每種布局的眼動(dòng)路徑,每種布局都有它的優(yōu)缺點(diǎn),具體用哪種布局可以根據(jù)具體情況選擇。
- 表單項(xiàng)的設(shè)置
我們都知道表單的重要性,這主要是針對服務(wù)提供方的,網(wǎng)站可以通過表單獲得用戶信息,可以達(dá)成購買。但對于用戶來說,填寫表單是一件痛苦的事情,尤其是設(shè)置不合理的表單,會(huì)讓用戶直接關(guān)掉網(wǎng)頁離開。
記得以前看過某交友網(wǎng)站的注冊頁,有幾十項(xiàng)要填的信息,而且大部分是必填項(xiàng),其中還涉及用戶的許多隱私信息。對于網(wǎng)站而言當(dāng)然是得到越多的用戶信息越好,但對于用戶來說,他可以選擇離開。我覺得在注冊初期完全可以只填基本項(xiàng),讓用戶快速注冊,等用戶進(jìn)來后,再通過激勵(lì)、誘導(dǎo)機(jī)制讓用戶逐步完善信息,這樣注冊量肯定會(huì)有一個(gè)大的提升。
下面我們再看一個(gè)電商網(wǎng)站的例子,大部分電商網(wǎng)站購買商品要先注冊,而樂淘網(wǎng)可以在沒有注冊的情況下,直接下訂單購買,把購買與初次注冊合在了一起,我覺得做的比較人性。
下面說一個(gè)自始至終都不需要注冊的例子:Color
注冊?你OUT了!Color無需注冊,你的照片或視頻就會(huì)在100英尺范圍內(nèi)公開,被所有人看見,接受別人的稱贊或議論,任意加入別人的群組,參與別人的議論,圍觀別人的家、朋友或公司,沒有隱私,一切基于地理位置,一切基于你與你的手機(jī)狀態(tài)!那么,請隨時(shí)打開Color,因?yàn)槟銦o法預(yù)測下一刻將有一顆什么味道的巧克力糖在等著你嘗鮮!
總結(jié)以上幾點(diǎn),用戶是不喜歡填寫表單的,但對于服務(wù)提供方表單又是至關(guān)重要的。所以我們要把表單的體驗(yàn)做好,盡量精簡的表單項(xiàng)、合理的錯(cuò)誤提示、預(yù)檢測機(jī)制以及適時(shí)出現(xiàn)表單。以上是個(gè)人的一些淺薄認(rèn)識(shí),有不完善的地方還請指正諒解!
本文地址:http://m.pkvc.cn/tutorial/id1796.html
您可能還喜歡
- 關(guān)于第三方注冊和本地注冊的選擇
- 8大網(wǎng)頁前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁設(shè)計(jì)中引人入勝的引導(dǎo)頁設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開始
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏