广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

18年
互联网应用服务商
请输入搜索关键词
用户操作失败反馈设计背后的逻辑,你知道吗?
发布日期:2017-12-18 08:54:20
浏览次数:4051
来源:优网科技

       当我们使用APP或者浏览网站时,总会有的时候需要进行一些操作。而在APP开发、产品开发或者网站建设时都需考虑到用户操作失当时的反馈。当用户操作失误时,网页设计师会设置一个反馈页面告知用户操作失误的信息,指引用户进行正确的操作。而通常网页设计师在反馈信息的表现形式是很多种的,例如警示框,又或者toast等等。今天,优网科技网页设计师就通过几个例子给大家推敲一下再反馈信息样式的使用背后的一些设计逻辑。

      微信给对方发送图片时,微信限制只能发送九张。当用户选择了九张时,用户再次选择时,会提示用户多只能选择九张。对此iOS版使用的是警示框,Android版使用的是toast。

用户操作失败反馈设计背后的逻辑,你知道吗?

     关于为什么iOS 版本用警示框,Android 版本用toast的背后设计逻辑?这里有我的一个猜测:①微信iOS版,当用户选择了 9 张时,再次选择第 10 张,给出强阻断的警示框,用户需要点击警示框中的按钮操作。这个过程加强了用户的记忆和操作成本,有了之前的强提示,用户下次选择超过 9 张有印象,避免用户再次犯错。②微信Android版,当用户选择了 9 张时,再次选择第 10 张,给出较轻量的toast。这个过程是在减轻用户犯错的成本。方便了用户当前操作,却没有防止用户以后犯错。

     针对iOS 和Android版微信的选择图片场景,打一个不恰当的比方:家长针对自己的小孩(用户)犯错。iOS版的家长选择在犯错的时,进行比较重的教育,让孩子记忆和影响加深,使其改正行为,防止以后再次犯错误。而Android版的家长进行比较轻的教育仅仅提供提示,用户的犯错成本较低,无强烈感知,未起到以后的防错的作用。

      至于微信为什么限定只能多选择九张。我猜测是为了遵从朋友圈动态九张图。因为朋友圈如果不限定的话,用户恶意平铺很多张,对别人浏览朋友圈的话是一种信息噪音。同时九宫格是一种和谐的视图模式。同理微信对话发图片也统一了规则,这样也同时避免对方恶意大批量的发图片。

 

以登录账号密码不匹配为例,进一步分析设计背后的逻辑与意图

       用户使用App进行登录时,当账号密码不匹配,会出现错误提示。目前市面上的提示有三种。分别为警示框、toast和对象内嵌。

       首先说下使用场景,登录账号属于超低频的操作。现在app都将退出账号的路径做的比较深,以此减少用户退出账号。这样的好处是可以让用户更方便的体验产品,增加产品的使用时长和使用深度。而且现在绝大部分用户已经没有退出账号的习惯了。

1.警示框

       警示框为阻断式操作,属于强提示。告知用户账号密码不匹配,用户需要点击警示框上的按钮才能重新输入账号或密码。

用户操作失败反馈设计背后的逻辑,你知道吗?

      微信、QQ、Instagram在登录账号密码不匹配时,使用的都是警示框。需要用户点击警示框按钮才可以再次输入。强制性操作。

      我之前想过这样做的作用是否为了安全,通过点击警示框按钮,提高操作门槛使得盗号者大规模破解运算猜密码。再仔细一想这个猜测不合理。设计者可以通过限制登录来保证安全性。例如用户输入密码错误五次开始限制五分钟后再输入。

      那么为什么微信、QQ、Instagram体量庞大的App使用弹框提示呢?可能原因有两点:

1.登陆是超低频操作,一年都登陆不了两次,所以警示框这个组件对用户来说影响基本可以忽略。

2.账号密码不匹配对于用户来说是一件很重要的事情,所以使用警示框去强烈提示用户。

 

2.toast

        toast为短暂的提示性组件,当用户点击登录时,提交给系统,系统发现账号密码不匹配,通过toast提示告知用户,一般停留1-2s,之后消失。属于轻量级提示。

