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