学习笔记-长表单

移动端长表单设计-三种方案

学习笔记-长表单_第1张图片

方案1:

用户一次性浏览,操作压力大,但方便查错。

按钮:3种位置

学习笔记-长表单_第2张图片

内容底部:适用于1、内容较少的单屏编辑,按钮不被键盘覆盖;2、内容较多,多屏滑动时适用

顶部:适用于内容少,必填未被覆盖或者文本输入时适用,在多屏滑动时不符合视觉流

悬浮:适用于非文本选择类表单(不适合长表单)

方案2:

分类清晰,但是层级较多,来回跳转,加大负荷,并且查错繁琐(建议加上提示状态)

学习笔记-长表单_第3张图片


学习笔记-长表单_第4张图片
图片发自App



方案3:

分布操作,减小压力,但是在返回查错时会有一些繁琐

学习笔记-长表单_第5张图片

你可能感兴趣的:(学习笔记-长表单)