尽管现在有很多的组件工具可以使用，但是要设计出良好的应用（产品），仍然不是一件容易的事。本文带你了解B端产品中常用的3种面板设计，从基础概念、使用时间到使用方法，帮你快速掌握。更多B端设计干货：B端对齐如何设计？

尽管现在有很多的组件工具可以使用，但是要设计出良好的应用（产品），仍然不是一件容易的事。本文带你了解 B端产品 中常用的3种 面板设计 ，从基础概念、使用时间到使用方法，帮你快速掌握。

更多 B端设计 干货：

B端对齐如何设计？我总结了这3种常用场景！ B端设计中如何做好对齐设计？

阅读文章 >

一、折叠面板 1. 它是什么

把不同的内容模块，放到一组顺序排列的面板中，这些面板每一个都可以折叠、可以展开，互不干扰。

2. 什么时候使用

你需要在页面上显示大量各种各样的内容，可能包括文本、列表、按钮、表单控件等，而你又没法把它们都显示在页面上。

这些内容通过分组，形成了不同的模块，以下是这些模块的特点:

① 用户可能一次只需要查看一个模块的内容。有些模块比别的模块更长或更短，不过它们的宽度一样。

② 这些模块组成了一个工具箱，或者两级菜单，或者包括一些交互式元素的某种结构，这些模块的内容要么彼此相关，要么彼此类似。

③ 要注意的是，当一个大模块打开或者打开了很多个模块的时候，模块底部的标签可能会滚动到屏幕或窗口的外面。如果这一点对用户来说有问题，那就要考虑一下其他的解决方案。

3. 如何使用

竖向排列这些模块，并使用对于用户来说有意义的排列顺序。

例如：QUICK BI 右侧折叠面板，顺序是从大到小，从外到内。

为每个模块选择一个简短而富描述性的标题，并把这个标题放到一个横条上，让用户可以单击它来打开或关闭这个模块。

也可以用一个可以变换方向的三角形图标来提示打开/关闭的操作：关闭的时候向右或向下，打开的时候向上。

一次允许打开多个模块。

人们在这个问题上有一些不同的看法，有的人喜欢一次只能打开一个模块。不过根据经验，特别是在各种应用里，一次允许打开多个模块更合适。这样可以避免一个之前打开的模块突然消失，这样会让用户觉得很粗鲁，也很意外:“喂, 那个菜单哪里去了?之前就在这里的!

当用户在登录状态时，折叠面板应该在多个操作期间，保持它们各自模块的打开和关闭状态，这点很重要。

如果模块内容需要进一步拆分，折叠面板还可以级联使用，不过这样看起来会有点混乱。 因此只用一个一级折叠面板模块更合适，如果有必要可以采用其他结构代替，比如tab页。

二、可移动面板 1. 它是什么

把页面上的内容组合到几个不同的区块里，每一个都可以独立打开或关闭。可以随意在界面上放置这些区块，用户还可以移动它们，形成自己定义的布局。

2. 什么时候使用

你正在设计一个桌面应用（例如：钉钉、飞书）或者一个网页应用（例如：纷享销客、ONES），应用中会涉及看板、工作台、仪表盘、数据分析等页面，你希望用户对这些页面有一定的控制权。 这些页面应该是应用中的主页面、是用户会经常查看的页面。

在这个页面上，需要显示大量各种各样的内容，可能包括文本、列表、按钮、表单控件、图表等，而你又没法把它们都显示在一个模块上。

这个页面上的功能具有以下特点:

① 用户想同时查看好几个模块。

② 不同的模块对每个用户来说，有着不一样的价值。例如，有些人想看到A、B、C这三个模块，而另外一些人可能想看到的是D、E、F。 3、在空间大小方面，各个模块差异可能比较大。例如，用户希望把信息少的模块缩小。

③ 模块在界面上的位置对用户来说很重要。例如，重要的内容用户希望放在前面。

④ 有时候模块数量比较多，用户不希望全部展示出来。例如：用户汇报工作时不需要这个模块，可以把它先移除，汇报完后，再添加回来。

⑤ 控制这些模块的功能可能是一个工具条，或其他交互式结构的组成部分。

3. 为什么使用

因为不同的用户关注点也不同，他们希望能自己选择想看的内容。 可以把需要的内容放到显眼的位置，把不需要的东西隐藏起来。同时，他们还可以利用“空间记忆”来记住不同的内容在什么位置。

空间记忆：当人们需要使用某个东西时，经常是通过回忆它们的位置来寻找它们，而不是它们的名字。 例如：你因为有事外出，需要同事打开你的电脑帮你发一份文件，通常你也说一句文件好像再桌面的右边，这也是利用了空间记忆帮助快速寻找。很多软件把对话框的按钮（确定、取消）放在右下方，有一部分原因也是考虑到用户的空间记忆依赖性。

总结：使用可移动的面板可以让用户的工作效率更高，工作更舒服。

4. 如何使用

为每个模块提供名称、标题栏和默认尺寸，并为它们提供合理的默认设置。 让用户按自己的喜好在页面上移动这些模块，如果可能的话，可以提供拖曳功能。

让每个模块可以通过简单的操作进行编辑和隐藏，也可以考虑让用户可以彻底移走这些模块，在标题栏上放一个关闭按钮就可以。

可移动面板要清晰的体现编辑与预览状态，如果用户误操作打乱模块顺序，需要提供一个“恢复默认设置”的按钮。

三、可收起面板 1. 它是什么

把次要内容和可选内容放到用户能自己打开、收起的面板里。

2. 什么时候使用

你需要在页面上显示大量各种各样的内容，可能包括文本、列表、按钮、表单控件等，而你又没法把它们都显示在页面上。 同时，还可能有一些适用中央舞台模式的内容需要在视觉上优先处理，需要把面板收起。

这些内容自然组成了分组或不同的模块，这些模块有着以下一些特点:

① 这些模块为界面上的主要内容提供注释、修改、说明或支持。（例如：WPS右边的快捷键、样式、帮助、资源）

② 这些模块可能不是很重要，不需要默认展开。

③ 对不同的用户来说，它们的价值并不一样。（例如：图中新手入门指导，老用户可能并不需要）

④ 甚至对同一个用户来说，这些模块可能有时候非常有用，换个时间就不一定了。当它们收起的时候，这些空间最好留给界面上的主要内容。

⑤ 这些模块之间可能彼此没有多大关系。当用到Tab和折叠面板时，这两个模式会把各个模块组合到一起，表示它们之间有一些关联，而可收起面板不会对内容进行分组。

3. 为什么使用

把无关紧要的内容隐藏起来可以让界面变得简洁。

当用户选择隐藏某个模块时，只要简单地收起这个模块就可以了。 它所占用的空间也会还给主要内容。

这也是渐进式展开原则的一个例子—只在用户需要的时候，需要的地方立即显示那些隐藏的内容。

总的来说，想让界面保持整洁，通过对内容进行分组和隐藏是非常有效方式。而可收起面板、Tab、折叠面板、可移动面板，这4种模式正是有效方式的工具。 如何使用

4. 如何使用

把内容放到一个单独的面板里，让用户可以用一次单击来打开或关闭这些面板。 可以利用引导性的文字来表示这里可以展开（例如：更多），也可以利用三角形的图标来表示这里可以展开。

当用户关闭这个面板时，把它所占用的空间收起来，用来显示主要内容。

也可以在打开和关闭这些面板的时候加上动画效果，这样会让打开和关闭时的过渡更加平滑。

如果有多个模块要用这种方式来隐藏，可以把这些模块放在一起，或者用Tab、折叠面板来组织，还可以把它们分开放在主界面上。

如果发现大部分用户都打开了一个默认为关闭状态的可收起面板，那么应该让它默认打开。

谢谢大家观看！

尽管现在有很多的组件工具可以使用，但是要设计出良好的应用（产品），仍然不是一件容易的事。本文带你了解B端产品中常用的3种面板设计，从基础概念、使用时间到使用方法，帮你快速掌握。更多B端设计干货：B端对齐如何设计？

尽管现在有很多的组件工具可以使用，但是要设计出良好的应用（产品），仍然不是一件容易的事。本文带你了解 B端产品 中常用的3种 面板设计 ，从基础概念、使用时间到使用方法，帮你快速掌握。

更多 B端设计 干货：

B端对齐如何设计？我总结了这3种常用场景！ B端设计中如何做好对齐设计？

阅读文章 >

一、折叠面板 1. 它是什么

把不同的内容模块，放到一组顺序排列的面板中，这些面板每一个都可以折叠、可以展开，互不干扰。

2. 什么时候使用

你需要在页面上显示大量各种各样的内容，可能包括文本、列表、按钮、表单控件等，而你又没法把它们都显示在页面上。

这些内容通过分组，形成了不同的模块，以下是这些模块的特点:

① 用户可能一次只需要查看一个模块的内容。有些模块比别的模块更长或更短，不过它们的宽度一样。

② 这些模块组成了一个工具箱，或者两级菜单，或者包括一些交互式元素的某种结构，这些模块的内容要么彼此相关，要么彼此类似。