用户操作失败反馈设计背后的逻辑,你知道吗?

       京东、UC浏览器、猫眼在登录账号密码不匹配时,使用的都是toast提示。通过一个轻量的反馈让用户知道登录失败的原因。用户不需要任何操作,可以继续在输入框里填写。方便用户当前操作。

       那么为什么京东、QQ、UC浏览器、猫眼等App使用toast呢?因为在提示用户错误反馈的同时也方便用户去操作。所以使用toast看似是一个很好的选择。

 

3.对象内嵌

       当用户点击登录时,提交给系统,发现账号密码不匹配,系统通过在界面中内嵌文字提示告知用户,此提示一般提示为带警惕性颜色(红色)的醒目文字。属于更轻量级提示。

用户操作失败反馈设计背后的逻辑,你知道吗?

      用户输入账号密码时,点击登录,数据返回到服务器。服务器可以做以下两种判断:

1.账号不存在的话,给出对应账号不存在提示。

2.账号存在的话,账号是否和密码匹配。如果不匹配的话,给出对应提示。

      Chrome浏览器、百度网盘在登录账号密码不匹配时,使用的都是对象内嵌的方式。通过界面中的文字反馈让用户知道登录失败的原因。用户可以继续在输入框里填写。对象内嵌强烈程度更低,对用户的干扰更弱同时拓展性更好,可以在界面内添加大量的信息。

      对象内嵌适用于信息小布局简单的界面。例如Chrome浏览器、百度网盘的登录界面就信息小布局简单。信息量大的布局复杂的界面不适合使用对象内嵌,如果使用对象内嵌的话,提示更弱化,不利于用户发现同时原本界面变得更复杂了。

 

分析与总结

       以上三个提示类型强烈程度分别为:警示框 > toast > 对象内嵌。那么作为设计师,让你设计一些错误的提示,你会选择哪种呢?无论选择哪种提示,首先说明这里没有对与错,只有是否适合你的自我产品的定位和你的设计观。如果整个产品考虑更深的是产品逻辑与防错,可以选择强制性的警示框。有的设计者/产品经理觉得警示框太强制了。为什么还要用户去点击一下,才能再输入呢。就喜欢采取toast而导致整个产品很多都是toast,过多的toast,用户习惯之后很容易忽略掉toast的提示语,未起到真正的防错和提示,有时候适度显得更重要。而对象内嵌,则更为轻量。而且扩展性强,可以承载更多的信息。对于需要考虑拓展性和免打扰用户来说是不错的设计选择。

责任编辑:优网科技

版权所有:http://www.uweb.net.cn (优网科技) 转载请注明出处

推荐新闻
网站建设前需要考虑的关键因素
数字化时代,一个优质的网站对于企业来说至关重要。一个精心设计、用户友好的网站不仅可以吸引更多的访问者,还能为企业带来更多的商机和品牌价值。然而,在进行网站建设之前,需要认真考虑一些关键因素,以确保能够打造出一个成功的网站。
2024.03.18 16:02:19
网站安全意识培训:设立防线并加强团队安全意识
网站已经成为企业展示形象、吸引客户的重要窗口。然而,随着互联网的快速发展,网络安全问题也日益突出。为了保护网站免受黑客攻击和数据泄露的威胁,如何设立防线和加强团队安全意识的建议?
2024.03.15 17:31:03
白帽SEO技巧: 十种符合搜索引擎准则的优化方法
当今社会,企业网站已经成为企业宣传和推广的重要手段。然而,仅仅拥有一个精美的网站并不足以吸引用户的眼球,更不用说在搜索引擎中获得良好的排名了。为了帮助企业更好地优化网站,提高搜索引擎排名,接下来将为大家介绍十种符合搜索引擎准则的优化方法。
2024.03.14 18:44:55
线上商城网站开通:降低营销成本,提高销售效率
随着互联网的迅猛发展,越来越多的企业开始意识到开通一个高效的线上商城网站不仅可以降低营销成本,还能提高销售效率。那么,如何做到呢?
2024.03.13 16:05:31
为什么网站改版需要考虑跨平台兼容性?
在如今的互联网时代,几乎可以在任何地方使用各种设备来浏览网站。无论是在电脑上还是在手机上,都希望能够顺畅地访问网站并获取所需的信息。然而,由于不同设备和操作系统的存在,网站的兼容性成为了一个重要的问题。那么,为什么网站改版需要考虑跨平台兼容性呢?
2024.03.12 16:18:59

