资讯
B端产品设计_3种常见的编辑模式_她们都有哪些优点和
2022-06-25 00:43  浏览:368

Hi, 大家周一快乐!

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

1. 内嵌模式

在原页面直接感谢:

产品:Asana

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

    常见得交互设计:

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

    产品:Asana

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

    产品:Mixpanel

    2. 弹出模式

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

    产品:Asana

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

    常见形式:

    1、浮层弹窗(Popover)

    产品:Asana

    2、弹窗(Modal)

    产品:Asana

    3、抽屉(Drawer)

    产品:Asana

    3. 跳转模式

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

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

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

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

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