③ 要注意的是，当一个大模块打开或者打开了很多个模块的时候，模块底部的标签可能会滚动到屏幕或窗口的外面。如果这一点对用户来说有问题，那就要考虑一下其他的解决方案。

3. 如何使用

竖向排列这些模块，并使用对于用户来说有意义的排列顺序。

例如：QUICK BI 右侧折叠面板，顺序是从大到小，从外到内。

为每个模块选择一个简短而富描述性的标题，并把这个标题放到一个横条上，让用户可以单击它来打开或关闭这个模块。

也可以用一个可以变换方向的三角形图标来提示打开/关闭的操作：关闭的时候向右或向下，打开的时候向上。

一次允许打开多个模块。

人们在这个问题上有一些不同的看法，有的人喜欢一次只能打开一个模块。不过根据经验，特别是在各种应用里，一次允许打开多个模块更合适。这样可以避免一个之前打开的模块突然消失，这样会让用户觉得很粗鲁，也很意外:“喂, 那个菜单哪里去了?之前就在这里的!

当用户在登录状态时，折叠面板应该在多个操作期间，保持它们各自模块的打开和关闭状态，这点很重要。

如果模块内容需要进一步拆分，折叠面板还可以级联使用，不过这样看起来会有点混乱。 因此只用一个一级折叠面板模块更合适，如果有必要可以采用其他结构代替，比如tab页。

二、可移动面板 1. 它是什么

把页面上的内容组合到几个不同的区块里，每一个都可以独立打开或关闭。可以随意在界面上放置这些区块，用户还可以移动它们，形成自己定义的布局。

2. 什么时候使用

你正在设计一个桌面应用（例如：钉钉、飞书）或者一个网页应用（例如：纷享销客、ONES），应用中会涉及看板、工作台、仪表盘、数据分析等页面，你希望用户对这些页面有一定的控制权。 这些页面应该是应用中的主页面、是用户会经常查看的页面。

在这个页面上，需要显示大量各种各样的内容，可能包括文本、列表、按钮、表单控件、图表等，而你又没法把它们都显示在一个模块上。

这个页面上的功能具有以下特点:

① 用户想同时查看好几个模块。

② 不同的模块对每个用户来说，有着不一样的价值。例如，有些人想看到A、B、C这三个模块，而另外一些人可能想看到的是D、E、F。 3、在空间大小方面，各个模块差异可能比较大。例如，用户希望把信息少的模块缩小。

③ 模块在界面上的位置对用户来说很重要。例如，重要的内容用户希望放在前面。

④ 有时候模块数量比较多，用户不希望全部展示出来。例如：用户汇报工作时不需要这个模块，可以把它先移除，汇报完后，再添加回来。

⑤ 控制这些模块的功能可能是一个工具条，或其他交互式结构的组成部分。

3. 为什么使用

因为不同的用户关注点也不同，他们希望能自己选择想看的内容。 可以把需要的内容放到显眼的位置，把不需要的东西隐藏起来。同时，他们还可以利用“空间记忆”来记住不同的内容在什么位置。

空间记忆：当人们需要使用某个东西时，经常是通过回忆它们的位置来寻找它们，而不是它们的名字。 例如：你因为有事外出，需要同事打开你的电脑帮你发一份文件，通常你也说一句文件好像再桌面的右边，这也是利用了空间记忆帮助快速寻找。很多软件把对话框的按钮（确定、取消）放在右下方，有一部分原因也是考虑到用户的空间记忆依赖性。

总结：使用可移动的面板可以让用户的工作效率更高，工作更舒服。

4. 如何使用

为每个模块提供名称、标题栏和默认尺寸，并为它们提供合理的默认设置。 让用户按自己的喜好在页面上移动这些模块，如果可能的话，可以提供拖曳功能。

让每个模块可以通过简单的操作进行编辑和隐藏，也可以考虑让用户可以彻底移走这些模块，在标题栏上放一个关闭按钮就可以。

可移动面板要清晰的体现编辑与预览状态，如果用户误操作打乱模块顺序，需要提供一个“恢复默认设置”的按钮。

三、可收起面板 1. 它是什么

把次要内容和可选内容放到用户能自己打开、收起的面板里。

2. 什么时候使用

你需要在页面上显示大量各种各样的内容，可能包括文本、列表、按钮、表单控件等，而你又没法把它们都显示在页面上。 同时，还可能有一些适用中央舞台模式的内容需要在视觉上优先处理，需要把面板收起。

这些内容自然组成了分组或不同的模块，这些模块有着以下一些特点:

① 这些模块为界面上的主要内容提供注释、修改、说明或支持。（例如：WPS右边的快捷键、样式、帮助、资源）

② 这些模块可能不是很重要，不需要默认展开。

③ 对不同的用户来说，它们的价值并不一样。（例如：图中新手入门指导，老用户可能并不需要）

④ 甚至对同一个用户来说，这些模块可能有时候非常有用，换个时间就不一定了。当它们收起的时候，这些空间最好留给界面上的主要内容。

⑤ 这些模块之间可能彼此没有多大关系。当用到Tab和折叠面板时，这两个模式会把各个模块组合到一起，表示它们之间有一些关联，而可收起面板不会对内容进行分组。

3. 为什么使用

把无关紧要的内容隐藏起来可以让界面变得简洁。

当用户选择隐藏某个模块时，只要简单地收起这个模块就可以了。 它所占用的空间也会还给主要内容。

这也是渐进式展开原则的一个例子—只在用户需要的时候，需要的地方立即显示那些隐藏的内容。

总的来说，想让界面保持整洁，通过对内容进行分组和隐藏是非常有效方式。而可收起面板、Tab、折叠面板、可移动面板，这4种模式正是有效方式的工具。 如何使用

4. 如何使用

把内容放到一个单独的面板里，让用户可以用一次单击来打开或关闭这些面板。 可以利用引导性的文字来表示这里可以展开（例如：更多），也可以利用三角形的图标来表示这里可以展开。

当用户关闭这个面板时，把它所占用的空间收起来，用来显示主要内容。

也可以在打开和关闭这些面板的时候加上动画效果，这样会让打开和关闭时的过渡更加平滑。

如果有多个模块要用这种方式来隐藏，可以把这些模块放在一起，或者用Tab、折叠面板来组织，还可以把它们分开放在主界面上。

如果发现大部分用户都打开了一个默认为关闭状态的可收起面板，那么应该让它默认打开。

谢谢大家观看！

从2016年底淘宝直播上线来计算，到2022年底，直播电商已经发展了近六年时间。 由于疫情的影响，直播电商在2020年被大大提速，成为了几万亿规模的行业，淘抖快三大直播电商平台的竞争也进入了深水区。 尤其是今年的双十一，淘宝直播李佳琦的复播，罗永浩、东方甄选的

随着直播带货的爆火，购物节上更是少不了他们的身影。这次的双十一，抖音、快手、淘宝、视频号等各个平台都在疯抢主播。本文作者对这几个平台的直播生态展开分析，希望对你有帮助。

从2016年底淘宝直播上线来计算，到2022年底，直播电商已经发展了近六年时间。

由于疫情的影响，直播电商在2020年被大大提速，成为了几万亿规模的行业，淘抖快三大直播电商平台的竞争也进入了深水区。

尤其是今年的双十一，淘宝直播李佳琦的复播，罗永浩、东方甄选的俞敏洪、遥望网络等高调开启淘宝首播，抖音成长起来的头部达人“朱瓜瓜”“小杨哥”最近也开启了视频号直播带货。

与此同时，众多品牌商家也纷纷开启多平台直播带货，社交、内容平台也都开始发力，包括视频号、B站等平台纷纷进入参与双十一。

这些新变量对于行业来说，意味着什么？直播电商的格局在新的一年将会出现什么样的新变化？品牌商家如何通过深入理解平台的经营逻辑获得新的增长机会？

一、重新理解直播电商的“新红利期” 「庄帅零售电商频道」认为，这些新变量意味着直播电商的“新红利期”到来了！

随着直播电商的发展进入深水区，平台的规则开始出现变化。

首先是最成熟的淘宝直播，一直以来的流量分配规则都是以“交易”为单一维度，在很短的时间培养出了销售额超过百亿规模的两大超级头部主播。

最终结果是品牌商家过于依赖超级主播的带货能力，自播无法成长起来。

在这样的背景下，在2020年到2022年的两年多时间，部分淘宝天猫卖家选择转战尚处于红利期的抖音电商和快手电商，获得了快速成长。

淘宝直播在今年9月改变了流量规则，将单一的“交易”流量分配机制调整为“内容+成交”双轮驱动，提高了内容的权重。 重新调整平台的流量规则和权重，为品牌商家带来“内容流量”的新红利期。

其次，抖快经历了两年多的快速增长之后，直播电商的天花板即将到来。「庄帅零售电商频道」根据招商证券研报提供的品类法和漏斗法的测算（详见分析文章《直播电商的流量天花板与规模测算》），预计单个平台的规模在1.2万亿至2.3万亿之间。

