移动设备表单设计建议

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

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

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

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

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

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

3、用开关选项的场景

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

4、用滑块的场景

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

5、避免多列的情况

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

6、用分档器的场景

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

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

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

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

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

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

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

10、提供舒适的点击区域

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

11、遵循平台的设计规范

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,186评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,858评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,620评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,888评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,009评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,149评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,204评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,956评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,385评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,698评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,863评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,544评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,185评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,899评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,141评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,684评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,750评论 2 351

推荐阅读更多精彩内容

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