恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
移动应用常见的输入错误提示出现场景及表达方式
0.0°
2017-06-23 原创文章 规范/资料 举报 5679 18 14 0

文章将以常见的用户信息输入作为切入点,来归纳分析出现用户输入错误的场景及其表达方式。

错误是应用未按预期执行时出现的状况。”——Material Design

例如:

1.应用无法识别用户输入的信息;

2.系统或应用故障;

3.用户执行的多个操作产生了冲突;


文章将以常见的用户信息输入作为切入点,来归纳分析出现用户输入错误的场景及其表达方式。应用会出现输入错误提示的用户场景可以分为3种:


(1)用户输入了错误信息(格式、敏感词、字数不符等)

         a.在用户输入错误信息时便及时出现提示信息帮助用户修正错误——错了什么?怎么错?如何改?

         b.在用户输入时便检测,即在前端便判断用户的输入错误;

         c.在检测到用户输入错误时,可禁用提交按钮;

         d.或帮助用户规避错误。

Image title


(2)用户输入的内容不完整

        a. 在用户输入内容不完整时,及时出现提示信息提醒用户填写必填项。

        b.在用户未完成信息输入时,可禁用提交按钮;

        c.或在用户提交时检测未完成必填项。

Image title


(3)用户提交的信息不匹配

         用户提交的信息与后台数据不匹配,提示用户修正信息。

Image title



在登录注册界面,是App最常见的信息输入界面。一般需要用户填写用户名/手机号码/邮箱和登录密码,甚至验证码。出现错误的场景也包括以上3种:

(1)用户填写错误的格式(提交前检测)

(2)用户没有填写必填项(提交前/后检测)

(3)用户资料不匹配(提交后检测)


虽然登录注册流程大同小异,但不同的应用有不同的表达方式:

Airbnb

Image title



(1)当用户填写正确格式的电子邮箱地址时会出现“√”,以表明填写内容可被接受;

(2)当用户完成需填写内容后,提交按钮才被激活;

(3)当用户提交信息,但信息错误时,整个界面背景变成警告色,底部出现类似snack bar的提示信息(这个比较特别,大多数App在因信息错误无法登陆时一般以iOS的系统弹窗提示)。



Google

Image title


(1)用户填写登录账号,若未填写或者填写错误则在提交后出现错误提示;

(2)填写正确的账号,点击下一步进入填写密码界面,若未填写或填写错误则在提交后出现错误提示。


Facebook

Image title


(1)用户未填写必填项时,禁用登录按钮;

(2)用户填写错误信息提交后,弹出错误提示信息,告知用户修改更正。


Houseparty

Image title


(1)用户输入错误格式信息高亮输入框并显示错误信息;

(2)用户填错/未完成必填项,禁用提交按钮;

(3)用户填写了错误信息,提交后从顶部弹出错误提示(Alert-iOS)。


其他错误提示的表达方式:

Image title


更新:2017-06-23

收藏

18人已收藏

  • 8

    作品

  • 1

    粉丝

  • 0

    关注

  • 浅谈微信设计的那些细节
  • APP交互设计中的反馈
  • 养成良好的设计表达习惯
  • 设计中的行为经济学

    猜你喜欢

      2017-06-23 原创文章 规范/资料 举报 5679 18 14 0

      移动应用常见的输入错误提示出现场景及表达方式

      0.0°

      你确定要举报移动应用常见的输入错误提示出现场景及表达方式

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年06月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      14
      18
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录