日韩av免费一二三区-2021精品久久久久精品k8-亚洲红杏AV无码专区首页-99精品久久久久久水蜜桃

咨詢電話:
15628812133
29
2025/03

五種方法,搞定移動(dòng)端長(zhǎng)表單設(shè)計(jì)

發(fā)布時(shí)間:2025-03-29 09:22:32
發(fā)布者:guokai
瀏覽量:
0

對(duì)于設(shè)計(jì)師來(lái)說(shuō), 在移動(dòng)端上設(shè)計(jì)用戶友好的表單是一項(xiàng)高難度的挑戰(zhàn),設(shè)計(jì)難度會(huì)隨著表單的長(zhǎng)度增長(zhǎng);這是因?yàn)橐苿?dòng)設(shè)備的屏幕不像電腦那么大,尺寸有限,要在有限的尺寸下放入足夠多的內(nèi)容,其中的平衡可用性和功能性就顯得尤為重要了。因此在小屏幕上的單列布局組織輸入內(nèi)容字段對(duì)于設(shè)計(jì)師來(lái)說(shuō),是很有挑戰(zhàn)性的一項(xiàng)設(shè)計(jì)。

跳過(guò)可選/去掉非必要的字段

首先是檢查表單中所有的字段,將其中可選填或者無(wú)法收集有用信息的字段內(nèi)容刪除,只保留必要的字段信息。如果你已經(jīng)有了表單的電腦版本,那么這是一個(gè)很好的機(jī)會(huì)來(lái)減少非必要的字段并設(shè)計(jì)優(yōu)化版的表單。

去掉非必須的字段

不要把名字和姓氏分開(比如以前的微軟、Adobe、n卡驅(qū)動(dòng)等注冊(cè)的時(shí)候),姓名合在一起進(jìn)行填寫會(huì)更加方便

提供一個(gè)「全名」的字段。

如果不是必須填寫的內(nèi)容,完全可以去掉不顯示

可選字段

采用漸進(jìn)式呈現(xiàn)的策略

用緊湊的樣式顯示內(nèi)容,只顯示相關(guān)和必須填寫的,具體的內(nèi)容可以在下一級(jí)去展開

只顯示當(dāng)前相關(guān)的

使用移動(dòng)端優(yōu)化后的控件

不要在移動(dòng)表單中使用步進(jìn)控件(因?yàn)樘环奖懔耍瑫?huì)引起用戶的反感進(jìn)而導(dǎo)致用戶放棄使用軟件)。使用優(yōu)化后的移動(dòng)端控件來(lái)選擇,這樣更加貼近用戶的操作方式,同時(shí)也要開放可以手動(dòng)輸入內(nèi)容的權(quán)限,如果數(shù)量過(guò)多用戶會(huì)反感一點(diǎn)點(diǎn)的去點(diǎn)

使用優(yōu)化后的控件

使用對(duì)表單更友好的移動(dòng)端控件。

使用對(duì)表單更友好的移動(dòng)端控件

合適的下拉菜單會(huì)贏得用戶的好感

如果下拉菜單選項(xiàng)過(guò)多,一般情況下都會(huì)使用系統(tǒng)原生的移動(dòng)端控件,這樣可以避免下拉選項(xiàng)過(guò)多導(dǎo)致操作不方便

選擇合適的下拉方式

清晰的分組使表單更有條理,并減少用戶的認(rèn)知負(fù)荷。

清晰的分組使表單更有條理

將相關(guān)字段組合在一個(gè)表單中,使其更有條理且更易于理解。

將表單分為幾個(gè)步驟

返回列表