1、分布式表單
iPhone目前主要的機型屏幕尺寸在4.7-5.8英寸,android的尺寸更多一些,但是總體上來說,移動端的載體手機屏幕不大,能承載的信息是非常有限的。
當表單信息過多時,如果把所有組件堆積在同一個頁面中,用戶填寫或者修改表單需要重復滑動頁面,極大的增加了用戶的心理負擔和填寫成本,很容易就產生放棄心理。這里我們就會考慮分布式表單,能很好的起到以下作用。
減少用戶的心理負擔:分布式表單的設計,可以減少用戶對于每個頁面剩余填寫數量的感知。拆解了表單完成的動作:分布式表單的設計,把一整個表單分成多個步驟進行,每次填寫都意味著一次“完成”,增加用戶成就感的同時,讓用戶明確感知到已經完成多少,還剩余多少,也增加了放棄成本。2、減少用戶操作
用戶行為都是“懶惰”的,過多的操作會給用戶造成壓力,影響用戶繼續填寫和完成表單的欲望,造成填寫流失。我們在設計產品的時候可以考慮通過減少操作,減少輸入,合理化流程這3種方式來減少用戶操作,減少用戶的填寫成本,增加填寫完成率。
減少操作:可以根據實際的場景出發,通過交互設計去減少用戶填寫表單的操作,起到降低用戶的填寫負擔和成本,提高表單填寫成功率。減少輸入:我們希望用戶在填寫表單的時候能盡可能減少用戶的負擔心理,提高整體的表單填寫成功率。我們可以通過“減少輸入”來降低用戶對于填寫數量的感知,從而降低用戶對于填寫表單難度的心理預期。合理化流程:通過合理化填寫流程,也能起到減少用戶的操作,特別是用戶不必要的重復操作。一起看下用戶進件案例中關于兩種填寫驗證碼的方式。一種是驗證碼是本表單內的一個填寫項,另一種是驗證碼是表單內信息提交后再填寫的。3、提供明確的反饋
用戶的認知是有高低差異的,不同用戶對于表單的填寫容易度也是不同的。我們通過明確的反饋,幫助大部分用戶能正確填寫表單,順利完成對表單的填寫;同時增加了整體表單填寫的成功率和回收率。明確的反饋包括引導用戶正確填寫的反饋和用戶誤操作后的錯誤提醒。
4、組件設計符合移動端
表單組件在移動端和PC端是有差異的,同樣一個組件在移動端上使用時,我們的設計應該更符合移動端。首先,考慮到移動端的界面遠小于PC,沒有辦法和PC一樣做到把所有的元素都展示出來,所以組件的設計也應該盡可能地簡單,從而突出重點。比如單選項為是否的情況下,在移動端就可以設計成開關樣式,簡化了布局突出了重點。
其次,移動端和PC端的使用者都是人,但是一個通過手指觸發交互,另一個通過鼠標觸發。人的手指雖然比鼠標更加靈活,但是在精準度方面沒有鼠標更好,組件的設計就應該擴大可操作區域,降低手指的誤操作。比如在移動端上的下拉選擇項中,選項面板會設計成從頁面底部彈出,更方便用戶選擇。我們把組件設計的更符合移動端的一些特點,也是為了能簡化用戶的操作,讓用戶能更容易完成表單的填寫。
5、統一的數據格式處理
這一點是針對后臺或者數據收集方用戶的。因為用戶填寫的數據存在五花八門的可能性,收集的數據如果不做統一處理的話,可讀性很低,增加了后臺或者數據收集方用戶的使用成本。這要求我們在移動端提交數據的時候,對數據進行抽象處理,根據業務場景按約定的數據格式統一處理。
延伸閱讀1:什么是表單
表單中的內容有很多,例如:復選框、單選框、輸入框、下拉選擇、開關、分段控等元素。表單對于用戶而言是數據的錄入和提交的界面;對于網站而言是獲取用戶信息的途徑。表單的出現可以幫助我們通過采集更多的用戶信息,來給用戶提供更貼切的服務。