惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Engineering at Meta
Engineering at Meta
T
Threatpost
P
Palo Alto Networks Blog
NISL@THU
NISL@THU
O
OpenAI News
Project Zero
Project Zero
G
GRAHAM CLULEY
P
Privacy International News Feed
A
Arctic Wolf
Microsoft Azure Blog
Microsoft Azure Blog
H
Help Net Security
M
MIT News - Artificial intelligence
T
Threat Research - Cisco Blogs
S
Security @ Cisco Blogs
Google DeepMind News
Google DeepMind News
B
Blog RSS Feed
D
Docker
aimingoo的专栏
aimingoo的专栏
博客园 - 【当耐特】
N
Netflix TechBlog - Medium
云风的 BLOG
云风的 BLOG
雷峰网
雷峰网
W
WeLiveSecurity
P
Proofpoint News Feed
腾讯CDC
Cloudbric
Cloudbric
S
Secure Thoughts
C
Check Point Blog
博客园 - Franky
T
The Exploit Database - CXSecurity.com
T
Troy Hunt's Blog
GbyAI
GbyAI
Security Archives - TechRepublic
Security Archives - TechRepublic
Application and Cybersecurity Blog
Application and Cybersecurity Blog
月光博客
月光博客
C
Cyber Attacks, Cyber Crime and Cyber Security
I
Intezer
TaoSecurity Blog
TaoSecurity Blog
L
Lohrmann on Cybersecurity
V
Visual Studio Blog
F
Fortinet All Blogs
博客园 - 叶小钗
C
CXSECURITY Database RSS Feed - CXSecurity.com
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Recorded Future
Recorded Future
C
Cisco Blogs
博客园 - 司徒正美
Stack Overflow Blog
Stack Overflow Blog
Y
Y Combinator Blog
Apple Machine Learning Research
Apple Machine Learning Research

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理, 企事业单位数字化的业务供需本质 – 人人都是产品经理, 医疗智能体·第1讲——医疗信息化重构:从“辅助软件”到“自主智能体”的范式转移 – 人人都是产品经理, 粉丝量就是空气!!! – 人人都是产品经理, 用户说“薯片碎了”,机器回“要买吗?”:意图识别的翻车与破局 – 人人都是产品经理, RAG召回准确率从75到90 我做对了这三件事 – 人人都是产品经理, AI大事件:Anthropic改收费、OpenAI发安全版、手术机器人纳入医保、阿里发布”秒悟” – 人人都是产品经理, Chrome 推出 Skills 新功能,Agent 重塑上网方式 – 人人都是产品经理, GitHub前创始人拿了a16z的1700万美元,做Agent时代的Git – 人人都是产品经理 拷贝或克隆其他 Flutter OH 项目到本地后无法运行 – 人人都是产品经理, 优惠券设计:优惠券创建 – 人人都是产品经理, 不用死磕文档!AI 助手 1 小时搞定飞书 CLI 安装 + 配置 + 知识库 – 人人都是产品经理, 用小龙虾做竞品分析报告:从2天到20分钟,我是怎么做到的 – 人人都是产品经理 用小龙虾做市场分析报告:搞懂这3个公式,市场规模不再靠猜 – 人人都是产品经理, 你早就在做 Harness 工程,只是不知道它叫这个名字 – 人人都是产品经理, Think Long就够?你可能想多了! – 人人都是产品经理, 货代SRM实战:供应商准入怎么做,才能让资源池不是通讯录而是可交付网络? – 人人都是产品经理, 如何做好用户调研?详解基本技巧 – 人人都是产品经理, 木鸟、途家、美团对打,平台春天行动开“卷” – 人人都是产品经理, 入职才发现公司不靠谱?小红书从业者求职避坑指南 – 人人都是产品经理, 美国 AI 三巨头联手封堵,中国 AI 突围之路在何方 – 人人都是产品经理, 小红书,放在需求对面的镜子 – 人人都是产品经理, AI 会带来大规模失业吗? – 人人都是产品经理, 从出单到补货前,我第一次犹豫:该不该放大? – 人人都是产品经理, Flutter 三方库鸿蒙化适配:5 种高效检查方式,快速判断是否需要适配 – 人人都是产品经理, 从做产品进阶拿结果:医美机构产品经理转岗科室运营经理 – 人人都是产品经理, 阿里HappyHorse,一场关于“Token经济”的阳谋 – 人人都是产品经理, To B AI:客户留存落地的观察与思考 – 人人都是产品经理, AI产品的“生命线”——数据采集、标注、清洗的产品化设计 – 人人都是产品经理, 谈谈AI Agent(二):当“孩子”能自己“体验世界”时,你该学什么? – 人人都是产品经理, UI/UX设计师的3层能力进阶,前两层让你活下来,第三层…才是真正的分水岭 – 人人都是产品经理, 2分钟 → 30秒,效率提升75%:B端产品经理如何用「规则枷锁」驯服AI幻觉? – 人人都是产品经理, 还没来得及学OpenClaw,来了个更猛的:Hermes Agent – 人人都是产品经理, AI日报:宇树机器人跑出10m/s刷新世界纪录 – 人人都是产品经理, 一文说透基金互金如何用情绪价值引导用户决策做转化 – 人人都是产品经理, 当浏览器开始替你”看”网页:AI 浏览器正在亲手拆掉它脚下的那张网 – 人人都是产品经理, 0代码,一天时间我Vibe Coding了个网站 – 人人都是产品经理, Hermes 和 OpenClaw 之争,Agent 的能力应该“装上去”还是“长出来”? – 人人都是产品经理 视频生成的“桌子”,字节Seedance 2掀完,阿里快乐马掀 – 人人都是产品经理, 从听不懂到完全信任:我的 Codex 深度产品体验 – 人人都是产品经理, 当虚拟偶像有了北京户口,与真人偶像还有什么区别? – 人人都是产品经理, 会说,远远比会做更重要 —— 对 SBTI 爆火现象的五层观察 – 人人都是产品经理, AI产品经理必看:当“搭环境”比“选模型”更重要,你的认知还在2024年吗? – 人人都是产品经理, 2026年AI产品商业化核心逻辑:从功能demo到规模化营收的3个必破卡点 – 人人都是产品经理, 京东围绕供应链,卷起裤腿下场的那些事儿 – 人人都是产品经理, SBTI一夜刷屏:它赢在了“太会说人话” – 人人都是产品经理, 折扣零售的真相:不是便宜,而是价值感! – 人人都是产品经理, 和甲方吵了一架,最后加钱做了——我学到的ToB产品经理生存法则 – 人人都是产品经理, 和几位小红书操盘手聊了8小时,干货全在这 – 人人都是产品经理, 智谱GLM-5.1登场,开源模型首超Opus4.6!!! – 人人都是产品经理 Anthropic收入凭什么反超OpenAI,终于有人把这事说清楚了 – 人人都是产品经理, 史上最有故事感的技术报告——Claude最强模型Mythos 7个极其精彩的细节 – 人人都是产品经理, 模型不是壁垒,Harness 也不是 – 人人都是产品经理, 抖音本地生活业务思考21 – 人人都是产品经理, Superpowers:145k Star的AI编码框架,到底是什么来头? Superpowers:145k Star的AI编码框架,到底是什么来头? – 人人都是产品经理, OpenAI 的路走错了,Anthropic Harness 解法启示:模型需要实践专科生 – 人人都是产品经理, 画原型图的前一步:设计站点地图 – 人人都是产品经理, 给 DeepSeek 的最后一封催更信 – 人人都是产品经理, 手把手教你用 Claude Code 搭建 AI 营销团队:5 个 Agent、12 项技能,独立完成研究、写作、设计全流程 – 人人都是产品经理, 你以为大模型在学语言?不,它在重新发明语言学 – 人人都是产品经理 所谓Skill,不过是AI时代的工业垃圾 – 人人都是产品经理, 聊一聊内容传播的几个方法 – 人人都是产品经理, 当平台开始吃掉生态:从 OpenClaw 被封杀,读懂 Anthropic 的这盘棋 – 人人都是产品经理, 你装了 10 个 AI 插件,Obsidian 还是一个文件夹 – 人人都是产品经理 关于AI智能体架构演进的系统性思考:从单体试水到多体协同的重构 – 人人都是产品经理, 当“人”变成Skill,我们又该何去何从? – 人人都是产品经理 Mythos 事件:前沿 AI 治理的意外实验 – 人人都是产品经理, 货代CRM:信用与风险管理怎么做,才能把坏账风险拦在放货之前? – 人人都是产品经理, 从HR收集自拍照到员工自助录入——我见证了园区人脸识别从”不可用”到”真好用”的全过程 – 人人都是产品经理 千问闯关AI混沌期:阿里画靶,吴嘉张弓,马云射箭? – 人人都是产品经理,
产品设计必读:常用反馈方式的分类
Grace · 2022-10-08 · via 人人都是产品经理

