e-works数字化企业网  »  文章频道  »  基础信息化  »  移动应用

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

2017/7/10    来源:今日头条    作者:佚名      
关键字:移动应用   Airbnb  
文章将以常见的用户信息输入作为切入点,来归纳分析出现用户输入错误的场景及其表达方式。
    “错误是应用未按预期执行时出现的状况。”——Material Design
 
    例如:
 
    1.应用无法识别用户输入的信息;
 
    2.系统或应用故障;
 
    3.用户执行的多个操作产生了冲突;
 
    文章将以常见的用户信息输入作为切入点,来归纳分析出现用户输入错误的场景及其表达方式。应用会出现输入错误提示的用户场景可以分为3种:
 
    (1)用户输入了错误信息(格式、敏感词、字数不符等)
 
  • 在用户输入错误信息时便及时出现提示信息帮助用户修正错误——错了什么?怎么错?如何改?
 
  • 在用户输入时便检测,即在前端便判断用户的输入错误;
 
  • 在检测到用户输入错误时,可禁用提交按钮;
 
  • 或帮助用户规避错误。
 
    (2)用户输入的内容不完整
 
  • 在用户输入内容不完整时,及时出现提示信息提醒用户填写必填项。
 
  • 在用户未完成信息输入时,可禁用提交按钮;
 
  • 或在用户提交时检测未完成必填项。
 
    (3)用户提交的信息不匹配
 
  • 用户提交的信息与后台数据不匹配,提示用户修正信息。
 
    在登录注册界面,是App最常见的信息输入界面。一般需要用户填写用户名/手机号码/邮箱和登录密码,甚至验证码。出现错误的场景也包括以上3种:
 
    (1)用户填写错误的格式(提交前检测)
 
    (2)用户没有填写必填项(提交前/后检测)
 
    (3)用户资料不匹配(提交后检测)
 
    虽然登录注册流程大同小异,但不同的应用有不同的表达方式:
 
    Airbnb
 
    (1)当用户填写正确格式的电子邮箱地址时会出现“√”,以表明填写内容可被接受;
 
    (2)当用户完成需填写内容后,提交按钮才被激活;
 
    (3)当用户提交信息,但信息错误时,整个界面背景变成警告色,底部出现类似snack bar的提示信息(这个比较特别,大多数App在因信息错误无法登陆时一般以iOS的系统弹窗提示)。
 
    Google
 
    (1)用户填写登录账号,若未填写或者填写错误则在提交后出现错误提示;
 
    (2)填写正确的账号,点击下一步进入填写密码界面,若未填写或填写错误则在提交后出现错误提示。
 
    Facebook
 
    (1)用户未填写必填项时,禁用登录按钮;
 
    (2)用户填写错误信息提交后,弹出错误提示信息,告知用户修改更正。
 
    Houseparty
 
    (1)用户输入错误格式信息高亮输入框并显示错误信息;
 
    (2)用户填错/未完成必填项,禁用提交按钮;
 
    (3)用户填写了错误信息,提交后从顶部弹出错误提示(Alert-iOS)。
 
责任编辑:李欢
本文为授权转载文章,任何人未经原授权方同意,不得复制、转载、摘编等任何方式进行使用,e-works不承担由此而产生的任何法律责任! 如有异议请及时告之,以便进行及时处理。联系方式:editor@e-works.net.cn tel:027-87592219/20/21。
e-works
官方微信
掌上
信息化
编辑推荐
新闻推荐
博客推荐
视频推荐