产品设计必读:常用反馈方式的分类

常见的反馈方式分为6种:弹框、页面、标签、红点、动画、声音。

弹框分为模态弹框和非模态弹框,两者最大的区别是前者强制用户进行交互。

模态弹框分为对话框、动作栏和浮层。

对话框一般用在比较重要的系统状态变化或者重要且不可逆的操作时,需要用户知晓操作会产生的后果;对一些重要的操作进行继续或者放弃,方向A或者方向B选择的询问;重要信息录入提交或者验证等。

底部动作栏是指从页面底部向上滑出的面板,通常让用户对当前的操作进行确认或者展示多个操作项让其进行选择。相比较对话框,底部动作栏能承担数量更多且表现形式更丰富的选项,例如列表、宫格、图文,可触发更多的动作等。

对于同样都为两个选项的情况,对话框更多的用在让用户对接下来的操作进行选择的场景,底部动作栏用在让用户对之前的操作进行二次确认的场景。

浮层可以出现在页面中的任何位置,对于页面元素比较多或者页面有比较多相似元素时,能够给用户更具有指向性的提示。浮层展示的内容一般为多种操作的选项。

非模态弹窗分为toast、snackbar、noticebar。

toast是一种轻量型的反馈方式,不会打断用户当前的操作流程,对用户的打扰是最小。其缺点是容易被用户忽视,而且不适合展示过多的信息,可能在用户还没读完信息之前就消失了。

注:

noticebar通告栏属于临时视图的范畴,可以在不影响用户操作的情况下起到持续性提示用户的作用,适合一些状态变更的重要通知但又不需要用户立即去进行操作的反馈提示。可以仅仅是一个文案提示,也可以增加可点击的入口。

注:noticebar可以同时在一个页面出现多个。

页面的反馈一般用于重要且完整流程的结束,是一个非常重的反馈形式。例如购买支付成功或者提交重要信息之后的页面反馈。而弹框一般用于完整流其中一个操作节点的反馈。

有两种特殊的页面反馈形式:

常见标签为页面某个操作或者页面某个元素对象局部反馈的文字标签提示,例如用户在进行手势验证时,如果手势错误时进行弹窗提示与直接页面文字标签提示,前者比后者要增加”关闭弹窗”的操作,而且提示内容较多时也增加了用户的记忆成本,用户体验较差。

多态按钮的优势是在不影响用户操作主流程的前提下及时展示操作对象的变化,且变化之后的状态持续直观的显示。

声音形式的反馈一般用在用户不方便及时查看页面且比较重要的信息提示中,例如商家收款到账具体金额的语音提示,外卖店家收到新单的语音提示。

上文已经对产品设计中常用的各种反馈类型进行了详细的介绍,在平时设计反馈机制以及选择反馈方式时,我们需要明确五点:

总之,这些问题的答案都要根据具体的使用场景来进行具体分析。因为任何反馈都会对用户造成干扰,所以为了更好地用户体验,应该减少弹框的使用,本着“能不用弹框就不要用弹框,能用非模态弹框就不要用模态弹框”的原则来设计产品。对于有必要使用弹框进行提示的场景,要在合适的时机使用选择合适的弹框。

本网站由上海玖壹前程网络科技有限公司提供运营及技术支持。