用户操作失败反馈设计背后的逻辑,你知道吗?

日期:2017-12-18 08:54:20 发布人:优网科技

       当我们使用APP或者浏览网站时,总会有的时候需要进行一些操作。而在APP开发、产品开发或者网站建设时都需考虑到用户操作失当时的反馈。当用户操作失误时,网页设计师会设置一个反馈页面告知用户操作失误的信息,指引用户进行正确的操作。而通常网页设计师在反馈信息的表现形式是很多种的,例如警示框,又或者toast等等。今天,优网科技网页设计师就通过几个例子给大家推敲一下再反馈信息样式的使用背后的一些设计逻辑。

      微信给对方发送图片时,微信限制只能发送九张。当用户选择了九张时,用户再次选择时,会提示用户多只能选择九张。对此iOS版使用的是警示框,Android版使用的是toast。

用户操作失败反馈设计背后的逻辑,你知道吗?

     关于为什么iOS 版本用警示框,Android 版本用toast的背后设计逻辑?这里有我的一个猜测:①微信iOS版,当用户选择了 9 张时,再次选择第 10 张,给出强阻断的警示框,用户需要点击警示框中的按钮操作。这个过程加强了用户的记忆和操作成本,有了之前的强提示,用户下次选择超过 9 张有印象,避免用户再次犯错。②微信Android版,当用户选择了 9 张时,再次选择第 10 张,给出较轻量的toast。这个过程是在减轻用户犯错的成本。方便了用户当前操作,却没有防止用户以后犯错。

     针对iOS 和Android版微信的选择图片场景,打一个不恰当的比方:家长针对自己的小孩(用户)犯错。iOS版的家长选择在犯错的时,进行比较重的教育,让孩子记忆和影响加深,使其改正行为,防止以后再次犯错误。而Android版的家长进行比较轻的教育仅仅提供提示,用户的犯错成本较低,无强烈感知,未起到以后的防错的作用。

      至于微信为什么限定只能多选择九张。我猜测是为了遵从朋友圈动态九张图。因为朋友圈如果不限定的话,用户恶意平铺很多张,对别人浏览朋友圈的话是一种信息噪音。同时九宫格是一种和谐的视图模式。同理微信对话发图片也统一了规则,这样也同时避免对方恶意大批量的发图片。

 

以登录账号密码不匹配为例,进一步分析设计背后的逻辑与意图

       用户使用App进行登录时,当账号密码不匹配,会出现错误提示。目前市面上的提示有三种。分别为警示框、toast和对象内嵌。

       首先说下使用场景,登录账号属于超低频的操作。现在app都将退出账号的路径做的比较深,以此减少用户退出账号。这样的好处是可以让用户更方便的体验产品,增加产品的使用时长和使用深度。而且现在绝大部分用户已经没有退出账号的习惯了。

1.警示框

       警示框为阻断式操作,属于强提示。告知用户账号密码不匹配,用户需要点击警示框上的按钮才能重新输入账号或密码。

用户操作失败反馈设计背后的逻辑,你知道吗?

      微信、QQ、Instagram在登录账号密码不匹配时,使用的都是警示框。需要用户点击警示框按钮才可以再次输入。强制性操作。

      我之前想过这样做的作用是否为了安全,通过点击警示框按钮,提高操作门槛使得盗号者大规模破解运算猜密码。再仔细一想这个猜测不合理。设计者可以通过限制登录来保证安全性。例如用户输入密码错误五次开始限制五分钟后再输入。

      那么为什么微信、QQ、Instagram体量庞大的App使用弹框提示呢?可能原因有两点:

1.登陆是超低频操作,一年都登陆不了两次,所以警示框这个组件对用户来说影响基本可以忽略。

2.账号密码不匹配对于用户来说是一件很重要的事情,所以使用警示框去强烈提示用户。

 

2.toast

        toast为短暂的提示性组件,当用户点击登录时,提交给系统,系统发现账号密码不匹配,通过toast提示告知用户,一般停留1-2s,之后消失。属于轻量级提示。

用户操作失败反馈设计背后的逻辑,你知道吗?

       京东、UC浏览器、猫眼在登录账号密码不匹配时,使用的都是toast提示。通过一个轻量的反馈让用户知道登录失败的原因。用户不需要任何操作,可以继续在输入框里填写。方便用户当前操作。

       那么为什么京东、QQ、UC浏览器、猫眼等App使用toast呢?因为在提示用户错误反馈的同时也方便用户去操作。所以使用toast看似是一个很好的选择。

 