从淘抖快对外公布和测算的GMV数据来看，这个天花板已经触手可及。媒体报道的数据也证实了抖快在直播电商方面的增长压力，在2022年上半年进行多次测试，发现抖音展示的电商内容一旦超过8%，将导致用户流失。

“抖音和快手的效率比门店和传统电商平台要低，主要是要求主播一直在播，导致投入产出比（ROI）不高。”

在全国拥有700多家实体店，服务超过1800万妈妈的母婴零售连锁乐友的一位内部人士向「庄帅零售电商频道」直言“抖音直播的效果不太好”。

随着抖快先后上线货架商城，也让触及天花板的内容电商迎来“搜索流量”的机遇。

只不过货架商城是成熟电商平台的主战场，而且抖音品牌商家想在短时间内改变经营模式仍有一定难度，平台也需要时间培养消费者在商城的购买习惯。

在这样的增长压力下，便出现今年上半年双十一罗永浩和东方甄选、遥望网络等从抖音转战淘宝直播，“朱瓜瓜”“小杨哥”等转战视频号直播带货的盛况。

最后，对于微信来说，由于去中心化和私域的特性，让品牌商家得以积累“自主可控”的私域用户资产，进行反复触达和转化。

随着视频号让微信补齐了短视频的内容和提高了工具的转化效率，逐渐形成了“社交+内容+交易”的完整生态。

「庄帅零售电商频道」与多个品牌商家、服务商的交流和案例研究后，可以明确的是，无论是借助线下实体店和导购资源，还是早期在微信体系内积累的私域用户资产，抑或是通过视频号信息流从公域低成本获客，在确定性的长效增长及更合理的利润率方面的表现， 让视频号直播带货成为微信生态内的“平台流量”的新红利。

“视频号目前的平均播放成本约为5毛钱，客户的复投率超67%，我们现在帮客户一个月就可以干到1个亿的销售，妥妥的红利期。”

作为视频号直播的第三方服务商，山东奇迹网络的马总在与「庄帅零售电商频道」交流时，掩饰不住视频号直播带来的新增长机会的兴奋。

除了第三方服务商在早期开始敏锐捕捉到视频号直播带货的红利期实现快速增长之外，不少品牌商家也很早就嗅到了视频号直播带来的新机会。

2021年4月，台湾知名服装品牌哥弟在总部就开始试水视频号直播，目前已完成了总部+线下近千家门店的直播矩阵搭建，视频号的带货月流水稳定在千万级别。

哥弟以集团总部和区域门店为主体的搭建的视频号矩阵账号“哥弟真的好”

哥弟视频号直播运营负责人黎树荣直言：“基本上人人手上都有微信，它是很大的流量池，我们肯定要参与进来。”

同时由于用户的多样性，视频号直播还实现了更高的客单价和复购率。在2022年微信公开课PRO“视频号创作者大会”上，视频号相关负责人披露，视频号直播间的买家展示了较强的购买力和较高的粘性，平均客单价超过200元，整体复购率超过60%。

除了哥弟之外，我们了解到，美妆品牌林清轩、区域食品集团米旗、羽绒服品牌鸭鸭和服装品牌影儿等品牌商家已经纷纷加大投入，布局视频号直播带货。

成立于1994年的西安米旗（MAKY）集团在西北和东北拥有超过250家连锁实体店，其中企业微信拥有超过20万的好友。

“我们计划11月开始，借助这些私域用户和线下实体店资源布局视频号直播，到年底销量可以实现三倍增长”。米旗集团总裁冯岩给直播电商团队制定了阶段性的目标。

美妆品牌林清轩的创始人孙春来认为，微信生态的社交裂变功能对美妆行业极具价值。美妆品牌要擅用微信生态社交裂变属性，用私域流量撬动视频号的自然流量。

品牌商家还可以结合视频号红利期的低成本原生广告获得更多公域流量，将自然流量和公域流量一起沉淀成品牌的私域增量流量，形成闭环生态，做长效 ROI（投产比）。

“自视频号推出直播信息流广告后，林清轩正在尝试信息流广告投放，并在摸索中不断总结方法论，以期高效利用视频号流量红利期。”

总结下来，淘宝天猫的成熟电商平台通过调整流量规则可能带来了“内容流量”红利；抖音快手内容平台从直播电商切入货架商城引发的“搜索流量”红利；而社交平台微信完善短视频内容后，通过视频号发展直播带货带来 “平台流量”、公私域建设新红利期。

二、淘抖快与视频号的经营逻辑 品牌商家需要进一步深入理解淘抖快与视频号的经营逻辑，才能抓住“新红利期”，获得新的、确定性的长期增长机会。

淘宝直播以“货”为核心，“人”有很强的交易习惯，目的性购物为主，电商生态建设周期长更为完善，直播电商的“场”能够高效促进交易。

但是，“人”的活跃度和粘性在下降，并且达人生态丰富度不足，服务商更多沿用原有传统电商的体系，这些因素导致淘宝直播形成了“站外种草、站内成交” 的运营逻辑。

据「庄帅零售电商频道」的观察，李佳琦未做任何宣传低调复播，之所以获得高达6000万的场观，有很大一部分贡献来自于背后的美ONE团队这几年建立的成千上万个微信群，以及相应的微信公众号和小程序；此外还有高达4500多万的抖音账号和在B站推出的购物综艺《所有女生的offer2》都带来了可观的流量，让李佳琦在大促能够创造出新的销售纪录。

另外，今年双十一高调宣布“来天猫多交个朋友”的罗永浩，也从10月24日之后提高在视频号发布短视频的频率，获取更多粉丝的关注。

淘宝直播这种“站外种草、站内成交”的运营逻辑最终导致转化过程损失了不少用户，降低了效率，还提高了多平台的运营难度和获客成本。

从左至右：李佳琦官方会员群、抖音账号、B站账号和罗永浩视频号

抖音和快手以“内容”为核心，非目的性购物居多，直播电商的“场”能够高效促进交易，“人”的活跃度很高，有着完整的达人生态及星图平台对接商家和达人，服务商体系日趋完善和专业，但平台运营的人力成本和获客成本较高。

Darcy Galen女装创始人邹妲西向「庄帅零售电商频道」透露，现在在抖音电商通过达人合作和自播，可以做到每月几百万的销售额，快手也有几十万的规模。

“由于推荐机制的作用，如果是自播的话，需要大量创作内容以获得免费流量，随着规模的增长还需要反复投放广告触达所有消费者，包括已经购买和未购买的，导致每次直播的人力成本和获客成本越来越高。”

诚然，货架商城的上线赢来抖快的新红利期，但是是否能够有效提升复购率，让触及天花板的内容电商平台赢来新的红利期，品牌商家同样面临压力。

如上文所言，对于已经习惯了抖音兴趣电商的“货找人”经营模式的商家来说，想在短时间内改变经营模式仍有一定难度，要么培养新的团队，要么提升现有团队的货架商城运营能力，无论如何都提高了品牌商家的运营成本。

微信以“人”为核心，强社交和去中心化结合视频号内容的“场”，构建了多触点的流量生态，实现了公私域联通和线上线下的有效连接，推动直播带货转化效率提升，运营成本和获客成本也更低。现有的“社交+私域+内容”的推荐规则和获客方式更适合企业长期经营。

据「庄帅零售电商频道」的研究和观察来看，微信生态结合视频号已经形成了“站内种草、站内成交”的经营体系，消费者同域自然流转，交易路径更短更高效。

对于品牌商家来说，微信一直以来都强调长期、持续经营的重要性，公私域贯通能让品牌商家拥有确定性的用户资产和明确的转化，微信成为需要坚守的经营阵地。

之前有一些品牌商家在微信小程序上线的红利期做出投入，却没有真正让微信群、公众号、企业微信等私域阵地实现精细化运营，导致无法感受到持续的增长。

随着视频号的发展，近期也上线了原生广告的投流能力，商家有了获取公域流量的抓手，之前一直坚持在微信上进行经营的品牌商家，可以更快地进入稳定性增长的阶段。

视频号目前已经完成公众号、微信群、企业微信、朋友圈和小程序的生态连接。例如现在用户可以在品牌商家的订阅号里面看到视频号的视频和直播，共用内容IP，延续了粉丝粘性和实现更高效率的转化。品牌商家还可以借助私域的用户资产积累，或者依托线下实体店和导购的资源，激活用户的实现销售转化获得销售增量。

“在微信视频号做直播带货最主要的要学会用私域撬动公域，第一步直播前通过公众号发文、朋友圈、微信群进行预约；第二步直播开始用转发至朋友圈、微信群和私信群发企业微信好友。两步就可以打造女装爆款，现在我们单号一个月做到百万规模，有时候一天跑下来可以做到70万至80万。”

爱搜街创始人陈江田给「庄帅零售电商频道」分享了两张视频号直播做女装爆款的运营导图，将微信视频号的流量分发机制和引爆视频号直播间的实践做了总结。

直播电商专业供应链服务商ALL IN优选创始人吴方材表示，通过创始人和员工积累的好友和朋友圈分享视频号的直播间，门槛更低，还降低了冷启动阶段的成本，缩短培育期。