用户将信息操作给系统,系统告知用户操作的结果或者操作对象状态的变更。系统反馈给用户信息的常见方式有哪些?本文作者对此进行了详细的分类,一起来看看吧。

“交互设计”指的是人机交互方式的设计。人机交互指的是用户和系统之间进行信息的传递——用户通过操作(例如手动录入或者选择)把信息传递给系统,系统反馈信息给用户,告知用户操作的结果或者操作对象状态的变更。在这里我们详细分享一下系统反馈给用户信息的常见方式。

反馈信息有两个交互设计的要点:

  • 及时性:避免用户等待产生焦躁情绪或者继续进行其他无效的操作。
  • 简单易读:用户看到(或听到)反馈能明白结果的含义和指向性。

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

一、弹框

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

模态框一般会有一层黑色透明的蒙板,它打断用户所属的主流程,只能到完成模态框的操作,才能返回到主流程中去。非模态框一般没有那一层蒙板,不会影响所属的主流程,弹出非模态也能看见底层的主流程,过一定的时间(3~5s)后会自动消失(或者点击弹框外的其他位置)。

模态弹框属于重量级反馈,优势是能够获取用户的关注焦点,对将要操作或者正在操作产生会产生结果进行明确的告知,从而引起用户的重视和思考,防止用户误操作。例如用户在删除重要信息时会有“一旦删除,无法恢复”的弹窗提示。劣势是会打断用户当前的操作。

