移动应用常见的输入错误提示出现场景及...

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
6950 0 14 2017-06-23

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

错误是应用未按预期执行时出现的状况。”——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


全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票