3.对象内嵌

       当用户点击登录时,提交给系统,发现账号密码不匹配,系统通过在界面中内嵌文字提示告知用户,此提示一般提示为带警惕性颜色(红色)的醒目文字。属于更轻量级提示。

用户操作失败反馈设计背后的逻辑,你知道吗?

      用户输入账号密码时,点击登录,数据返回到服务器。服务器可以做以下两种判断:

1.账号不存在的话,给出对应账号不存在提示。

2.账号存在的话,账号是否和密码匹配。如果不匹配的话,给出对应提示。

      Chrome浏览器、百度网盘在登录账号密码不匹配时,使用的都是对象内嵌的方式。通过界面中的文字反馈让用户知道登录失败的原因。用户可以继续在输入框里填写。对象内嵌强烈程度更低,对用户的干扰更弱同时拓展性更好,可以在界面内添加大量的信息。

      对象内嵌适用于信息小布局简单的界面。例如Chrome浏览器、百度网盘的登录界面就信息小布局简单。信息量大的布局复杂的界面不适合使用对象内嵌,如果使用对象内嵌的话,提示更弱化,不利于用户发现同时原本界面变得更复杂了。

 

分析与总结

       以上三个提示类型强烈程度分别为:警示框 > toast > 对象内嵌。那么作为设计师,让你设计一些错误的提示,你会选择哪种呢?无论选择哪种提示,首先说明这里没有对与错,只有是否适合你的自我产品的定位和你的设计观。如果整个产品考虑更深的是产品逻辑与防错,可以选择强制性的警示框。有的设计者/产品经理觉得警示框太强制了。为什么还要用户去点击一下,才能再输入呢。就喜欢采取toast而导致整个产品很多都是toast,过多的toast,用户习惯之后很容易忽略掉toast的提示语,未起到真正的防错和提示,有时候适度显得更重要。而对象内嵌,则更为轻量。而且扩展性强,可以承载更多的信息。对于需要考虑拓展性和免打扰用户来说是不错的设计选择。

责任编辑:优网科技

版权所有:http://www.uweb.net.cn (优网科技) 转载请注明出处