THE END
1.产品设计分为哪几种类型产品设计分为哪几种类型不甘堕落 精选回答 产品设计一般可以分为开发性设计、适应性设计和变异性设计三种类型。产品设计是一个集艺术、文化、历史、工程、材料、经济等各学科知识的综合产物,它反映着一个时代的经济、技术和文化。冰清一洁 2021-07-12 05:15:36https://edu.iask.sina.com.cn/jy/1gXFAQ7Vqv2.html
2.产品设计的分类有哪几种?产品设计的分类有哪几种?主要是这 4 类:用户界面设计、用户体验设计、平面设计、交互设计产品设计一直以来都是涵盖内容非常广泛的一项工作。如果大家对其进行拆分的话,其实可以得出很多不同类型的产品设计方向。对于新人来说,精准了解这方面的知识非常有利于后期的就业选择。接下来,本文就来为大家具体介绍一下产品设计一https://js.design/special/article/product-design-categories.html
3.浅析航空货运企业产品设计思路与推广策略“有运力,无产品”这是业内对中国航空货运企业的一个普遍看法。航空货运企业间的终极竞争是“服务”的竞争,但此“服务”很多时候要通过“产品”表现出来,本文就对航空货运企业的产品设计思路和推广策略做一简要分析,以期抛砖引玉。 一、航空货运产品分类方式 https://news.carnoc.com/list/226/226648.html
4.专利审查指南第一部分3章节使用外观设计的产品名称对图片或者照片中表示的外观设计所应用的产品种类具有说明作用。使用外观设计的产品名称应当与外观设计图片或者照片中表示的外观设计相符合,准确、简明地表明要求保护的产品的外观设计。产品名称一般应当符合国际外观设计分类表中小类列举的名称。产品名称一般不得超过20个字。 https://www.cypatent.com/cn/sczn1-3.htm
5.产品包装标志设计有哪些类型产品包装标志设计的分类产品包装标志设计有哪些类型 产品包装标志设计的分类 产品的包装向人们展示了产品的最外部形象,它直观的反映了消费者的行为和品位,表达了一种生活方式;它们会是一种身份象征,一款高档的包装往往能把产品的价值提升好几倍。独特的想法使一个简单的折叠袋成为文化识别的媒介,这不仅仅是由于其有着令人惊奇的创意,而且还https://www.epwk.com/meijie/23484.html
6.2019级文化创意与策划专业(艺术项目策划与管理方向)人才培养方案5、掌握产品专题设计的步骤与方法。 序号 教学单元 学习内容 1 产品专题设计的概念 1、产品专题设计研究的意义 2、产品专题设计研究的内容与目的 3、成功专题产品开发的特点 4、专题产品设计与分类 2 影响专题设计的相关问题 1、设计思潮与设计风格 2、绿色设计与可持续设计 https://www.hnwmxy.com/jiaoxuekeyan/jiaoxuebiaozhunfabu/rencaipeiyangfangan/2019/1023/5237.html
7.SJT10323SJ T 10323-1992 电池产品设计文件的分类编号.pdf 27页内容提供方:xingyuxiaxiang 大小:508.06 KB 字数:约5.56万字 发布时间:2019-02-18发布于山东 浏览人气:59 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)https://max.book118.com/html/2019/0217/8047107002002007.shtm
8.电商产品设计(一)——商品分类体系这种设计奠定了我们现在大部分电商产品的商品分类体系模型:前台类目+后台类目+前后台映射管理+属性 回过头来总结一下,从03年我国第一家电商网站淘宝上线,到如今电商网站百花齐放,商品分类体系的演变路径可以归纳为五步,如下图: 商品体系的演变 至此,我想和大家分享的第一个知识点——商品分类体系 就已经讲完了。鉴于https://www.jianshu.com/p/715ac96e2211
9.IoT产品设计:关于专利申请,这篇文章就够了51CTO博客商标可以实现对个人或企业品牌价值的有效保护,而「专利」可以实现对产品外观和创新性等方面的保护,尤其对于技术门槛低、同质化严重的品类,设计之初就需要同步考虑相关专利的申请,建立有效的专利护城河。 专利分类 根据我国《专利法》,专利包括三类:实用新型专利、发明专利、外观设计专利。 https://blog.51cto.com/u_15284384/3027022
10.如何用ElementorPro设计WooCommerce产品分类和产品标签侧边栏的WooCommerce产品分类和产品标签侧边栏的样式是跟随主题设计的,通常没有设计样式功能。如下图所示,它是我用Hello Elementor主题+ Elementor Pro制作的产品列表模板,在左侧的侧边栏里包含了产品分类和产品标签。接下来,我们就讲如何用Elementor Pro来将样式设置为下图所示https://www.loyseo.cn/how-to-style-woocommerce-product-category-and-product-label-sidebar-with-elementor-pro/
11.国际外观设计分类(13版)产品项列表(2021年1月1日生效)国际外观设计分类(13版)产品项列表(2021年1月1日生效) 注:本表为国家知识产权局专利局外观设计审查部在WIPO官网所公布的洛迦诺分类文件 (https://www.wipo.int/classifications/locarno/en/ITsupport/Version20210101/index.html )的基础上进行翻译整理的版本, 如果有错漏请联系wgb@cnipa.gov.cn进行反馈. 大类 https://www.cnipa.gov.cn/module/download/down.jsp?i_ID=156476&colID=2153
12.产品包装中图形要素的分类与特性包装设计人类早在发明文字之前,就已经对图形的表现形式和选型规律有了很深的认识和掌握运用,这一点我们可以从远古时期彩陶纹样和洞穴岩壁画中得到证实。图形的历史比文字更久远,文字也来自图形。https://www.ltbzc.com/article/baozhuangzhongdetuxing.html