“那些有实体店的导购还可以直接将视频号的直播间分享给之前购买过的用户，很好地提升复购率，这是电商平台和内容平台做不到的。”

其次，在视频号直播时，通过福利、抽奖等方式，方便快捷地让用户转发分享直播间给好友和朋友圈，为品牌商家带来新的用户增量。

但作为最“年轻”的平台，目前来看，视频号的平台及商业化能力仍在加速完善中。如通过演唱会不断推动用户形成使用习惯；在流量互通方面，已经完成公众号、微信群、企业微信、朋友圈和小程序的生态联接，实现公私域触点的互动；在交易工具支撑上，推出视频号小店；在商业化方面，不断加大信息流广告、达人互选平台等能力建设等等。

三、多平台直播，捕捉各平台红利 综合分析下来，品牌商家的多平台直播带货将成为常态。只不过在用户习惯、消费需求变化越来越快的当下，无论是电商平台、内容平台或是社交平台，在直播带货业务领域仍然有需要强化和提升的部分。

淘宝天猫在原有成熟的电商生态基础上，将会持续强化“内容+成交”，同时加强内容服务商体系的建设，完善达人生态，提升品牌商家店播的能力。

抖音和快手电商将不断强化“商城”的部分，培养用户在“搜索”的目的性购物习惯，提升复购率，降低交易成本，完善传统电商生态的建设。

作为直播格局变化新变量，视频号通过商业化基建的持续建设，完善达人互选平台、广告投流能力、内容服务商和生态体系，与原有的微信生态和工具建立更紧密的联接，持续强化线上线下联通、公私域贯通的差异化优势。

最后，作为零售电商行业专家、百联咨询创始人、「庄帅零售电商频道」主理人庄帅建议品牌商家做好以下几个方面工作，更好地抓住不同平台的“新红利期”：

一是重视多平台的经营，根据不同平台的运营逻辑、平台规则和流程，以及用户习惯和购物行为的差异，规划差异化的商品和运营策略，而不是简单的架设多个机位同步直播。

哥弟的“多平台直播”的商品规划和运营策略会有差异

二是更注重私域用户资产的积累和管理，借助线上公域流量和线下实体店、导购资源转化用户进入微信群、成为企业微信好友、关注公众号等进行私域经营，提高广告投放的公域获客能力，在微信生态内实现公私域贯通、线上线下联通的全域经营能力。

三是重视用户生命周期管理，根据不同阶段的用户提供相应的商品和服务。

四是多关注不同平台的官方资源和政策支持，了解和参与不同平台的活动，更低成本地获得成长。

五是在平台的新红利期善用各种公域流量，高效地获取更多的用户，快速积累私域用户资产，实现长期经营，获得确定性的增长。

专栏作家

庄帅，微信公众号：庄帅零售电商频道（ID：zhuangshuaiec），人人都是产品经理专栏作家。前沃尔玛（中国）、王府井百货电商高管，中国百货协会无人店分会客座顾问、中国电子商务协会高级专家，专注零售电商商业研究。

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

题图来自Unsplash，基于CC0协议

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

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏

合理的产品引导功能，可以使用户在较短时间内了解产品的特性与使用，本文带你了解静态和动态2种邀请引导方式。更多引导功能设计：如何做好游戏的新手引导设计？试试这个「认知负荷」理论！

合理的产品引导功能，可以使用户在较短时间内了解产品的特性与使用，本文带你了解静态和动态2种邀请引导方式。

更多 引导功能 设计：

如何做好游戏的新手引导设计？试试这个「认知负荷」理论！ 游戏引导设计的重要性 1. 快餐文化背景下的玩家追求： 在游戏初对玩家进行最有效引导，是游戏设计的重要环节。

阅读文章 >

一、用户怎么知道此功能的使用方式？ 前几天眼睛不太舒服，去医院做了一个检查（视疲劳导致）。因为要走商保，所以要使用社保卡，之前我记得用社保结算都需要去人工窗口，我刚过去就被一个穿着红马褂的大妈拦住说自助机也可以用社保，要我扫她胸前挂的码（可以快速到达电子社保二维码界面），扫完她就开始帮我点击操作。

她觉得我应该不会操作，所以让我看一遍，其实这个操作并不难，只是因为我不知道自助机上可以用，自助机周围也没引导操作流程。而且她这种方式让很多年纪大的人和外地过来看病的觉得你是个骗子，后面好几个人都还是去了窗口。

在 B 端产品中也有很多类似问题，用户不知道有这个功能、也不知道这个功能怎么使用，特别是一些大数据产品，专业性比较强。产品、技术都认为用户和他们一样都懂，实际上并不是，这个时候你需要提供一些邀请，引导用户进行使用。

邀请就是引导用户进行操作前的提醒和暗示，通常包括实时的提示信息和预期功能，以表明在下这个界面或下个界面可以做什么，这是成功的交互式界面关键所在。

例如：飞书我的空间，当鼠标停留在可编辑区域上时，就会实时地显示邀请（复选框），这个例子的缺点是鼠标如果不处于相应区域上，就不会显示邀请。

另一种方案是任何时候都显示邀请，例如：石墨文档我的桌面，复选框一直显示。

二、静态邀请 静态邀请就是通过直接在页面上给出交互提示，可以让用户随时看到期望的界面功能。

静态邀请主要有两种模式：引导操作邀请、漫游探索邀请

1. 邀请操作 步骤邀请

例如：华为云 HECS 服务器产品就给出 1、2、3 操作步骤 引导操作会占据页面较大的空间，同时也会吸引用户的眼球。所以在设计时需要思考一下，你希望引导用户执行什么操作，用户是否可以多次查看，这样有利于设计出明晰的页面和信息层。

白板引导

另一种引导操作邀请叫作白板式引导。 意思很明确：现在只有一个空白页面，需要引导用户创建内容。

利用空白区域“变废为宝”，如何对该区域应有的功能给出提示，是诱导用户创建内容（填补空白）的有效方式。

2. 漫游探索邀请 与引导操作邀请关系密切的是漫游探索邀请。假设你重新设计了某个页面并添加了一组全新的功能，怎样才能保证用户恰当地使用新页面，同时发现新添加的功能呢？漫游邀请是向用户介绍新功能最好的方法。

最佳实践：

漫游功能用户可能不想用，所以需要有可选功能，也就是可以跳过或关闭； 漫游功能不是“创可贴”不要乱用，只有针对精心设计的界面使用才能发挥价值； 设计漫游的关键在于保持简单，让它容易开始也容易停止。漫游应该只是页面本身的一个演示。脱离页面的“教程”式漫游很难起到作用。 三、动态邀请 静态邀请适合提示用户当前界面中包含什么功能。然而，许多调查试验表明，用户经常不会阅读指导说明性的文字。而在用户交互过程中，在他们需要的时候提供邀请则是一种不错的方式。动态邀请就是在用户交互过程中的某个点上吸引用户，并引导他们继续下一步操作。

1. 悬停邀请：在鼠标悬停期间发出邀请

吸引用户的一种方式是通过鼠标悬停来显示邀请

例如：飞书消息列表鼠标移入后， 背景变化的同时会有一个“勾”图标来吸引用户，鼠标移入上去后提示可以勾选完成，点击完成后消息移除列表。

最佳实践

当操作没有内容重要，而且希望界面整洁时，使用悬停邀请。 在实现悬停邀请时，可以通过改变光标、改变背景和显示提示条共同配合表明所邀请的操作 在交互的不同阶段，尽量点缀一些用户熟悉的元素，通过熟悉的概念引出新概念有助于用户快速理解新功能。最常见的元素是按钮、链接、下拉箭头和众所周知的图标。 通过距离表明邀请操作的目标对象。 2. 预期功能邀请：使用熟悉的实物引出新实物

唐纳德·诺曼将这个术语引入到设计领域。最经典的例子是门把手，门把手的预期功能是可以抓握、扭转或按压。屏幕元素可感知的预期功能没有物理属性，不过，由于习惯、术语、图形及一致性等原因，用户能够在某种程度上感觉到他们可以操作这些元素。

例如：第一张图飞书文档 sheet 页“加号”图标与第二张图“三个点”图标，就是一种预期功能邀请。用户没触发之前就能猜到触发后会是什么效果。

预期功能邀请之所以有效，是因为利用人们已知的习惯与认知引入交互，从而让用户顺利完成一连串操作。

最佳实践

通过人们习以为常、司空见惯的概念来引出新的、不熟悉的交互方式。 使用可感知的预期功能来给出邀请提示(例如，用向下的箭头表示可以打开下拉菜单，而用向上的箭头表示可以关闭菜单) 把邀请安排在适当的上下文中，特别是要靠近交互的主体。 3. 推论邀请：用于交互期间

设计邀请时怎么才能猜测用户的想法，也是一项重要挑战。如果用户下一步可能会执行多种操作，而事实上又不可能准确判断用户想法，那么面临的困难就会比想象的大很多。

