如何做好移动应用的表单设计

减少输入

移动应用受键盘输入效率的限制,不适合做太多的数据录入工作。建议使用接口减少用户的数据录入工作。具体场景有:
1.要求输入地址时,可通过获取用户定位减少用户必要的数据录入。
2.要求填写银行卡号、身份证号时,可通过访问用户设备相机、相册通过上传图片的方式减少用户必要的数据录入。
还可以通过提供默认值的方式减少用户录入工作,但注意默认值支持用户自由的进行修改,保证用户的控制与自由。

再认而非回忆

当应用不得不让用户进行录入时,建议提供选项、slider、audio 或 picker 等控件,而非提供文本输入框。
选项不但可以减少用户手指录入的负担,也能减轻用户大脑记忆的负担。

格式提示

预期错误发生后要求改正,不如在一开始就防止错误发生。
在用户录入数据前给予格式提示可以有效的帮助用户进行数据录入工作,提高用户体验。
格式提示有 2 种类型:
1.文本框内缺省提示。提示强度较弱,当用户开始录入数据后提示将消失,适用于格式较简单的提示。
2.文本框底部提示。提示强度较强,提示文案常驻文本框底部或临近位置,用户在录入数据时可实时查看格式提示,适用于格式较复杂的提示,例如用户名、密码等 string 类型的文本框。

防止过度提示,类似手机号码等文本框,无需在提供多余的提示打扰用户。

即时反馈

用户在录入数据时希望知道自己的操作是否正确、系统将如何处理“我”所录入的数据。
即时反馈可帮助用户快速的发现数据录入的错误及时修改,提高填写表单的正确率。
可在用户录入时实时监听文本框的值变化事件,若格式正确,则立即给予反馈(在当前录入区域以绿色图标等表意符号进行反馈);在文本框失去焦点时判断,若格式错误则可以使用强度稍强的方式提示录入有误。

注意反馈的力度。根据表单的性质以及对应值的关键程度需要把控好反馈的强度,例如密码错误等关键错误提示,需要使用强度较强的模态弹窗进行反馈。(关于把控反馈强度的心得,将在今后的文章中分享 :-) )

系统对用户的反馈往往有 2 种工作模式:

  1. 本地进行。例如判断手机号码格式(1 开头的 11 位纯数字)。
  2. 需要请求服务器进行验证。例如判断手机号是否已注册会员。

第 1 种工作模式由于可在本地进行,占用系统资源小,可动态监听、即时反馈。
第 2 种公众模式由于需要请求服务器,建议在用户点击“提交”/“登录” 按钮时再反馈(注意此时需要再按钮上提供系统正在处理请求的局部反馈)。

以上。

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

推荐阅读更多精彩内容