什么是移动端设计

动态 未结 置顶 精帖
用户
悬赏:60飞吻

表单主要负责数据的采集,是产品从用户侧获取信息的常用途径,表单可承载的内容有很多,如输入框、复选框、下拉选择、开关等控件。表单常见于PC端,随着互联网的发展,在移动端的使用也越来越多,那么在设计移动端的表单时应当遵循什么样的原则或者说注意什么呢?下面将结合在工作中的实际的案例从9个方面讲述移动端表单的设计思路。

1. 选择合理的表单结构

合理的表单结构能够提高用户阅读表单的效率,降低填写表单时的出错率。在移动端常见的布局结构有左右布局和上下布局两种,由于移动端横向空间有限,在选用时优先推荐使用上下布局,即标签和输入内容各占一行,这样用户的阅读效率也较高。当表单内容很多且每项内容比较简单时,可以考虑使用左右布局,更好的节省页面的纵向空间,避免用户频繁上下滑动屏幕,也能减少用户填写长表单的焦虑。

2. 将内容分页展示

移动端设备屏幕小,单屏内承载的内容极其有限,通常情况下PC端一份正常的表单如果转到移动端可能需要滚动好几屏才能填写完,如果不分页展示,会降低页面的完成率。表单设计领域的专家 Adam Silver 发现:将较长表单拆解为若干部分,用若干页面展示,能提升用户满意度以及支付转化率。

将长表单进行分步处理,还可以:

  • 减小用户的认知负荷和心理压力,让用户更专注的完成任务;
  • 降低用户的出错率,减少挫败感;
  • 保持所有步骤和用户当前位置随时可见,给用户合理的心理预期。

3. 文字信息简洁且够用

保持页面中的提示信息简洁,避免使用冗长且无意义的描述给用户造成沉重感,浪费用户的时间和经历去获取无用的信息。当然也不能过分的追求简单,将主要的信息忽略,对于用户来说够用就好,即能够理解所表达的意思不造成困惑就好。

4. 减少用户输入

相比PC端,移动端的输入更为不便,其效率和精准度远不如PC端的鼠标键盘,因此移动端要尽可能的减少用户的手动输入。

(1)以选择代替输入

能选择尽量不要让用户输入,哪怕使用选择的方式会导致用户的操作路径变长,只要在合理且可控的范围内,优先推荐使用选择的方式。

(2)充分利用移动设备的性能

虽然移动端手动输入信息的效率相比PC端较低,但其获取信息的方式却比PC端更加多样化。如移动端能够更为准确地获取用户的地理位置,为表单中地址的填写提供了便捷。

除了利用GPRS之外,移动端的拍照功能也提供了更为便捷的输入方式,随着OCR技术的成熟,通过拍照识别文字来代替用户输入的方式也越来越多见,最常见的就是金融服务应用中的拍照识别银行卡号的功能,大大降低的用户的输入成本和出错率。

回帖
  • 消灭零回复
[打开调试信息]