在 google sketchup （3D）绘图工具中，当鼠标点击某个点后，进行第二个点连接时，会有多种可能性，这个时候系统也不确定用户会怎样连接，但会给出对应的提示，比如：端点、中点、背面、侧面等点位来辅助用户进行连接。

例如：这种工作流场景个人觉得也算是一种，点击“加号”右侧会滑出面板，给出你可以添加的动作。 这种在交互期间以可见方式向用户表明系统推断出的用户想法被称为推论邀请。

4. 更多内容邀请：用于邀请用户查看更多内容

图片类型的更多邀请，例如：站酷相关推荐

文字更多邀请，例如：QQ 邮箱右侧最近联系人

四、邀请的优点 精心设计的应用能够通过邀请体现出各自的细微差别，无论是静态还是动态，都是引导用户顺利进入下一个交互层次的有效方法。

谢谢观看！

本文通过强化会员品牌、全链路精细化运营和提升会员服务的设计手段，阐释如何为用户提供更好的服务。更多关于会员设计的思路：会员中心该怎么画？从3个方面详细拆解！

本文通过强化会员品牌、全链路精细化运营和提升会员服务的设计手段，阐释如何为用户提供更好的服务。

更多关于 会员设计 的思路：

会员中心该怎么画？从3个方面详细拆解！ 越来越多的产品引入会员系统，如何做好一个会员系统，是当下设计师需要解答的一个命题。

阅读文章 >

百度小说是百度 APP 内的垂直频道，拥有过亿月活和行业最全的正版书籍。随着著作权保护意识逐步上升，越来越多的用户愿意为优质的资源和阅读体验付费。2019 年底，为了满足用户消费升级所产生的一系列需求， 百度小说 初步建立了会员体系。经过两年多的打磨，我们不断提升会员的服务体验，并进行了多次优化升级，现在将我们的设计经验分享给大家。

一、设计背景 2021 年我国数字阅读用户规模达到 5.06 亿，同比增长 2.43%，半数以上用户愿意为电子阅读付费，占比最重的人群为 19~25 岁用户，达到 44.63%（数据来源《中国数字阅读报告》），“Z 世代”已经成为我国数字阅读的主要群体。随着消费升级，用户对服务的需求不断提升，更看重信息之上的附加价值，如认同感、归属感和仪式感。

二、改版原因 2019 年，由于时间紧、任务重，我们完成了小说会员从无到有、从 0-1 的基础场景搭建。但随着设计趋势的变化，当时小说会员的设计风格与主流用户的喜好不完全匹配，在使用场景中也存在易用性不足、内容缺乏吸引力等问题。下图是 2019 年小说会员的界面。

同时，我们对小说用户进行了视频访谈，搜集了用户在使用会员服务中遇到的问题，如会员福利少、找不到会员专属内容、购买过程有卡顿等，最终梳理为的三大核心问题：身份感知弱、购买路径长和资源内容少。

三、设计目标 在小说会员亟待改版的背景下，我们结合业务目标、旧版核心问题和用户诉求，推导出了本次改版的设计目标—品牌化、链路化和服务化。

1. 品牌化—强化会员品牌

小说会员作为百度 APP 众多会员之一，设计团队希望能带给阅读用户一些不同的品牌记忆点。

① 设计关键词

基于会员的主流用户、产品属性和用户诉求，我们衍生出以下关键词：年轻、品质、尊贵、超值。年轻用户群体的占比越来越高，新版的设计风格力求更好满足年轻用户的审美需求。

② 会员符号

符号是最直观的视觉元素之一，能够以最快的方式传递产品记忆点。在会员品牌符号设计的草图阶段，我们从字母 V、VIP、钻石、王冠和小说 IP 白嘟嘟等多个方向进行了方案发散。最终采用了白嘟嘟图形与尊贵感的 V 形符号相结合的形式。该方案既延续了小说的视觉符号，又与竞品的会员标识形成差异，从而加深用户的品牌感知和视觉记忆。

③ 会员色彩

为了确定更加独特的品牌色，设计团队搜集了大量的尊贵氛围图片，提炼出了玫瑰金，牙金，赤墨等 8 个具有品质感的颜色。在视觉初稿阶段，我们选择了玫瑰金和黄金两种主色进行了方案尝试。最终根据整体效果确定主色为明亮、高贵的玫瑰金，辅色为黑茶棕，深支子和漆黑的配色方案。新的 配色 方案让用户感受到新颖、现代，焕然一新。

④ 会员图标

在图形元素上，为了增强亲和感，我们选择了圆润的面形图标样式，通过大圆弧和小圆角的细节处理，传递给用户一种年轻、品质的品牌印记。

⑤ 信息传达

我们对会员购买页和权益详情页进行了布局重构，采用深色的背景衬托卡片信息，使得产品框架层和内容信息层更加明确，突出核心内容。

在各类场景中，我们通过会员品牌色彩、图形、符号和 IP 形象的渗透，强化会员品牌印记。

经过分析研究和实践，我们完成了主场景的设计升级。

2. 链路化—精细化运营

就会员体验而言，我们需要关注用户在各种时间和各类场合下的需求，因此我们将会员的全链路状态分为时机、场景和人群三个维度。

① 时机

在不同的时机状态下，我们需要传递给用户不同的信息。只有深入剖析不同状态下的用户诉求，才能为其提供更好的服务。接下来我们从购买前、购买中、购买后和即将过期四个阶段阐述：

购买前—权益/优惠信息引导

在用户购买前，我们强化了低价和省钱信息，让用户直观的感受到购买会员后的价格福利。为此我们从三个方向上进行优化，在开通购买页，外露省钱金额，帮助用户了解开通会员可享受的收益；在会员频道页，采用外露多项权益，让用户快速了解会员权益；在章节购买页，采用突出会员折扣和会员优惠价，让用户感受到开通会员的折扣福利。

购买中—优化路径流程

在用户购买中，我们在会员购买链路环节进行简化，采用当前页弹出半层面板替代跳转至会员聚合页的方式，缩短等待加载时间；在章节付费链路环节，将商品选择区信息结构进行优化，减少多章购买的页面跳转，使得用户能够更流畅的完成支付，提升付费体验。

购买后—强化权益感知

在用户购买后，鉴于付费用户对商品和服务品质有着更高追求，为此我们通过在各类重要入口展示会员权益，包括省钱金额、去广告次数以及各类场景 VIP 状态提示等方法，以达到强化用户的权益感知。

即将过期—轻引导续费

在即将过期前，为了避免对用户造成强付费的不友好感知。过期前 3 天，我们采用了轻量化的形式告知用户续费，通过各类引导信息的提示，让用户知晓会员服务期限届满。

② 场景

我们在入口和功能场景中也进行了精细化设计，让用户更便捷地使用会员服务。为了突出会员优质内容和服务，我们设置了会员专属的频道和书库，方便用户选择。

在各类功能场景中，为了方便用户在使用功能的过程中随时购买，我们设置了多个功能场景的会员开通入口。让用户快捷享受会员服务。

③ 人群

通过小说用户数据分析，我们将用户人群分为会员用户、潜在用户、新用户和过期用户。

为了让会员用户能够体验到区分于普通用户的尊贵感，我们在付费页、批量离线、TTS 播放页和签到页等场景均采用了会员定制化的配色方案和引导提示，这样使得会员用户在体验服务的各类场景中有更强的身份专属性。

所谓潜在用户，是指仍在犹豫是否购买会员的用户。我们通过限时优惠券、激励视频试用 15 分钟、书架省钱提示、挽留弹窗和降级版免广告权益等方式，让潜在用户不仅可以先试后买了解会员权益，而且可以通过各类信息提示通晓会员体验，更好地判断是否通过会员服务减少付费金额和提升阅读体验。

我们针对新用户建立了新人见面礼活动，用户在新手福利活动期内可享受超值折扣开通会员，低价体验会员权益。而针对已过期的用户，我们通过下发优惠券、强化特权等形式唤醒用户，以免错过各类福利和特权。

3. 服务化—提升会员服务

在内容为王的时代背景下，为了增加会员产品的核心竞争力，我们持续扩充会员书库的数量和类目、拓展会员权益，让用户阅读到更加丰富的小说内容和体验到更多权益的会员服务。小说书库的付费和免费书数量大幅扩充，且书籍类型新增了有声书和短篇故事，增添了小说资源的多样性。

在权益上，对内我们持续拓展会员特权，从最初的 4 项扩展为 10 项，新增了有声免费听、免费读故事、整本离线、专属字体、签到 1.5 倍书币等权益；对外我们联合其他产品，推出了会员赠礼和联合会员服务，用户可以根据自己的需求进行购买，享受组合购买的优惠。

通过多个版本的迭代，我们完成了会员体系的设计升级和落地，用户体验得到了显著提升。

四、未来规划 提升付费产品的用户体验是一个体系化的研究课题，需要各个角色通力合作，合力同行，开拓革新。将来我们还会不断探索，通过不断优化体验细节，不断增加用户权益感知，不断尝试方案创新，形成设计组合拳，为用户提供更好的服务。

欢迎关注作者的微信公众号：「百度MEUX」