上一篇 返回列表 下一篇
推荐案例
眼光高度决定品牌厚度 !
广州网站建设-大良实验小学系统开发
广州网站建设-大良实验小学系统开发
大良实验小学于1998年成立,占地4万5千多平方米,是顺德区规模的民办学校之一。现有71个教学班,学生3223人,教职员工436人。学校按广东省一级学校标准建设,配有图书馆、舞蹈室、管乐室、多媒体电子琴室、实验室、英语乐园等功能场室36个,还拥有大礼堂、羽毛球馆、生物园、地理园、游泳池和200米塑胶运动场等活动场所。学校先后荣获“广东省一级学校”、“全国少先队红旗大队”、“广东省首届优秀书香校园”、“广东省书法教育名校”、“广东省综合实践样本学校”等光荣称号。
广州网站建设-海天味业公众号开发
广州网站建设-海天味业公众号开发
海天是中国调味品行业的优秀企业,专业的调味品生产和营销企业,历史悠久,是中华人民共和国商务部公布的首批“中华老字号”企业之一。目前生产的产品涵盖酱油、蚝油、酱、醋、料酒、调味汁、鸡精、鸡粉、腐乳等几大系列百余品种300多规格,年产值过百亿元。
广州网站建设-中凯网站建设
广州网站建设-中凯网站建设
中凯(海南)控股集团有限公司本次项目是集团网站建设,与优网科技合作过程中,双方配合默契,保质保量的仅一个月就完成了整站建设。优网科技帮助中凯(海南)快速树立了一个集团专业形象展示,同时网站的设计效果、体验和交互也让中凯(海南)非常满意。
广州网站建设-中国联塑网站建设
广州网站建设-中国联塑网站建设
中国联塑集团控股有限公司(简称:中国联塑,股份代号:2128.HK )是国内大型建材家居产业集团,产品及服务涵盖管道产品、水暖卫浴、整体厨房、整体门窗、装饰板材、净水设备、消防器材、卫生材料、海洋养殖、环境保护、建材家居渠道与服务等领域。
广州网站建设-前海益广网站建设
广州网站建设-前海益广网站建设
深圳前海益广股权投资有限公司成立于2016年04月18日,注册地位于深圳市前海深港合作区前湾一路1号A栋201室,经营范围包括一般经营项目是:股权投资;受托管理股权投资基金;受托资产管理;企业管理咨询、经济信息咨询;投资兴办实业等。
广州网站建设-萨米特高端品牌网站建设
广州网站建设-萨米特高端品牌网站建设
佛山市萨米特陶瓷销售有限公司始于2000年,在陶瓷行业风潮中发展壮大,是新明珠陶瓷集团的核心品牌。萨米特瓷砖注重营销系统的升级与消费体验模式的实施,倡导“设计+生活”的品牌理念,致力于打造有温度,有态度的瓷砖品牌。用设计提高人居价值,以创新驱动行业发展,与全球不同国家和文化背景的消费者共享美好家居。
广州网站建设-欧迪克网站建设
广州网站建设-欧迪克网站建设
佛山市南海欧迪克五金制品有限公司始创于2003年,致力于发展高端硅镁铝合金安全门窗,木铝门窗、阳光房定制,集研发、生产、销售、服务于一体。自创立以来,系列产品畅销大江南北,获得由权威媒体及单位颁发的多项殊荣。目前为止,“欧迪克门窗”的专卖店遍布全国800多个县市及地区,共有1000多家专卖店辐射全国。
广州网站建设-好太太网站建设
广州网站建设-好太太网站建设
好太太集团是一家集研发、生产、销售、服务于一体的智能家居企业,产品与服务涵盖智能晾晒、智能锁、智能电器等众多领域。坐落于广州番禺区,自1999年始便致力于打造 “好太太”品牌,经过将近二十年的发展,如今好太太已成为全球的晾衣架行业研发、生产、销售、服务商,在中国拥有近2000万户家庭在使用好太太产品。好太太集团于2017年主板上市,成为智能晾晒领域首家A股上市企业。
广州网站建设-中山公用水务网站建设
广州网站建设-中山公用水务网站建设
中山公用事业集团股份有限公司成立于1998年,是一家国有控股的上市公司(SZ:000685)。公司坚持“产业经营+资本运营”双轮驱动的战略思路,定位环保水务为核心业务,通过提升环保水务板块的产业经营能力,与资本运营平台协同增效,致力打造行业内有影响力的领先企业,积极担当社会责任和环境保护的公民企业,促成员工实现自身价值的平台企业。
广州网站建设--华标集团物业公众号
广州网站建设--华标集团物业公众号
华标集团物业为了进一步提升服务质量,满足业主的多元化需求,采用微信公众号作为服务平台,为业主提供日常物业缴费、报事报修、社区活动等便利性服务。本次量身定制的微信公众号,旨在打造一个高效、稳定、便捷的线上服务平台,让业主享受到更加贴心、便捷的物业服务。
广州网站建设-欧派家居集团官网建设
广州网站建设-欧派家居集团官网建设
欧派集团官网作为欧派对外展现品牌形象、传达服务理念的重要信息平台,也向用户展示了欧派最新的资讯和相关的售后服务。优网作为欧派集团的信息化战略合作伙伴,本次的官网开发基于专业的设计水平和扎实的技术能力,为欧派的互联网品牌形象全面升级。
广州网站建设-康臣药业网站建设
广州网站建设-康臣药业网站建设
康臣药业集团(HK.01681)是一家主要从事现代中成药及医用成像对比剂研发、生产及营销的现代化制药企业,创立于1997年,于2013年12月19日在香港联合交易所主板上市,旗下拥有广州康臣药业有限公司、康臣药业(内蒙古)有限责任公司、广西玉林制药集团有限责任公司、广州康臣药物研究有限公司等从事药品生产和研发的企业,运营康臣、玉林等知名医药品牌,在国内建有广东广州、内蒙古通辽、广西玉林等3个生产基地,员工逾2000人。
专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询

展开菜单
关于我们
优网观点
项目动态
公司新闻
优网学院
常见问题
收起菜单
活动会议应用
答题应用
班车预定应用
应急值班表应用
春节活动应用
活动直播应用
内部培训及任务应用
返回上一级