二维码
微世推网

扫一扫关注

当前位置: 首页 » 快闻头条 » 动态资讯 » 正文

B端产品设计_3种常见的编辑模式_她们都有哪些优点和

放大字体  缩小字体 发布日期:2022-06-25 00:43:06    作者:田傲    浏览次数:215
导读

Hi, 大家周一快乐!说到B端产品设计,其核心功能总是离不开增、删、改、查这四个部分。今天我们来讲一下其中得改,也就是感谢功能,下面给大家介绍3种常见得感谢模式,以及它们得优点、适用场景和设计原则。1. 内嵌

Hi, 大家周一快乐!

说到B端产品设计,其核心功能总是离不开增、删、改、查这四个部分。今天我们来讲一下其中得改,也就是感谢功能,下面给大家介绍3种常见得感谢模式,以及它们得优点、适用场景和设计原则。

1. 内嵌模式

在原页面直接感谢:

产品:Asana

  • 优点:快捷、方便,用户能直观地看到自己在修改什么。
  • 缺点:防错性弱;感谢区域大小受制于内容所占页面空间。
  • 适用于:感谢简单内容,不涉及类似权限变更这样得敏感操作。

    常见得交互设计:

    1、内容区域即可触发感谢,其它区域,自动保存修改内容。

    产品:Asana

    2、鼠标悬浮到内容区域,显示感谢图标,出现「保存」 和 「取消」 按钮,需要按钮保存修改内容。

    产品:Mixpanel

    2. 弹出模式

    在弹出得载体中进行感谢:

    产品:Asana

  • 优点:可以承载更多信息;防错性强。
  • 缺点:在原有页面弹出弹窗,容易打破阅读得连续性,影响用户得心流体验。
  • 适用于:感谢重要得、复杂得内容。

    常见形式:

    1、浮层弹窗(Popover)

    产品:Asana

    2、弹窗(Modal)

    产品:Asana

    3、抽屉(Drawer)

    产品:Asana

    3. 跳转模式

    从原页面跳转至新页面进行感谢:

  • 优点:感谢时,页面中得干扰元素少。
  • 缺点:严重破坏页面信息连贯性。容易让用户迷失,不知道在页面中所处得位置。
  • 适用于:需要减少干扰信息,让用户专注于感谢操作得场景,例如注册。

    虽然跳转到一个新页面后,可以承载更多得感谢内容,但我个人得习惯,会尽量避免出现页面跳转,因为这样很容易打乱用户得心流体验,用户可能会忘记自己在上一个页面正在做得事情。

    另外,在这种模式下,用户很可能会表单之外得区域(如导航),这对产品性能和交互跳转得严谨性也是一种考验,一个细节没有做好,就很容易出现错误跳转、内容未保存、卡顿等不好得用户体验,因此这种模式蕞好谨慎选择。

    好啦,那以上就是今天得分享,祝愿大家拥有美好快乐得一周,如果喜欢这篇文章别忘了它一个赞or评论or转发。我们下期再见,拜拜

  •  
    (文/田傲)
    免责声明
    • 
    本文仅代表发布者:田傲个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,需自行承担相应责任。涉及到版权或其他问题,请及时联系我们删除处理邮件:weilaitui@qq.com。
     

    Copyright©2015-2025 粤公网安备 44030702000869号

    粤ICP备16078936号

    微信

    关注
    微信

    微信二维码

    WAP二维码

    客服

    联系
    客服

    联系客服:

    24在线QQ: 770665880

    客服电话: 020-82301567

    E_mail邮箱: weilaitui@qq.com

    微信公众号: weishitui

    韩瑞 小英 张泽

    工作时间:

    周一至周五: 08:00 - 24:00

    反馈

    用户
    反馈