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