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