不管是注冊流程,多視點(diǎn)布局、或單調(diào)的純數(shù)據(jù)錄入界面,表單在其中都是非常重要的組成部分,它的好壞直接影響到用戶對產(chǎn)品的體驗(yàn)度。通常,良好的表單設(shè)計(jì)能給用戶提供流暢自然的交易體驗(yàn),保證用戶購物情緒的正向增漲,而雜亂無序的表單會引起用戶的負(fù)面情緒,影響用戶交易,那么在設(shè)計(jì)的過程中,尤其是移動端,如何提升表單頁面體驗(yàn)?移動表單設(shè)計(jì)原則是什么?
1、指定錯(cuò)誤內(nèi)聯(lián)
指定錯(cuò)誤內(nèi)聯(lián),告知用戶發(fā)生錯(cuò)誤的位置及原因。對于位置,就是要明確的告知用戶具體是那個(gè)地方出現(xiàn)的錯(cuò)誤,而并非是簡單的告知用戶有錯(cuò)誤;對于錯(cuò)誤,不但要告知用戶錯(cuò)誤的原因,還要告訴其相應(yīng)的解決辦法,引導(dǎo)用戶做出正確的操作。
2、描述清晰
A、不隱藏基礎(chǔ)幫助信息
將幫助文本直接展示出來,不要將其隱藏,作為一個(gè)購物流程的信息確定和采集環(huán)節(jié),需要用戶對購買產(chǎn)品有明確的認(rèn)知。因此在設(shè)計(jì)過程中對于用戶填寫表單有基礎(chǔ)幫助的信息應(yīng)該做強(qiáng)調(diào)或顯示設(shè)計(jì),避免出現(xiàn)因?yàn)殡[藏幫助信息導(dǎo)致的客戶投訴。除非你的幫助文本超過100個(gè)單詞,信息量過大,若內(nèi)容真的過長,天津網(wǎng)站建設(shè)建議置于靠近標(biāo)簽或輸入框的地方,光標(biāo)懸停時(shí)展示。
B、標(biāo)題不可取代
雖說,用占位符代替標(biāo)題的方式擴(kuò)充了表單的填寫空間,減少了視覺噪音,但這種方式并不利于用戶短期記憶。一旦用戶觸發(fā)輸入,占位符消失,用戶可能會陷入迷茫,不知道該填什么,必須刪除所有輸入內(nèi)容才能再次顯示標(biāo)題,而顯然,這是違背人性的。
C、輸入域符合預(yù)期
輸入域的長度與預(yù)期輸入的內(nèi)容成正比,確保輸入字段長度符合用戶心理預(yù)期,并能夠在表單中完整呈現(xiàn)。
3、減少輸入
大量事實(shí)證明,表單越長越復(fù)雜,用戶完成整體表單的意愿就會越低,尤其是在小屏幕上,最大限度的減少輸入字段數(shù),使你的表單載入更快速,特別是當(dāng)您像用戶索取大量信息的時(shí)候,保持表單越簡短越好。
4、避免將標(biāo)簽作為占位符使用
有種設(shè)計(jì)模式是讓標(biāo)簽作為占位符置于輸入框之中,當(dāng)用戶點(diǎn)擊輸入的時(shí)就會自動消失,雖然這種設(shè)計(jì)很簡約,但用戶在輸入的時(shí)候很容易會忘記他們需要輸入的字段是什么,同時(shí)可能會產(chǎn)生其它問題。
5、低于6個(gè)選項(xiàng)就全部展示
當(dāng)表單中需要選取不同選項(xiàng)時(shí),低于6個(gè)選項(xiàng)就就不需要使用下拉選項(xiàng)來選取了,因?yàn)橄吕x項(xiàng)是需要兩次點(diǎn)擊完成結(jié)果的選擇,而直接選擇來的更快。另外,若超過25個(gè)選項(xiàng),則不能僅僅使用下拉菜單選擇器,還要在下拉列表中結(jié)合上下文進(jìn)行搜索。
6、減少頁面跳轉(zhuǎn)
在表單填寫中我們期望用戶保持專注,盡量避免產(chǎn)生引導(dǎo)用戶離開當(dāng)前頁面的填寫交互,因?yàn)檫@種交互跳轉(zhuǎn)很容易打斷用戶固有的行為軌跡。因此運(yùn)用浮層、彈窗等交互來完成輔助信息的采集是我們較為推崇的交互形式。
其實(shí),關(guān)于移動端表單設(shè)計(jì)的原則有很多,而這里天津網(wǎng)站建設(shè)所提到的只是一些基本需要注意,也是很關(guān)鍵的一點(diǎn),畢竟表單的設(shè)計(jì)會影響到用戶體驗(yàn),若您像通過設(shè)計(jì)提升表單的用戶體驗(yàn),可以閱讀文率科技之前的文章《如何通過設(shè)計(jì)提升表單用戶體驗(yàn)》或許對您會有更多的啟發(fā)。