合理的产品引导功能，可以使用户在较短时间内了解产品的特性与使用，本文带你了解静态和动态2种邀请引导方式。更多引导功能设计：如何做好游戏的新手引导设计？试试这个「认知负荷」理论！

合理的产品引导功能，可以使用户在较短时间内了解产品的特性与使用，本文带你了解静态和动态2种邀请引导方式。

更多 引导功能 设计：

如何做好游戏的新手引导设计？试试这个「认知负荷」理论！ 游戏引导设计的重要性 1. 快餐文化背景下的玩家追求： 在游戏初对玩家进行最有效引导，是游戏设计的重要环节。

阅读文章 >

一、用户怎么知道此功能的使用方式？ 前几天眼睛不太舒服，去医院做了一个检查（视疲劳导致）。因为要走商保，所以要使用社保卡，之前我记得用社保结算都需要去人工窗口，我刚过去就被一个穿着红马褂的大妈拦住说自助机也可以用社保，要我扫她胸前挂的码（可以快速到达电子社保二维码界面），扫完她就开始帮我点击操作。

她觉得我应该不会操作，所以让我看一遍，其实这个操作并不难，只是因为我不知道自助机上可以用，自助机周围也没引导操作流程。而且她这种方式让很多年纪大的人和外地过来看病的觉得你是个骗子，后面好几个人都还是去了窗口。

在 B 端产品中也有很多类似问题，用户不知道有这个功能、也不知道这个功能怎么使用，特别是一些大数据产品，专业性比较强。产品、技术都认为用户和他们一样都懂，实际上并不是，这个时候你需要提供一些邀请，引导用户进行使用。

邀请就是引导用户进行操作前的提醒和暗示，通常包括实时的提示信息和预期功能，以表明在下这个界面或下个界面可以做什么，这是成功的交互式界面关键所在。

例如：飞书我的空间，当鼠标停留在可编辑区域上时，就会实时地显示邀请（复选框），这个例子的缺点是鼠标如果不处于相应区域上，就不会显示邀请。

另一种方案是任何时候都显示邀请，例如：石墨文档我的桌面，复选框一直显示。

二、静态邀请 静态邀请就是通过直接在页面上给出交互提示，可以让用户随时看到期望的界面功能。

静态邀请主要有两种模式：引导操作邀请、漫游探索邀请

1. 邀请操作 步骤邀请

例如：华为云 HECS 服务器产品就给出 1、2、3 操作步骤 引导操作会占据页面较大的空间，同时也会吸引用户的眼球。所以在设计时需要思考一下，你希望引导用户执行什么操作，用户是否可以多次查看，这样有利于设计出明晰的页面和信息层。

白板引导

另一种引导操作邀请叫作白板式引导。 意思很明确：现在只有一个空白页面，需要引导用户创建内容。

利用空白区域“变废为宝”，如何对该区域应有的功能给出提示，是诱导用户创建内容（填补空白）的有效方式。

2. 漫游探索邀请 与引导操作邀请关系密切的是漫游探索邀请。假设你重新设计了某个页面并添加了一组全新的功能，怎样才能保证用户恰当地使用新页面，同时发现新添加的功能呢？漫游邀请是向用户介绍新功能最好的方法。

最佳实践：

漫游功能用户可能不想用，所以需要有可选功能，也就是可以跳过或关闭； 漫游功能不是“创可贴”不要乱用，只有针对精心设计的界面使用才能发挥价值； 设计漫游的关键在于保持简单，让它容易开始也容易停止。漫游应该只是页面本身的一个演示。脱离页面的“教程”式漫游很难起到作用。 三、动态邀请 静态邀请适合提示用户当前界面中包含什么功能。然而，许多调查试验表明，用户经常不会阅读指导说明性的文字。而在用户交互过程中，在他们需要的时候提供邀请则是一种不错的方式。动态邀请就是在用户交互过程中的某个点上吸引用户，并引导他们继续下一步操作。

1. 悬停邀请：在鼠标悬停期间发出邀请

吸引用户的一种方式是通过鼠标悬停来显示邀请

例如：飞书消息列表鼠标移入后， 背景变化的同时会有一个“勾”图标来吸引用户，鼠标移入上去后提示可以勾选完成，点击完成后消息移除列表。

最佳实践

当操作没有内容重要，而且希望界面整洁时，使用悬停邀请。 在实现悬停邀请时，可以通过改变光标、改变背景和显示提示条共同配合表明所邀请的操作 在交互的不同阶段，尽量点缀一些用户熟悉的元素，通过熟悉的概念引出新概念有助于用户快速理解新功能。最常见的元素是按钮、链接、下拉箭头和众所周知的图标。 通过距离表明邀请操作的目标对象。 2. 预期功能邀请：使用熟悉的实物引出新实物

唐纳德·诺曼将这个术语引入到设计领域。最经典的例子是门把手，门把手的预期功能是可以抓握、扭转或按压。屏幕元素可感知的预期功能没有物理属性，不过，由于习惯、术语、图形及一致性等原因，用户能够在某种程度上感觉到他们可以操作这些元素。

例如：第一张图飞书文档 sheet 页“加号”图标与第二张图“三个点”图标，就是一种预期功能邀请。用户没触发之前就能猜到触发后会是什么效果。

预期功能邀请之所以有效，是因为利用人们已知的习惯与认知引入交互，从而让用户顺利完成一连串操作。

最佳实践

通过人们习以为常、司空见惯的概念来引出新的、不熟悉的交互方式。 使用可感知的预期功能来给出邀请提示(例如，用向下的箭头表示可以打开下拉菜单，而用向上的箭头表示可以关闭菜单) 把邀请安排在适当的上下文中，特别是要靠近交互的主体。 3. 推论邀请：用于交互期间

设计邀请时怎么才能猜测用户的想法，也是一项重要挑战。如果用户下一步可能会执行多种操作，而事实上又不可能准确判断用户想法，那么面临的困难就会比想象的大很多。

在 google sketchup （3D）绘图工具中，当鼠标点击某个点后，进行第二个点连接时，会有多种可能性，这个时候系统也不确定用户会怎样连接，但会给出对应的提示，比如：端点、中点、背面、侧面等点位来辅助用户进行连接。

例如：这种工作流场景个人觉得也算是一种，点击“加号”右侧会滑出面板，给出你可以添加的动作。 这种在交互期间以可见方式向用户表明系统推断出的用户想法被称为推论邀请。

4. 更多内容邀请：用于邀请用户查看更多内容

图片类型的更多邀请，例如：站酷相关推荐

文字更多邀请，例如：QQ 邮箱右侧最近联系人

四、邀请的优点 精心设计的应用能够通过邀请体现出各自的细微差别，无论是静态还是动态，都是引导用户顺利进入下一个交互层次的有效方法。

谢谢观看！

本文通过强化会员品牌、全链路精细化运营和提升会员服务的设计手段，阐释如何为用户提供更好的服务。更多关于会员设计的思路：会员中心该怎么画？从3个方面详细拆解！

本文通过强化会员品牌、全链路精细化运营和提升会员服务的设计手段，阐释如何为用户提供更好的服务。

更多关于 会员设计 的思路：

会员中心该怎么画？从3个方面详细拆解！ 越来越多的产品引入会员系统，如何做好一个会员系统，是当下设计师需要解答的一个命题。

阅读文章 >

百度小说是百度 APP 内的垂直频道，拥有过亿月活和行业最全的正版书籍。随着著作权保护意识逐步上升，越来越多的用户愿意为优质的资源和阅读体验付费。2019 年底，为了满足用户消费升级所产生的一系列需求， 百度小说 初步建立了会员体系。经过两年多的打磨，我们不断提升会员的服务体验，并进行了多次优化升级，现在将我们的设计经验分享给大家。

一、设计背景 2021 年我国数字阅读用户规模达到 5.06 亿，同比增长 2.43%，半数以上用户愿意为电子阅读付费，占比最重的人群为 19~25 岁用户，达到 44.63%（数据来源《中国数字阅读报告》），“Z 世代”已经成为我国数字阅读的主要群体。随着消费升级，用户对服务的需求不断提升，更看重信息之上的附加价值，如认同感、归属感和仪式感。

二、改版原因 2019 年，由于时间紧、任务重，我们完成了小说会员从无到有、从 0-1 的基础场景搭建。但随着设计趋势的变化，当时小说会员的设计风格与主流用户的喜好不完全匹配，在使用场景中也存在易用性不足、内容缺乏吸引力等问题。下图是 2019 年小说会员的界面。

同时，我们对小说用户进行了视频访谈，搜集了用户在使用会员服务中遇到的问题，如会员福利少、找不到会员专属内容、购买过程有卡顿等，最终梳理为的三大核心问题：身份感知弱、购买路径长和资源内容少。

三、设计目标 在小说会员亟待改版的背景下，我们结合业务目标、旧版核心问题和用户诉求，推导出了本次改版的设计目标—品牌化、链路化和服务化。

1. 品牌化—强化会员品牌