非模态弹框属于轻量级反馈,优势是不会影响用户当前的操作,干扰非常小。例如用户关注成功之后会有“关注成功”的toast提示。劣势是因为视觉效果不够明显、显示时间有限等因素导致用户容易错过。所以我们在平时的设计中要根据不同的场景和反馈的重要程度选择合适的反馈方式 。

1. 模态弹框

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

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

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

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

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

2. 非模态弹框

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

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

常见的toast表现方式为文字或者icon+文字的组合方式。出现的位置会根据场景的不同设计在页面的顶部、中间或者底部。经过一定的时间间隔(3s~5s)后自动消失,或者用户点击其他位置也会自动消失。

注:

  • toast是安卓设计规范的组件,当时目前也常用在IOS的设计中,IOS设计规范中的HUD和toast类似。
  • 一些安卓用户会在禁用通知栏消息时把toast通知也给禁用了,这样就无法接收到toast形式的消息通知了。
  • 背景颜色和停留时间都可以设置。

snackbar是比toast稍微重一点的轻量型反馈方式,包含一行与进行中的操作相关的文案&(最多)一个操作,并且snackbar不能包含使其消息的“取消”操作。

常规设计一般出现在页面的底部,可把snackbar看成可点击的Toast,用户可以点击按钮进行交互,即使用户不点击Snackbar,经过一定的时间间隔(3s~5s)后自动消失,或者用户点击其他位置也会自动消失。

注:toast和snackbar的停留时间一般为3~5s,但也可以根据场景的需求设置更长的时间。

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

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

二、页面

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

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

  • 空页面:要明确有没有必要使用页面,如果使用空页面,要告知用户这是什么内容的空页面,为什么是空的,并对希望用户接下来的操作进行引导。
  • 页面内嵌反馈,常用在网络切换时(从WIF切换到5G流量)对用户的提示。同样是需要用户知晓要使用比较重的提示的场景,如果使用弹窗就会影响用户主流程的操作,所以为了达到同样的目的又考虑到用户的体验,使用页面内嵌反馈是一个更为合适的选择。

三、标签

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

在进行注册邮箱时,填写的信息如果有错误,文字标签的提示兼顾了反馈的及时性、明确的指向性以及友好的引导性。

四、红点

一般通知消息使用红点或者带有数字的红点标识来反馈,用户阅读完成之后红点消失或者对应的数值减少。另外红点标识上也会展示一些文案来表达特定的含义来吸引用户的关注,此处不再详解。

五、动画

动画的反馈方式是为了更加吸引用户的注意力,减少用户等待的焦躁感,例如在加载页面资源 时展示有趣的动画。或者为了更直观简单的展示操作对象状态的变化,例如点赞、收藏、未关注、已关注icon的变化,一般称为这种按钮为多态按钮。

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

六、声音

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

例如早上大家骑着共享单车到公司楼下匆忙关闭自行车开关赶时间去打卡时收到“关闭成功”的语音提示。

七、小结

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

  1. 此操作或者此流程是否有必要进行反馈?
  2. 反馈的节点在哪里更合适?
  3. 反馈信息的重要程度如何,如果用户看不到此反馈会产生什么影响?
  4. 对于必须使用重量级反馈的方式时,考虑到用户体验问题是否能在保证用户看到时不影响主流程的操作?
  5. 用户接收到反馈时,是否需要引导去做些什么,是否需要立刻去操作?

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

好啦,此波分享到此结束~希望本篇文章能帮到需要的小伙伴们~

本文由 @Grace 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于 CC0 协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。