腾讯电商专题页设计揭秘之动线设计.pdfVIP

腾讯电商专题页设计揭秘之动线设计 一、简介 动线设计 ？ 腾讯ecd高头: 被广泛应用于卖场或建筑内部的人 规划 ，主要是通过合理的设置通道宽度和路线 ， 以达到主动线和辅助动线的自然衔接 ，让所有的铺位都处于人们的行进路 线上和视线范围内 ，避免 中途折返、死角和盲区 ，尽可能地消除用户产生的购物疲劳感 ，让顾客在卖场停留的时间尽可能长 一些 ，以最大限度以愉悦的心情地逛遍卖 场的所有商品。 经典案例 ：宜家 （IKEA ）的卖场设计 宜家的卖场是非常经典的 ，顾客在从进入开始就被”导线”默默地引导着走完所有角落 ，你从入口进 去就被唯一的一条曲折回转主路依次引入客厅家 具、客厅储物室等各个主区域 ，直到一个不落地走 完才抵达出口。但细心的你会发现 ，为了确保一些消费者在购物中想快速离开或快速抵达感兴趣的 区域 ，每个主区 域间有一些较隐蔽的辅助捷径作为辅动线。 运营动线设计 ？ 人眼的视觉中心是有限的 ，视网膜中央凹是唯一具有分辨能力的地方 ，而且面积很小 ，以至于人们 在浏览页面时一次只能产生一个视觉焦点 ，视觉焦点形成的视觉浏览路线也就是页面视觉动线。 对于运营页面的设计师而言 ，其目标是 ：通过合理的页面布局和元素组合 ，引导用户按照尽可能长 的浏览路径和尽可能多的停留时间 ，以达到事先设定的运营指标。 二、运营动线设计总结 根据过往的一些活动设计项目 ，大致可以概括出以下几点心得 ： 1、让用户有清晰地方向感 卖场动线设计目的 ，是使消费者比较容易把握理解项目布局的逻辑性 ，建立可以快速离去的安全感 从而可以放心 连。在商场规划时 ，大门入口都会设置大厦所有楼层的整体布局图 ，及每个楼层的 电梯口会放置当前楼层的布局图 ，以帮助用户了解商场的布局结构 ，逛得更安心。 同样对于运营活动来说 ，随着运营活动品类更丰富和运营维度更细化 ，”如何让用户把握整体 布局”及”如何让用户在较长的页面中仍有清晰的方向感”成为了重要一环。因此 ，清晰的楼层分割和 随时可见的浮动导航已成为每个活动页面的提供用户方向感和安全感的必要元素。 案例 ：易迅年度特惠 该活动页共有6个楼层 ，用户可随时从左侧浮动的导航快速跳转到对应楼层。同时每个楼层的顶部有 醒目的banner （如 ：个人面貌焕然一新 ）做楼层区分 ，让用户很容易建立起方向感。 2、提供关联辅路线 ， 发更多”逛” 卖场动线应设置一些主动线之间的捷径作为辅助动线 ，便于消费者临时离开或按照自己需要顺序安 排购物路线。同时 ，辅路径最为重要另一个作用是 ：当用户 被”激发”出某种深入”逛”某个品类商品需 求时 ，提供其进入该品类区域的路径。如 ：用户在商场主路中被某品牌的明星商品所吸引 ，激发了 去该品牌店铺内逛更 多类似商品的诉求。 对于运营页面来说 ，由于坑位有限或组织维度等限制 ，无法在一个页面或一个楼层堆砌所有的商品 ，在少量精选的商品原则上 ，同类单品可能无法重复出现 ， 因此当用户被明显单品激发”逛”的欲 望后 ，就应该提供更深入”逛”的关联辅路径 （如 ：热门关键词、类目子类链接等 ），鼓励用户更 多地”二跳”。 案例 ：易迅阻击血战7天 在”夏令小电”楼层中 ，增加过夏必备的”风扇”、女性夏天美容所需的”剃毛器” ，及”不减肥就去死”口 号人群所需的”健身器材”等相关的关键词 ，在主楼层无法击中用户诉求时 ，给予快速的去更大范围 地挑选商品。 3、避免死角 ，增加回流 好的卖场动线是引导客 到每一个位置 ，让每一个死角活起来 ，确保利益最大化。商场的设计一般 都会以封闭的回字型为基础 ，每当用户在该楼层转完一圈 后 ，就很自然地过渡到上下扶梯 ，即下一 个楼层的入口 ，开始新一轮的轮回。设计者会很小心地无法回避的死角留给厕所、安全通道等 ，避 免主动线进入死角。 对于运营页面来说 ，除了本身承担自身运营需求外 ，还经常承担为本网站的其他页面做引 ，这样 就可起到以点带面 ，以一个活动页面带动其他的运营活动、 单品促销或客户端下载等。因此设计师 除了思考页面本身的主辅路径外 ，同时应时刻思考”用户浏览到底部后 ，哪些线索容易打动TA ，我们 应该引导TA 去哪 里?”,应尽量避免用户动线的死角出现 （即用户找不到逛的线索 ，只能关闭此 页面 ），可以考虑适当增加引 线索将用户引导去其他”楼层” ，增加在主站的停留 时间。 案例 ：淘宝活动页底部 淘宝活动页底部都有一个共用模块”促销活动” ，使得用户在浏览完当前页面后 ，引导去浏览其他活动 版块 ，避免了活动页底部成为死角 ，用户直接跳出的情况。 4 、适当设置节点 ，避免疲劳感 根