小说会员作为百度 APP 众多会员之一，设计团队希望能带给阅读用户一些不同的品牌记忆点。

① 设计关键词

基于会员的主流用户、产品属性和用户诉求，我们衍生出以下关键词：年轻、品质、尊贵、超值。年轻用户群体的占比越来越高，新版的设计风格力求更好满足年轻用户的审美需求。

② 会员符号

符号是最直观的视觉元素之一，能够以最快的方式传递产品记忆点。在会员品牌符号设计的草图阶段，我们从字母 V、VIP、钻石、王冠和小说 IP 白嘟嘟等多个方向进行了方案发散。最终采用了白嘟嘟图形与尊贵感的 V 形符号相结合的形式。该方案既延续了小说的视觉符号，又与竞品的会员标识形成差异，从而加深用户的品牌感知和视觉记忆。

③ 会员色彩

为了确定更加独特的品牌色，设计团队搜集了大量的尊贵氛围图片，提炼出了玫瑰金，牙金，赤墨等 8 个具有品质感的颜色。在视觉初稿阶段，我们选择了玫瑰金和黄金两种主色进行了方案尝试。最终根据整体效果确定主色为明亮、高贵的玫瑰金，辅色为黑茶棕，深支子和漆黑的配色方案。新的 配色 方案让用户感受到新颖、现代，焕然一新。

④ 会员图标

在图形元素上，为了增强亲和感，我们选择了圆润的面形图标样式，通过大圆弧和小圆角的细节处理，传递给用户一种年轻、品质的品牌印记。

⑤ 信息传达

我们对会员购买页和权益详情页进行了布局重构，采用深色的背景衬托卡片信息，使得产品框架层和内容信息层更加明确，突出核心内容。

在各类场景中，我们通过会员品牌色彩、图形、符号和 IP 形象的渗透，强化会员品牌印记。

经过分析研究和实践，我们完成了主场景的设计升级。

2. 链路化—精细化运营

就会员体验而言，我们需要关注用户在各种时间和各类场合下的需求，因此我们将会员的全链路状态分为时机、场景和人群三个维度。

① 时机

在不同的时机状态下，我们需要传递给用户不同的信息。只有深入剖析不同状态下的用户诉求，才能为其提供更好的服务。接下来我们从购买前、购买中、购买后和即将过期四个阶段阐述：

购买前—权益/优惠信息引导

在用户购买前，我们强化了低价和省钱信息，让用户直观的感受到购买会员后的价格福利。为此我们从三个方向上进行优化，在开通购买页，外露省钱金额，帮助用户了解开通会员可享受的收益；在会员频道页，采用外露多项权益，让用户快速了解会员权益；在章节购买页，采用突出会员折扣和会员优惠价，让用户感受到开通会员的折扣福利。

购买中—优化路径流程

在用户购买中，我们在会员购买链路环节进行简化，采用当前页弹出半层面板替代跳转至会员聚合页的方式，缩短等待加载时间；在章节付费链路环节，将商品选择区信息结构进行优化，减少多章购买的页面跳转，使得用户能够更流畅的完成支付，提升付费体验。

购买后—强化权益感知

在用户购买后，鉴于付费用户对商品和服务品质有着更高追求，为此我们通过在各类重要入口展示会员权益，包括省钱金额、去广告次数以及各类场景 VIP 状态提示等方法，以达到强化用户的权益感知。

即将过期—轻引导续费

在即将过期前，为了避免对用户造成强付费的不友好感知。过期前 3 天，我们采用了轻量化的形式告知用户续费，通过各类引导信息的提示，让用户知晓会员服务期限届满。

② 场景

我们在入口和功能场景中也进行了精细化设计，让用户更便捷地使用会员服务。为了突出会员优质内容和服务，我们设置了会员专属的频道和书库，方便用户选择。

在各类功能场景中，为了方便用户在使用功能的过程中随时购买，我们设置了多个功能场景的会员开通入口。让用户快捷享受会员服务。

③ 人群

通过小说用户数据分析，我们将用户人群分为会员用户、潜在用户、新用户和过期用户。

为了让会员用户能够体验到区分于普通用户的尊贵感，我们在付费页、批量离线、TTS 播放页和签到页等场景均采用了会员定制化的配色方案和引导提示，这样使得会员用户在体验服务的各类场景中有更强的身份专属性。

所谓潜在用户，是指仍在犹豫是否购买会员的用户。我们通过限时优惠券、激励视频试用 15 分钟、书架省钱提示、挽留弹窗和降级版免广告权益等方式，让潜在用户不仅可以先试后买了解会员权益，而且可以通过各类信息提示通晓会员体验，更好地判断是否通过会员服务减少付费金额和提升阅读体验。

我们针对新用户建立了新人见面礼活动，用户在新手福利活动期内可享受超值折扣开通会员，低价体验会员权益。而针对已过期的用户，我们通过下发优惠券、强化特权等形式唤醒用户，以免错过各类福利和特权。

3. 服务化—提升会员服务

在内容为王的时代背景下，为了增加会员产品的核心竞争力，我们持续扩充会员书库的数量和类目、拓展会员权益，让用户阅读到更加丰富的小说内容和体验到更多权益的会员服务。小说书库的付费和免费书数量大幅扩充，且书籍类型新增了有声书和短篇故事，增添了小说资源的多样性。

在权益上，对内我们持续拓展会员特权，从最初的 4 项扩展为 10 项，新增了有声免费听、免费读故事、整本离线、专属字体、签到 1.5 倍书币等权益；对外我们联合其他产品，推出了会员赠礼和联合会员服务，用户可以根据自己的需求进行购买，享受组合购买的优惠。

通过多个版本的迭代，我们完成了会员体系的设计升级和落地，用户体验得到了显著提升。

四、未来规划 提升付费产品的用户体验是一个体系化的研究课题，需要各个角色通力合作，合力同行，开拓革新。将来我们还会不断探索，通过不断优化体验细节，不断增加用户权益感知，不断尝试方案创新，形成设计组合拳，为用户提供更好的服务。

欢迎关注作者的微信公众号：「百度MEUX」

我们都说，B 端产品很复杂，如何利用设计为用户降低产品的固有复杂性带来的成本呢？在设计中有一个定律叫做特斯勒定律，又称复杂性守恒定律。它指的是每一个应用程序都具有无法被转移或者隐匿的复杂固有量。

我们都说，B 端产品很复杂，如何利用设计为用户降低产品的固有复杂性带来的成本呢？在设计中有一个定律叫做特斯勒定律，又称复杂性守恒定律。它指的是每一个应用程序都具有无法被转移或者隐匿的复杂固有量。

简而言之，产品的复杂度是守恒的。那么，我们应该将谁置于所谓的“复杂”之下？是增加代码的复杂度让交互更加便利还是增加交互成本让代码变地简单一点？特勒斯定律认为：产品的复杂度要交由代码，而不是让用户在应用内哪怕多花一分钟。

基于这个设计原则，作为 设计师 ，我们在设计的时候要控制产品的复杂度，站在用户的角度进行向导式方案设计,以此降低用户的学习成本，在使用时强化顺畅的爽感以形成愉悦的体验感。

让设计更有说服力的20条经典原则：特斯勒定律 往期回顾： 《让设计更有说服力的20条经典原则：美即好用效应》 《让设计更有说服力的20条经典原则：多尔蒂门槛》 《让设计更有说服力的20条经典原则：菲茨定律》 《让设计更有说服力的20条经典原则：希克定律》 《让设计更有说服力的20条经典原则：雅各布定律》 《

阅读文章 >

在 B 端设计中，设计出符合业务需求的交互，以及界面排版的合理性，达到产品的可用性、易用性、高效性最为关键的。要达到这三点，我们面对着两大“拦路虎”。

1. 业务复杂造成难理解

B 端业务理解跨度相较于 C 端产品比较大，任务路径分散，越是复杂的使用流程，用户越容易迷路，出错。而通常情况下用户的行为是不可控的，不会按你设定的路线或期望的方式使用产品。

2. 信息量大造成认知负荷

业务的复杂性导致 B 端产品中信息承载量较高；产品中信息输入量越大，给用户带来的认知负荷就越大，给用户带来用户的理解成本就更高了。

例如，B 端场景中业务功能往往不是独立存在的，功能/步骤间相互存在依赖关系，如果信息层级不清晰，步骤间缺少必要关系等，都会增加用户的认知负荷。

首先，用户认知含两个过程，信息识别和信息处理。信息识别就是用户看到并进行选择的过程；信息处理则是用户对信息的思考和理解决策的过程，用户对信息进行甄别，判断可用性，知道该如何操作。

正如希克定律所说，当人面临的选项越多所需要做出决定的时间就越长。

要降低 B 端产品用户学习成本的一个设计思路是在设计中关注用户行为进行向导式引导，引导用户需要在明确的选项中和指令中操作，以减少用户 认知负荷 。

让设计更有说服力的20条经典原则：希克定律 编者按：作者整理了 20 条经典原则，并通过正反例子说明这些原则在设计中是如何运用的。

阅读文章 >

下面我们就来展开说说 B 端设计中的三个小技巧：

