编辑导语:基于 B 端产品业务需求,有时候用户在操作过程中,不可避免的需要填写很多
表单。针对于移动端长表单,我们应该如何去正确的设计?本文作者从具体项目实践出发
,对 B 端长表单设计过程中遇到的问题及相对应方法技巧进行了梳理总结,与大家分享。
这个月参与了一个关于新加坡银行商户入网移动端 to B 的项目,涉及到长表单的设计,
所以开一个表单专栏,详细讲讲表单设计。以下内容源自于自己资料查找以及实战总结出
一些设计经验,希望能帮助到同样有困惑的设计师。
如何从交互与 UI 的层面来设计移动端长表单?
首先 App 移动端面临的两个问题:
狭小的屏幕 受限的输入方式
问题一解决方案
在移动端设计 to B 的表单,可谓是螺蛳壳里做道场。横向空间的受限,所以我们在设计
表单时特别要注意这点。
1. 选择合适的标签对齐方式
多数情况下,移动设备上输入框标签顶部对齐,这是最好的选择,因为不需要占用狭窄的
水平空间。
优点:
提供了大量的横向空间,可以用来扩大或者收缩标签文字,而不会对整个页面布局产生负
面影响。这对于 B 端的一些长标签或者跨文化的本地化标签(多语言版本)特别有用。 ...
附件列表