发布时间：2022-11-15 分类： 电商动态
I.前言
在B类产品的设计过程中会遇到各种问题，不同的解决方案有不同的解决方案。有些问题不适合用动态效果来解决。盲目无意义的动态不仅会浪费设计师和开发成本，还会降低产品性能并分散用户的注意力。但是，有些问题在动态解决方案中更加智能化。恰到好处的效果可以简化产品模型，降低设计和开发成本，并促进用户对产品的理解。
本文将介绍一套动态创新方法。以B产品为例，说明如何逐步分析B产品设计过程中产生的问题，然后运用动态创新解决产品问题，最终产生设计价值（例如产品用户体验和关键数据的改进）。
其次，在适合解决动态效应的B类产品设计中遇到了哪些问题？
我们可以在全球范围内审查整个产品，并根据用户体验元素对需要解决的问题进行反汇编和分类。
1.战略层面
在此级别，设计人员需要了解公司和用户的期望和目标，并促进设计目标。战略层是整个产品设计的底层，动态绩效直接影响战略层的情况并不多。
2.范围层
该层需要阐明产品的功能和内容。 B类产品功能复杂，内容丰富，在豆腐块的界面上往往含有大量内容。当内容太多时，除了增加产品页面数量外，我们还可以尝试使用动态效果在同一页面上扩展产品的内容范围。
3.结构层
该层确定产品的层次结构，主要是设计用户访问页面的速度和准确程度，并考虑他们完成工作后的去向。由于B型产品的内容模块众多，信息级嵌套比C型产品更复杂，特别适合解决这一问题。巧妙的动态效果可与环境相关联，立即降低用户理解成本并提高产品运营效率。
4.框架层
该层用于优化页面设计的布局，确定每个组件的位置，并涉及特定的信息，界面和导航设计。例如，界面选择正确的元素和布局，将重要的功能放在显眼的位置，并将类似的功能类别放在一起。导航，允许用户在相关内容之间自由切换，以找到足够的有效信息。在此级别，动态效果可用于辅助，例如加强重要组件的位置，优化布局切换的平滑性等。
5.表示层
该层具有UI感知功能，涉及视觉，听觉和触觉体验设计。 B类产品非常复杂，往往比C类产品更无聊，但添加适当的友好效果可以增强产品兴趣，增强用户和产品之间的情感联系，并提高用户友好性。
以上问题基于我每天联系的B类产品，并进行了总结和总结。在实际的业务协同过程中，我们可以根据实际产品从全球角度对产品进行反汇编，并看到微观效应。为用户提供服务，解决产品的实际问题。
三，针对四大问题的动态创新方法集
1.范围层：一个扩展和三个方法
通过扩展三者，即，在不改变内容区域的大小的情况下，使用相同位置上的微动效果，实现了扩展内容范围的效果。例如，可以显示一行内容的区域现在可以显示多行内容。
案例1
产品问题：B级买家将感兴趣的项目添加到他们的收藏夹中。此时，我们可以透明地传递收藏夹列表中的关键点，从而协助用户做出二次决策，提高产品L到D的转换率。但是，有些商品没有兴趣点，有些商品有很多兴趣点。如何以保证列表的相同顺序透明传递内容？
关键切入点：我希望列表保证相同的顺序，但是放下不同容量的内容，这是范围层的问题。我们使用“一个扩展三”方法在界面中构建相同的区域，以便额外的内容在同一区域滚动，实现不改变界面大小和扩展内容范围的效果。
实现价值：解决内容过载问题，确保产品列表页面的统一。同时，动力学效应本身也有其吸引用户注意力的属性。它无形地强化了商品的关键点，刺激用户点击，提高了产品L到D的转换率。
案例2
产品问题：C类用户下订单供自己使用，订单主要依赖于情感偏好。 B型用户下订单进行销售，下订单时，产品将作为下订单的重要决策因素出售。因此，我们希望将下游销售数据预先定位在收集场景中。当买方对感兴趣的货物进行操作时，直接传输相关的人员数据，以帮助B型买方更有效地做出二阶决策。此时，问题即将来临。有很多与商品有关的下游数据。你能在商品运作的半浮动页面中显示相对更多的数据吗？
关键切入点：商品操作的半浮动页面大小有限，但它想要放下更多内容，这仍然是范围扩展的问题。我们使用“一个扩展三”方法对人员数据进行分层，然后在浮动页面中旋转它。同时，用户可以参考页面运动路径，并且知道页面可以来回旋转，然后可以用手指刷页面，并且可以看到更多的人员数据。
实现价值：让B级买家在单位区域看到更多员工内容，协助用户做出二次决策，提高产品转化率。
“一扩三”方法非常简单，但非常有效。熟悉这种方法，当遇到很多类似的内容时，当界面大小不够时，除了增加产品页面的数量外，我们可以尝试使用动态效果让单位页面放下更多内容。
2.结构层：对抗星星的过程
星星的移动，即关键链接元素在每个复杂的页面级别移动，引导用户的视线，从而解释产品的各个级别之间的关系，播放上下文并降低用户对成本的理解。例如，A级，B级，C级，A级和C级在产品定位中相关，但在视觉表示中，ABC看起来像一个独立的个体，然后从A级移动到具有连接元素的级别。 C，将A级和C级之间的关联透明地传达给用户是很自然的。
案例1
产品背景：此功能用于卖家工作台的后台场景。由于卖家工作台中的功能很多，用户需要将常用功能添加到主页左侧的快捷菜单中，方便进入后台后直接操作。快捷方式条目中的功能最多包含15个功能，需要从快捷方式条目中删除额外功能。
操作行为：
当用户单击“功能图”图标时，将显示所有功能的列表。
当用户直接点击某个功能的文本时，它将进入该功能的内页。当用户将鼠标悬停在某个功能上时（例如“投诉管理”），该功能右侧会出现一个空心的“指甲”图标。
点击空心的“钉子”图标，“投诉管理”功能被添加到左侧的“快速输入”栏中，空心的“钉子”图标变成一个坚固的“钉子”图标（表示该功能已添加）。快速进入”）。
单击任何功能右侧的实心“钉子”图标将从“快速输入”列表中删除该功能。与此同时，坚固的“钉子”图标将消失。
产品问题：我们在测试中发现新用户无法解释“钉子”图标的含义。由于单击了“钉子”图标，因此左侧的“快速输入”列的功能仅逐一添加。我没有看左侧，也不知道页面上发生了什么。当左侧的“快速输入”中有许多功能时，不必知道哪一个被移除。关键是用户不知道左侧“快速门户”中的功能和“功能图”中的功能是链接的。
关键切入点：为了解释“钉子”图标的含义，一般产品可以由新手指导。但是，在设计产品时，如果您可以通过交互自然地解决问题，请尽量不要制作新的指南页面。毕竟，产品的目标是易于使用，而不是在使用之前查看说明。
信息模块很多，关联程度不明确。这是一个结构性问题。当我们点击空心的“钉子”图标时，“钉子”图标左侧的功能文本被用作关键连接元件，以引导用户的视线并从“功能”飞入“快速进入”地图”。 “功能图”模块链接到“快速输入”模块。同时，将空心“钉子”图标缓慢地填充到注水形式的实心“钉子”图标中。该速率与函数文本的速率一致。暗示该函数已被“固定”，即添加了“快速输入”。
同样，如果单击实心“钉子”图标，相应的功能将飞出“快速输入”模块，这意味着该功能已被删除。
实现价值：降低用户对成本的理解，提高产品运营效率。
案例2
产品问题：B类Offerdetail被修改，B类产品详细信息页面比C类更复杂。在旧版本中，顶部Tab栏切换商品，详细信息，人员，分发和样本功能在二级屏幕上产品页面。新的Offerdetail添加了订购功能，并将分配和样本功能放在第一个屏幕上。通过这种方式，在第一个屏幕上，货物被存入库存，订购，分发和采样。
滑动到页面的第二个屏幕，将出现第一级Tab产品，详细信息和工作人员。第二级Tab点，顺序，分布和样本放在第一级Tab下。在这个页面上，有一个相当恶心的双选项卡。双选项卡始终位于顶部，占用页面高度并影响浏览页面。
Dual Tab在移动端非常人性化。为了避免这种情况，我们认为由于现货，订单，分销和样品都是商品选项，当滑动到第二个屏幕时，我们是否可以将现货，订单，分销和样品收集到顶层？ Tab里面的商品选项。
这个问题来了。第一个屏幕是库存，订单，分销和样品。当滑动到第二个屏幕时，Tab突然变成了一个点，细节和工作人员。用户如何知道在哪里订购，分发和取样？
关键切入点：我们为此尝试了两个选项。在这里，演示演示清晰可见，并在键转换时暂停。实际用户浏览平滑运动，用户手指滑动的位置以及运动变化的位置。
解决方案1：直接切换，如果用户更快地滑动页面，则切换切换感知不明显。
选项2：使用“转向星形”方法，当用户将页面滑动到第二个屏幕时，将点，顺序，分布和样本用作关键链接元素，并将整体折叠到顶部选项卡列，最后显示下拉三角形，告诉用户原始四个类别已统一并合并为一个类别。虽然这种聚集的动作在动态性能层上更具动态性，但它对新版本的功能有很好的影响，以避免用户误操作。
最后，我们在地点，顺序，分布和示例文本的顶部添加了图标，以增加用户对新功能Tab的感知，从而使第一级Tab和第二级Tab之间的差异更明确。
实现价值：帮助产品增强新的功能认知，帮助用户澄清两个层面之间的关系，避免用户误操作和错放订单。
案例3
产品问题：为了提高商品的转换率，集合中的所有商品都增加了降价商品和促销品的分类。但是，B类用户非常忙碌，每次进入收藏夹时都不会打开所有产品分类列。如果每次打开酒吧里的所有商品，就没有降价和促销品，这是浪费时间。
关键切入点：当用户首次输入收藏夹时，他们会在收益点添加一个小黄色条带。例如，“您的收藏的9个项目正在参与促销活动”，并使用“战斗移动”方法使兴趣点为小黄色。作为一个关键的连接元素，条带缓慢而优雅地缩小以提醒小点，指向所有商品，提醒用户在这里打开查看9个促销品。
实现价值：提高产品操作，提高用户浏览效率，提高产品转化率。
3.框架层：魔方恢复方法
Rubik的立方体被修复，也就是说，二维页面布局被想象为三维空间中的模块。当页面布局多样化时，一种布局不能满足产品要求。除了平铺所有页面布局之外，我们还可以使用动画辅助将A页面布局转换为B页面布局。
案例1
产品问题：1688后端产品分为两个方面：买方和卖方。用户需要根据自己的身份选择买家或卖家。然而，一些用户与买方和卖方是相同的，也就是说，买方也是卖方，并且必须频繁地在两端之间切换。
关键切入点：我们加入交易者的开关手柄，并使用“Magic Cube Restoration”方法将两端的布局调整为卖家的布局。
实现价值：优化布局切换平滑度，优化产品运营体验。
4.表示层：大气渲染方法
呈现出大气，即在适当的友好氛围中添加具有高专业性，轻微闷热和易燃的B级产品。它可以增强产品的乐趣，增强用户对产品的情感共鸣。您还可以通过呈现专业数据来增加产品的信任度和技术感。
案例1
产品问题：平台提供商家的7个功能，商家需要完成任务才能获得相关能力，但商家目前的任务参与度不高。
关键切入点：通过“氛围渲染”方法，提取图像功能，让业务角色运行，表达业务的成长进度，动员用户的直观情感感知。
实现价值：提高任务参与度，方便用户开展增长任务的连贯运作，提高增长效率。
案例2
产品问题：B级后端产品非常专业，略显无聊，易燃烧。
关键切入点：通过“氛围渲染”方法，对新加载的模块进行数据增强，提高平台的专业性，同时打破用户的倦怠感。
实现价值：增强平台专业知觉，改善产品浏览体验。
四，后记
演员王宝强曾经说过：从未担任导演的演员可能会加剧他们自己的戏剧。实际上，他们不是。这部剧不多，很准确。
动态性也是如此，我们不需要为页面添加各种效果来表达我们自己的动态功能。巧妙而精确的运动不需要太多动作，但它可以真正适用于产品。
在当今时代，设计师是产品的共同创造者。我们所做的每一项设计都必须经过深思熟虑，竭尽全力，为客户服务，实现产品的价值。考虑全球产品问题，分层和拆解业务协作过程中遇到的产品问题，洞察设计强度，最后通过最合适的动态创新手段实现设计授权。
以上观点并非绝对，我只希望为您带来一些帮助。我希望每个人都能用小支点来撼动大价值。