一、新手引导：展现核心操作链路 B 端产品是有门槛的，当固有的业务无法改变时，可以通过设计手段降低用户学习成本，帮助用户理解业务是产品设计的首要任务。

通过设计「新手引导页」，将产品核心操作链路展现给用户，在最短的时间内了解产品/任务。

以晨星远程协作的新手引导页面为例，在用户使用产品前先给用户营造好产品的基调和氛围，告知用户最核心的操作方式，引导新用户对产品建立初步了解与印象，以帮助新用户顺畅完成业务操作。

二、信息分组：分类梳理内容，控制信噪比 过多的信息罗列会导致注意力分散，带来大量视觉噪音，通过内容分类展示会让用户的关注点更加聚焦，减少信息同时输入的视觉压力。

例如下图中这种轻量的弹窗填写操作页，如果一开始就把全量的设置信息展示给用户，会增加用户的抵触心理，产生功能复杂难用的心理感受。

我们的设计思路是将需要填写设置内容将分步骤、分类展示给用户，让信息结构呈现地更加清晰，逐步引导用户录入内容，每次只需要聚焦处理 1 类信息，从而降低用户认知负荷。

三、线性任务：突出重要信息与行为引导点 在设计时，通过固定任务操作路径，让用户知道哪些任务需要先完成，把任务节点划分清晰。

例如下图中需要配置项的内容较多，步骤间存在先后顺序逻辑关系。于是，我们将一系列复杂的设置内容拆分到具体重点步骤中，通过流程可视化分步显示，用户对流程有掌控感，能够明确当前所在的进度节点，清晰展现此刻具体步骤及状态。

这样的设计能够有效节约用户的思考时间，增强用户决策的效率，减少用户在体验中卡壳的情况，快速根据我们的设置一步步准确地完成任务。

掌握了技巧之后，当我们落实到具体的使用场景中，需要遵循以下原则：

米勒定律：“人的大脑同时只能处理 5-9 个信息团。”

让设计更有说服力的20条经典原则：同域原则、米勒定律 编者按：文章整理了同域原则和米勒定律两条原则，利用正反案例说明原则在设计中的运用。

阅读文章 >

所以在设计向导步骤为 2-5 步比较合适。小于 2 步大于 10 步的使用场景是不合适的。过少的步骤没有必要拆分，而过多的步骤会给用户压迫感，让用户本能地认为产品使用过于繁琐，拒绝尝试和使用。

开头提到的特斯勒定律的复杂度守恒其实是个整体平衡性问题，产品固有的复杂度无法依照我们的意愿去除，只能在设计侧设法调整、平衡。产品设计就是始终在设法平衡性问题。在《交互设计指南》书中，也提到过：

Q：有什么规则，是交互设计师不可违反的？

A：只有一个，那就是必须为用户设计。

所以在 B 端设计中，只有抓住核心场景和目标，立足用户的利益点进行设计，才能有效降低用户的认知负荷和学习成本，尽量提高产品的易用性。

欢迎关注作者微信公众号：「联想上研」

我们都说，B 端产品很复杂，如何利用设计为用户降低产品的固有复杂性带来的成本呢？在设计中有一个定律叫做特斯勒定律，又称复杂性守恒定律。它指的是每一个应用程序都具有无法被转移或者隐匿的复杂固有量。

我们都说，B 端产品很复杂，如何利用设计为用户降低产品的固有复杂性带来的成本呢？在设计中有一个定律叫做特斯勒定律，又称复杂性守恒定律。它指的是每一个应用程序都具有无法被转移或者隐匿的复杂固有量。

简而言之，产品的复杂度是守恒的。那么，我们应该将谁置于所谓的“复杂”之下？是增加代码的复杂度让交互更加便利还是增加交互成本让代码变地简单一点？特勒斯定律认为：产品的复杂度要交由代码，而不是让用户在应用内哪怕多花一分钟。

基于这个设计原则，作为 设计师 ，我们在设计的时候要控制产品的复杂度，站在用户的角度进行向导式方案设计,以此降低用户的学习成本，在使用时强化顺畅的爽感以形成愉悦的体验感。

让设计更有说服力的20条经典原则：特斯勒定律 往期回顾： 《让设计更有说服力的20条经典原则：美即好用效应》 《让设计更有说服力的20条经典原则：多尔蒂门槛》 《让设计更有说服力的20条经典原则：菲茨定律》 《让设计更有说服力的20条经典原则：希克定律》 《让设计更有说服力的20条经典原则：雅各布定律》 《

阅读文章 >

在 B 端设计中，设计出符合业务需求的交互，以及界面排版的合理性，达到产品的可用性、易用性、高效性最为关键的。要达到这三点，我们面对着两大“拦路虎”。

1. 业务复杂造成难理解

B 端业务理解跨度相较于 C 端产品比较大，任务路径分散，越是复杂的使用流程，用户越容易迷路，出错。而通常情况下用户的行为是不可控的，不会按你设定的路线或期望的方式使用产品。

2. 信息量大造成认知负荷

业务的复杂性导致 B 端产品中信息承载量较高；产品中信息输入量越大，给用户带来的认知负荷就越大，给用户带来用户的理解成本就更高了。

例如，B 端场景中业务功能往往不是独立存在的，功能/步骤间相互存在依赖关系，如果信息层级不清晰，步骤间缺少必要关系等，都会增加用户的认知负荷。

首先，用户认知含两个过程，信息识别和信息处理。信息识别就是用户看到并进行选择的过程；信息处理则是用户对信息的思考和理解决策的过程，用户对信息进行甄别，判断可用性，知道该如何操作。

正如希克定律所说，当人面临的选项越多所需要做出决定的时间就越长。

要降低 B 端产品用户学习成本的一个设计思路是在设计中关注用户行为进行向导式引导，引导用户需要在明确的选项中和指令中操作，以减少用户 认知负荷 。

让设计更有说服力的20条经典原则：希克定律 编者按：作者整理了 20 条经典原则，并通过正反例子说明这些原则在设计中是如何运用的。

阅读文章 >

下面我们就来展开说说 B 端设计中的三个小技巧：

一、新手引导：展现核心操作链路 B 端产品是有门槛的，当固有的业务无法改变时，可以通过设计手段降低用户学习成本，帮助用户理解业务是产品设计的首要任务。

通过设计「新手引导页」，将产品核心操作链路展现给用户，在最短的时间内了解产品/任务。

以晨星远程协作的新手引导页面为例，在用户使用产品前先给用户营造好产品的基调和氛围，告知用户最核心的操作方式，引导新用户对产品建立初步了解与印象，以帮助新用户顺畅完成业务操作。

二、信息分组：分类梳理内容，控制信噪比 过多的信息罗列会导致注意力分散，带来大量视觉噪音，通过内容分类展示会让用户的关注点更加聚焦，减少信息同时输入的视觉压力。

例如下图中这种轻量的弹窗填写操作页，如果一开始就把全量的设置信息展示给用户，会增加用户的抵触心理，产生功能复杂难用的心理感受。

我们的设计思路是将需要填写设置内容将分步骤、分类展示给用户，让信息结构呈现地更加清晰，逐步引导用户录入内容，每次只需要聚焦处理 1 类信息，从而降低用户认知负荷。

三、线性任务：突出重要信息与行为引导点 在设计时，通过固定任务操作路径，让用户知道哪些任务需要先完成，把任务节点划分清晰。

例如下图中需要配置项的内容较多，步骤间存在先后顺序逻辑关系。于是，我们将一系列复杂的设置内容拆分到具体重点步骤中，通过流程可视化分步显示，用户对流程有掌控感，能够明确当前所在的进度节点，清晰展现此刻具体步骤及状态。

这样的设计能够有效节约用户的思考时间，增强用户决策的效率，减少用户在体验中卡壳的情况，快速根据我们的设置一步步准确地完成任务。

掌握了技巧之后，当我们落实到具体的使用场景中，需要遵循以下原则：

米勒定律：“人的大脑同时只能处理 5-9 个信息团。”

让设计更有说服力的20条经典原则：同域原则、米勒定律 编者按：文章整理了同域原则和米勒定律两条原则，利用正反案例说明原则在设计中的运用。

阅读文章 >

所以在设计向导步骤为 2-5 步比较合适。小于 2 步大于 10 步的使用场景是不合适的。过少的步骤没有必要拆分，而过多的步骤会给用户压迫感，让用户本能地认为产品使用过于繁琐，拒绝尝试和使用。

开头提到的特斯勒定律的复杂度守恒其实是个整体平衡性问题，产品固有的复杂度无法依照我们的意愿去除，只能在设计侧设法调整、平衡。产品设计就是始终在设法平衡性问题。在《交互设计指南》书中，也提到过：

Q：有什么规则，是交互设计师不可违反的？

A：只有一个，那就是必须为用户设计。

所以在 B 端设计中，只有抓住核心场景和目标，立足用户的利益点进行设计，才能有效降低用户的认知负荷和学习成本，尽量提高产品的易用性。

欢迎关注作者微信公众号：「联想上研」