移动设备表单设计建议

填写各式各样的表单是我们日常上网中经常会遇到的,对于大多人来说填写这样的表单并不是我们上网的目的,但是我们又不得不去填写大量的信息,表单只是获得用户信息的工具。

作为交互设计师,如何去设计一个高效合理的表单也是最基础的一个技能,当然这是建立在美观的基础上的,这一篇文章就会介绍一些原则如何在移动设备上设计出可用性高的表单设计。

1、用分段标签菜单的场景

在2-5个选项的单选场景下应该应用单行的分段标签表单,不去使用下拉菜单。因为在5个以内的选项情况下,分段标签可以一样看出所有的选项,另外只需要一次操作就可以完成,下拉菜单需要两次操作:打开菜单,选择。

2、整个多个有关联的下拉菜单到一个区域

这种形式遇到的情况不多,但是一个经典的案例就是选择日期的控件。其实日期表单在实质上是“年、月、日”三个单选下拉菜单。如果分开为三个独立的单选下拉菜单无疑增加了用户的操作量,并且减少了日期之间的关联性。

3、用开关选项的场景

在一些互斥的两个选项中,比如“显示”“隐藏”,一般使用勾选菜单。如果使用下拉菜单的话,用户会更加关注而外的交互方式,而不是选项自身的内容。开关与勾选是最佳的二元选择的交互方式。

4、用滑块的场景

在范围内做选择的场景下,应该首先考虑的是滑块控件。它可以快速地帮助用户做出选择,而不是一味地采用单调的下拉菜单。

5、避免多列的情况

特别是在一些小屏幕的移动设备上,通常用户都是通过手指的点击来选择输入框的,所以保证一个输入框占一行是非常重要的。

6、用分档器的场景

在用户需要细微调整输入值的场景下,优先选择分档器。可以帮助增加或减少一个固定的细微值,避免滑块带来的错误。

7、直接指出错误的地方,而不是在最后显示一串报错信息

在出现错误的地方直接显示错误信息也是十分重要的。现在很多的表单都是在最后集中显示错误的信息,很多时候这样的显示,用户不知道到底错在哪里,更有甚者,错误信息会超出一个屏幕的范围,需要用户下滑屏幕才能看到,以至于不知道错在哪。所以,当用户出错的时候就在出错的地方显示他出错的原因。

8、不要重复显示必填选项的标志

按照常理来说非必填的项目应该是不用显示的,这样一来,表单就会很短,用户填写起来也更加便捷。但是出于运营和产品的各种需要,非必填项通常都会出现,所以导致了许多菜单上多了很多星号在必填项上。当这种情况出现的时候,我们可以选择把非必填项区别显示,比如通过提示字的颜色差别。

9、把有关的信息分组显示

格式塔里也提出过一样的设计规则。把相关的信息做一个分组显示,可以帮助用户快速扫描找到有用的信息。同样还帮助了表单分成多个有目的的块,提高了可读性和美观程度。

10、提供舒适的点击区域

用户在移动设备上不是用鼠标,而是用手来点击相关区域的,所以不要把按钮区域设计的太小,一定要遵循每个平台的设计规范,上面都有最小的设计数值。

11、遵循平台的设计规范

在设计app的时候一定要遵循平台的设计规范,因为在不同的app中用相同的交互模式对于用户来说十分重要,可以避免用户出错,符合用户的操作期望。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,198评论 4 61
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,871评论 22 665
  • 秋 猝不及防 才有些初来的烦躁 转瞬已深透 让人瑟瑟的发抖 薄衫子好似是这季节故意的捉弄 有而无用,缺亦不可 菊的...
    无问色空阅读 225评论 0 4
  • 十六七岁,或欢喜,或彷徨,花一样的年纪,每个人都曾挥霍青春,挥洒热血 女生那两言三句:“喜欢的少年是你。”总让...
    殷生阅读 220评论 0 0
  • 今天听了《控制愤怒》,联想到了Leesin的台词“控制自己,掌控敌人”。心中的疑问,为什么人会产生情绪,情绪到底有...
    后后先在想什么阅读 231评论 1 1