编者按:平台或商家如何为每天的各种营销活动设计自己的场地？用户喜欢看什么样的活动？推广期间，什么样的会场页面能更好的引导交易？结合目标用户的痛点和购物逻辑，分享Suning.cn大促销大会动线设计的相关思路，供大家参考和学习。

前言

推动会场设计，如何通过设计提升用户的点击量，如何让用户在复杂的会场页面中浏览得更深，不自觉地向下浏览，一直是我们R&D设计团队的突破性使命。从2010年Suning.cn创建818购物节开始，已经经历了10个全国购物节。如何突破？是设计团队最头疼的问题。

2020年是集团30岁生日。在这个重要的节点上，设计团队并不想在会场的设计上为平面设计大做文章，更想知道能有什么突破。设计伙伴们进行了热烈的讨论。有人说要调整现有框架，有人说要把主会场整合成小游戏...但这些都是过去努力的结果，老梗不是突破。

中场休息的时候，有人提到去迪士尼，那里的客流运动轨迹很牛，给了我们启发。苏宁从电器起家，有丰富的线下店铺设计经验。能否尝试将店铺的客户动态线设计运用到线上会场？所以这一次强烈要求锁定用户的动态线设计。

在推广会场的页面中，如何利用动态的线条设计，让用户无意识的在会场逛来逛去，提高浏览时间，达到我们预期的目的。

其实“动线”在线下门店中应用比较广泛，也就是客流的运动轨迹。一条好的客户线可以在复杂的环境中为客户提供一条可识别、清晰的路径，让客户到达更有效的区域，尽可能避免死角、盲点等现象，尽可能避免客户购物疲劳，从而让客户在轻松的状态下花更长的时间购物。

不难看出，店铺的动线设计目标和我们的设计目标基本一致。但是网上会场的动线设计怎么设计呢？怎样才能尽可能的延长用户的浏览深度和使用时间，尽可能的避免用户的视觉疲劳？

要实现我们的设计目标，要从两个方面入手:一是如何设计场地的动线；二是如何尽可能避免用户的视觉疲劳。

首先，我们分析在线用户和离线客户之间的移动差异。在线用户主要关注视觉，但是人的视觉中心是有限的，人们在浏览页面时一次只能产生一个视觉焦点。对于设计师来说，我们的目标是通过合理的页面布局和设计元素的组合，引导用户按照设定的最长浏览路径进行浏览，从而提高我们的浏览时间。

这就需要设计师了解我们的眼睛是如何处理界面信息的，了解用户视线的规律，提高我们的浏览体验。

最常用的动线类型是LFZ浏览动线。

其中Z型浏览模式非常有效，遵循Z型，用户视线从左到右从上到下自然移动浏览内容。这种模式浏览面积最大。

我们在规划会场方案时，一定要把业务作为一个整体来考虑，尽量平衡各个会场的入口流量。我们使用“Z”形浏览模式重新定义主场馆页面

(图-2)可以看到，之前开会地点的动线覆盖区域比较小，大致可以归为F型浏览轨迹。严格来说，每层只有一个视觉中心，就是前层标题，后入口很弱。为了让用户的视觉动线覆盖更大的区域，设计师在原有楼层模板的基础上，将F形浏览动线改为Z形浏览动线，并从两个维度进行定义:

纯视觉表达的展示设计：将每个楼层的第一行入口着重设计，从上图的对比可以看出，第一行三个入口更加突出，整个楼层右侧层级也更加清晰。对比左侧原始楼层模板，从静态的视觉传达设计上已经基本形成的Z型浏览动线。动效介入：只是单纯的静态Z型浏览动线，对用户的视线引导还是存在一定的局限，且引导性较弱，如何让右侧和下面的入口更好地吸引用户的视觉呢？我们想到了动画。在每个Z字型的关键节点加入微动效，通过动态图片来吸引用户。既不会使整个页面看起来视觉元素过于膨胀，对视觉感受造成负面影响，又能够很好的抓住用户的视线。

我们在设计动线的时候，也借鉴了店里动线的设计原则的一些方法。以下是场馆动线设计中总结的一些设计原则:

01上下文清晰，让用户视线流动更清晰

在店铺里，我们可以看到，在店铺一楼的大堂会有一个醒目的店铺概览，上面会清楚地标明整个店铺内所有店铺、电梯、厕所的位置。此外，每层的电梯入口处都会有一个标志，也将清楚地标记该层的布局。这是为了让客户对店铺的布局有一个清晰的脉络，让用户安心，提高效率。

我们在做818会场的时候，为了让用户对会场有一个清晰的整体脉络，让用户在有大量信息的页面上有更清晰的浏览线？我们设计了可视的楼层锚导航和清晰的楼层分割，为用户提供了清晰的方向感。

02确保回路，避免死角

店铺的动线设计有几种模式，其中嘴型设计可以很好的避免死角，让用户在不同程度上最大程度的不自觉的接触到店铺，利益最大化。

对于线上会场，除了主会场本身清晰的浏览路径外，还承担着分流的重要责任，就是引流分会场、店铺、渠道、业务细节。这样，用户可以在整个推广场地购物，获得更多的利益。同时，平台也争取更多的平台与用户互动的机会，激发用户的购物欲望，从而实现我们的经营目标。

所以在设计会场的时候，设计师要想好，用户在浏览完类别楼层后并没有被打动，也没有被分流走。我们还有什么手段来进一步促进用户分流？因此，我们升级了类别层后面的场地，用更多的项目吸引用户，通过更喜欢击中用户的兴趣点来激发用户的点击欲望。

03正确设置节点以避免疲劳

根据消费心理学的研究，直道会让用户疲劳，店铺每隔25米设置节点或过渡带，可以有效帮助顾客缓解疲劳，提升视觉兴趣点。

就主会场而言，会议页面很长。如果没有针对楼层的视觉节点，只堆砌单个模块，会让用户失去对页面的探索欲望，用户容易产生视觉疲劳，最终失去。

我们为每一层设置视觉节点，不同的产品定位，梳理设计层次；视觉设计以不同的商业属性，向用户传达不同的感受，避免单一的视觉呈现，让用户有新鲜感，增加用户停留时间，延长浏览路径。

以上是我们在818全国代表大会主会场设计中的探索和想法。

动线是我们控制用户浏览轨迹和浏览体验的手段。为了减少信息噪音，让用户高效获取信息，让用户愉快浏览，增加用户停留时间，最终达到我们的商业目标，设计师必须精心设计用户的浏览动线。