美文网首页
B端产品设计『提示』功能的组件化思考

B端产品设计『提示』功能的组件化思考

作者: A小蚊子 | 来源:发表于2021-05-21 16:09 被阅读0次

(全文716字,9图,预计阅读3分钟)

当我们在使用产品(PC/App)时,

有遇到哪些『提示』场景呢?

最常见的——【Toast提示】

其实,还有很多『提示』场景,且往后看。

提示功能是互联网产品设计中常见的一种"交互",按《微交互》作者提的,任一项交互操作都有触发器、规则、反馈。

【提示】功能的交互也不例外。

一、提示功能的触发器有哪些呢?

(1)页面元素——文本框

(2)页面元素——按钮

(3)页面元素——icon

(4)业务

二、提示功能的规则有哪些?

(1)鼠标移入时,

(2)鼠标悬停时,

(3)获取焦点时(比如文本框编辑状态)

(4)失去焦点时(比如文本框输入完成时)

(5)按钮点击时

(6)页面刷新(关闭)时

三、提示功能的反馈有哪些种类?

(1)信息告知型提示

可以理解为"只消费数据",不"生产数据",用户只需阅读知晓。

适用场景:某一项操作,成功后的提示告知。

(2)确认型"提示"

需要用户做相应的操作选择。

适用场景:常用于"高危操作"时的二次确认,比如删除操作。

(3)红框红字型提示

适用场景:常见于文本框输入内容(或格式)不符合要求,页面给出的提示。

(4)icon型帮助提示

当某一项业务操作时,新用户对于此功能(或者字段)不熟悉,可点选相应元素提示帮助,熟悉操作背景。

(5)Loading型提示

适用场景:当某一报表进行查询时,因后台查询数据量大,给前台用户的一种过渡提示,常用Loading提示。

缺点:用户不能感知进度的预计完成时间。

(6)进度条型提示

比Loading型提示更优,可显示完成进度(一般用百分比显示),可预估预计完成时间。

给用户一种上"控制感"。

(7)离开型提示

当页面填写部分数据,而此时又需要关闭(菜单/页面)执行其他任务时,页面给出的离开型提示,提示是否保存草稿。

适用场景:常用于一些表单填写页面,保存草稿提示。

(8)当然,开篇提到的Toast提示

以上是笔者做SaaS产品遇到的『提示』类需求产品设计小思考,欢迎补充指正。

相关文章

  • B端产品设计『提示』功能的组件化思考

    (全文716字,9图,预计阅读3分钟) 当我们在使用产品(PC/App)时, 有遇到哪些『提示』场景呢? 最常见的...

  • B端组件化思考-流程篇

    入行以来,侧重点都是偏向前端即所谓的C端,较少触及后台项目,细细数来不过三四个而已。最近再次从0到1完成了一个后台...

  • B端组件化思考-基本规范篇

    设计B端项目,我们需要思考的是如何运用组件化的思维去维护后续的迭代和优化,以及如何进行团队的协作。而团队化的组件规...

  • 「曾哥读书」不枯燥的B端产品实战课

    本书主要介绍了定制化型B端产品的产品设计流程,比较适合传统行业的B端产品经理阅读。 推荐指数:6.5颗星 01 整...

  • 15/21 徐泉 to B 产品设计的一些思考

    今天聊一聊自己关于 B端产品设计的一些思考 一:B端产品的用户角色比C端产品复杂得多 举个栗子: 作为一个美图秀秀...

  • 组件化过程中问题

    一.组件化实现思考: 1.制作基础组件—— ok 2.制作功能组件—— ok 3.处理Common功能模块 —— ...

  • 关于B端app的组件化

    组件化已经不是什么新名词了,大公司好多大型app基本都要经历这个阶段,不同的是我这次是对B端app做了组件化开发的...

  • 服务端测试

    思考:? 如何保证房屋建筑的质量如何保证汽车的质量各环节 各组件 各资源 端到端 功能性和非功能性 功能性 可靠 ...

  • 读《决胜B端——产品经理升级之路》

    我缺乏商业化B端产品经验,所以想读这本书了解下B端产品设计及产品运营。本书通过一个例子讲述企业内部系统的搭建及落地...

  • B端用户体验五要素

    背景:笔者从事B端产品设计,相对于C端而言,更注重于功能的设计,较少的考虑到用户体验的问题,因此出现返工的问题,以...

网友评论

      本文标题:B端产品设计『提示』功能的组件化思考

      本文链接:https://www.haomeiwen.com/subject/sjsudltx.html