對于設計師來說, 在移動端上設計用戶友好的表單是一項高難度的挑戰,設計難度會隨著表單的長度增長;這是因為移動設備的屏幕不像電腦那么大,尺寸有限,要在有限的尺寸下放入足夠多的內容,其中的平衡可用性和功能性就顯得尤為重要了。因此在小屏幕上的單列布局組織輸入內容字段對于設計師來說,是很有挑戰性的一項設計。
跳過可選/去掉非必要的字段
首先是檢查表單中所有的字段,將其中可選填或者無法收集有用信息的字段內容刪除,只保留必要的字段信息。如果你已經有了表單的電腦版本,那么這是一個很好的機會來減少非必要的字段并設計優化版的表單。

不要把名字和姓氏分開(比如以前的微軟、Adobe、n卡驅動等注冊的時候),姓名合在一起進行填寫會更加方便

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

采用漸進式呈現的策略
用緊湊的樣式顯示內容,只顯示相關和必須填寫的,具體的內容可以在下一級去展開

使用移動端優化后的控件
不要在移動表單中使用步進控件(因為太不方便了,會引起用戶的反感進而導致用戶放棄使用軟件)。使用優化后的移動端控件來選擇,這樣更加貼近用戶的操作方式,同時也要開放可以手動輸入內容的權限,如果數量過多用戶會反感一點點的去點

使用對表單更友好的移動端控件。

合適的下拉菜單會贏得用戶的好感
如果下拉菜單選項過多,一般情況下都會使用系統原生的移動端控件,這樣可以避免下拉選項過多導致操作不方便

清晰的分組使表單更有條理,并減少用戶的認知負荷。

將相關字段組合在一個表單中,使其更有條理且更易于理解。

下一篇: 圖標設計不會配色?一篇文章告訴你!
)
)
)
