电商专题页设计揭秘之动线设计

 

  一、简介

  动线设计?

  腾讯ecd高头: 被广泛应用于卖场或建筑内部的人流规划,主要是通过合理的设置通道宽度和路线,以达到主动线和辅助动线的自然衔接,让所有的铺位都处于人们的行进路 线上和视线范围内,避免中途折返、死角和盲区,尽可能地消除用户产生的购物疲劳感,让顾客在卖场停留的时间尽可能长一些,以最大限度以愉悦的心情地逛遍卖 场的所有商品。

  经典案例:宜家(IKEA)的卖场设计

  宜家的卖场是非常经典的,顾客在从进入开始就被”导线”默默地引导着走完所有角落,你从入口进去就被唯一的一条曲折回转主路依次引入客厅家 具、客厅储物室等各个主区域,直到一个不落地走完才抵达出口。但细心的你会发现,为了确保一些消费者在购物中想快速离开或快速抵达感兴趣的区域,每个主区 域间有一些较隐蔽的辅助捷径作为辅动线。


  运营动线设计?

  人眼的视觉中心是有限的,视网膜中央凹是唯一具有分辨能力的地方,而且面积很小,以至于人们在浏览页面时一次只能产生一个视觉焦点,视觉焦点形成的视觉浏览路线也就是页面视觉动线。

  对于运营页面的设计师而言,其目标是:通过合理的页面布局和元素组合,引导用户按照尽可能长的浏览路径和尽可能多的停留时间,以达到事先设定的运营指标。


  二、运营动线设计总结

  根据过往的一些活动设计项目,大致可以概括出以下几点心得:

  1、让用户有清晰地方向感

  卖场动线设计目的,是使消费者比较容易把握理解项目布局的逻辑性,建立可以快速离去的安全感从而可以放心流连。在商场规划时,大门入口都会设置大厦所有楼层的整体布局图,及每个楼层的电梯口会放置当前楼层的布局图,以帮助用户了解商场的布局结构,逛得更安心。

  同样对于运营活动来说,随着运营活动品类更丰富和运营维度更细化,”如何让用户把握整体布局”及”如何让用户在较长的页面中仍有清晰的方向感”成为了重要一环。因此,清晰的楼层分割和随时可见的浮动导航已成为每个活动页面的提供用户方向感和安全感的必要元素。

  案例:易迅年度特惠

  该活动页共有6个楼层,用户可随时从左侧浮动的导航快速跳转到对应楼层。同时每个楼层的顶部有醒目的banner(如:个人面貌焕然一新)做楼层区分,让用户很容易建立起方向感。

  2、提供关联辅路线,激发更多”逛”

  卖场动线应设置一些主动线之间的捷径作为辅助动线,便于消费者临时离开或按照自己需要顺序安排购物路线。同时,辅路径最为重要另一个作用是:当用户 被”激发”出某种深入”逛”某个品类商品需求时,提供其进入该品类区域的路径。如:用户在商场主路中被某品牌的明星商品所吸引,激发了去该品牌店铺内逛更 多类似商品的诉求。

  对于运营页面来说,由于坑位有限或组织维度等限制,无法在一个页面或一个楼层堆砌所有的商品,在少量精选的商品原则上,同类单品可能无法重复出现, 因此当用户被明显单品激发”逛”的欲望后,就应该提供更深入”逛”的关联辅路径(如:热门关键词、类目子类链接等),鼓励用户更多地”二跳”。

  案例:易迅阻击血战7天

  在”夏令小电”楼层中,增加过夏必备的”风扇”、女性夏天美容所需的”剃毛器”,及”不减肥就去死”口号人群所需的”健身器材”等相关的关键词,在主楼层无法击中用户诉求时,给予快速的去更大范围地挑选商品。


  3、避免死角,增加回流

  好的卖场动线是引导客流到每一个位置,让每一个死角活起来,确保利益最大化。商场的设计一般都会以封闭的回字型为基础,每当用户在该楼层转完一圈 后,就很自然地过渡到上下扶梯,即下一个楼层的入口,开始新一轮的轮回。设计者会很小心地无法回避的死角留给厕所、安全通道等,避免主动线进入死角。

  对于运营页面来说,除了本身承担自身运营需求外,还经常承担为本网站的其他页面做引流,这样就可起到以点带面,以一个活动页面带动其他的运营活动、 单品促销或客户端下载等。因此设计师除了思考页面本身的主辅路径外,同时应时刻思考”用户浏览到底部后,哪些线索容易打动TA,我们应该引导TA去哪 里?”,应尽量避免用户动线的死角出现(即用户找不到逛的线索,只能关闭此页面),可以考虑适当增加引流线索将用户引导去其他”楼层”,增加在主站的停留 时间。

  案例:淘宝活动页底部

  淘宝活动页底部都有一个共用模块”促销活动”,使得用户在浏览完当前页面后,引导去浏览其他活动版块,避免了活动页底部成为死角,用户直接跳出的情况。


  4、适当设置节点,避免疲劳感

  根据消费心理学研究,笔直见底的通道会让用户产生强烈的疲劳感,以至于转身离去,一般每隔25米设置节点或过渡区域可以有效帮助消费者寻找新的视觉兴奋点,用于缓解疲劳感,提升用户”逛”的路径长度。

  对于运营页面来说,相较于简单粗暴地堆砌商品,合理地梳理商品层次、在适当长度设定清晰的节点,在用户产生浏览疲劳前,适时地激发下一个浏览兴奋点,以此循环,尽可能地增加用户的停留时间、延长浏览路径。

  案例:易迅跨年盛典

  该活动页非常长,如果没有适时地楼层分割,而仅商品堆砌的话,用户很容易在中间就浏览疲劳而流失。


  5、不易流失、目的性强的尽可能在尾部

  大卖场布置货品时,常将”日常性消费品陈列在最后方”,一来是考虑到此类商品是用户的必需品,即使放在里面用户也愿意走入购买,二来是在用户的行走路径上增加其他的商品的曝光度,增加购买的可能。

  对于运营页面来说,诸如:抽奖、低价精品等用户有高意愿的区域,在用户明确知晓该页面有该区域,以及通过引导和线索能够轻易找到该区域时,不妨考虑不要放在页面的视觉起点,通过用户在寻找过程中增加其他商品的曝光度。

  案例:QQ团购 抽奖模板改版

  (右侧图片)旧版抽奖模板,”抽奖”按键在视觉起点,所有用户从渠道进入该页面后直奔抽奖主题,在完成”抽奖”后又迅速离开了该页面,导致原 本希望靠抽奖活动来带动关联销售的目标没有达成。于是乎,(左侧图片)新版做了适当的调整,让关联商品在视觉起点,弱化了抽奖,这一小小的改动为抽奖带来 了关联销售的迅猛提升。


  6、以物美价廉商品作诱饵,激发购物欲

  卖场通常采用”喷淋式客流设计”解决高层卖场人流较少的问题,即高层卖场以物美价廉的商品作诱饵(如:特卖会、小吃街等),吸引用户直奔高层选购, 随后用户会在先期低价购买高品质商品的刺激下,意犹未尽地向下逛其他楼层卖场,虽然高层不怎么挣钱,但目的在于赚人气帮助其他楼层商品提高销售利润。

  对于运营页面来说,此方式仍然有效,通过前几单低价优质的商品,给用户造成本网站或本活动”低价高质”"超值,划算”等记忆烙印,将此感觉传递到网站上的其他商品,打破用户心理警戒线,激发更多”逛”和”下单”的欲望,提高”关联销售额”。

  案例:QQ团购 每周爆款改版

  爆款新版本较以往增加了头部4单低价优质资源(补贴资源),通过大折扣让用户感知爆款活动页商品的低价优质,同时我们又将原本点击资源的落地页从”商详页”改为”该资源置顶的资源聚合页”,增加了更多商品的爆款。新旧版本对比,关联销售增长了300%以上。


  7、加强代入感,激发求知欲

  代入感,指用户能够通过一些线索联想到自己或身边的事情,激发用户情感。

  运营活动中,可以通过以人群维度、提问解答维度等让用户产生代入感,激发求知欲和好奇心,从而增加用户停留时间和浏览路径。

  案例:年货大集

  过年时候大家最头疼的就是走亲访友时送礼的问题,当大家都在为”到底送给父母、好友、老婆什么礼物”而绞尽脑汁时,该活动适时地以送礼对象维度为聚合,帮助用户解决难题,激发用户深入”逛”的欲望。


  8、从众效应

  多数用户在决策时较依赖于口碑、销量、评价等群体判断,会不自觉地以多数人的意见为准则。因此,以榜单、购买人数、评价等群体决策的良性因素为主线做活动,一方面会增加用户的浏览欲,同时这些元素也会增加资源的可信度,提高用户购买欲。

  案例:女人服饰热卖金牌榜

  热卖榜、畅销榜等各类榜单总是能够吸引大部分人的眼光,既代表了今年了最新潮流,此外跟着大部分人的选择总是没有错的。大家都本着”不当第一个小白鼠”的原则,导致了从众情况的加剧。

时间: 2024-08-09 00:12:44

电商专题页设计揭秘之动线设计的相关文章

电商专题设计分析:案例剖析运营动线设计

文章描述:被广泛应用于卖场或建筑内部的人流规划,主要是通过合理的设置通道宽度和路线,以达到主动线和辅助动线的自然衔接,让所有的铺位都处于人们的行进路 线上和视线范围内,避免中途折返.死角和盲区,尽可能地消除用户产生的购物疲劳感,让顾客在卖场停留的时间尽可能长一 一.简介 动线设计? 腾讯ecd高头: 被广泛应用于卖场或建筑内部的人流规划,主要是通过合理的设置通道宽度和路线,以达到主动线和辅助动线的自然衔接,让所有的铺位都处于人们的行进路 线上和视线范围内,避免中途折返.死角和盲区,尽可能地消除用

亿级流量电商详情页系统的大型高并发与高可用缓存架构实战

对于高并发的场景来说,比如电商类,o2o,门户,等等互联网类的项目,缓存技术是Java项目中最常见的一种应用技术.然而,行业里很多朋友对缓存技术的了解与掌握,仅仅停留在掌握redis/memcached等缓存技术的基础使用,最多了解一些集群相关的知识,大部分人都可以对缓存技术掌握到这个程度.然而,仅仅对缓存相关的技术掌握到这种程度,无论是对于开发复杂的高并发系统,或者是在往Java高级工程师.Java资深工程师.Java架构师这些高阶的职位发展的过程中,都是完全不够用的.技术成长出现瓶颈,在自己

亿级流量电商详情页系统实战:缓存架构+高可用服务架构+微服务架构

<缓存架构+高可用服务架构+微服务架构>深入讲解了亿级流量电商详情页系统的完整大型架构.同时最重要的是,在完全真实的大型电商详情页系统架构下,全流程实战了整套微服务架构,包含了基于领域驱动设计进行微服务建模.Spring Cloud.基于DevOps的持续交付流水线与自动化测试套件.基于Docker的自动化部署.此外,还包含了大型电商详情页系统架构中的多种复杂架构设计的详细介绍. <亿级流量电商详情页系统实战(第一版)>的内容,主要是基于简化以后的大型电商详情页系统的背景,重点包含

数据-像京东淘宝等电商平台中的公告管理是如何设计的

问题描述 像京东淘宝等电商平台中的公告管理是如何设计的 公告管理的页面中,如果使用的是静态页面,需要用什么控件显示数据,以及显示哪些方面的数据 解决方案 可以用script加载动态页输出js脚本,js脚本document.write输出你的公告内容,也可以用ajax动态加载数据 <script src="你的动态页地址"></script> 解决方案二: 一般公告 都是静态文件, 在html 页面中 include 一个html 文件, 这个文件 是由另一个 c

继线下书店受到电商冲击面临倒闭潮后,线下服装批发也摆脱不了同样的命运

继线下书店受到电商冲击面临倒闭潮后,线下服装批发也摆脱不了同样的命运.在互联网经济大潮下,服装实体店的生意苦不堪言.商场里本来很不错的店面也鲜有人租了,很多地方成了被遗忘的角落. 2013年底 ,华工商时报曾对"北京动物园批发市场将搬迁"做了报道,指出在电商浪潮之下,随着传统零售行业步入"微利时代",转型期的传统零售选择关店止损在所难免. 这些零售商关店的原因多为租约到期.模式调整.盈利能力偏弱.经营不善等,而其中最为关键的,是面临着电子商务的巨大冲击.对此,一些商

百度电商“中间页”战略:打破搜索单线怪圈

中介交易 SEO诊断 淘宝客 云主机 技术大厅 2011年放弃A股上市,名不见经传的家居装修行业电商网站齐家网今年准备"逆市"扩张.这家经历了4轮融资.背后有着百度投资背景的公司目前已占据家装B2C市场40%的份额且持续盈利. 10月24日,齐家网正式宣布战略转型,将齐家网分拆成齐家团购.齐家装修.齐家商城三块业务.齐家网CEO邓华金认为,"做标准品平台型电商能生存的将会是天猫.京东商城等少数几家,而非标品垂直型电商将是未来." 齐家网正是百度电商战略成型后布局的第

【微博聚焦】盘点2011死去的电商 新股审核全过程揭秘

Top 5 &http://www.aliyun.com/zixun/aggregation/37954.html">nbsp; 1.盘点2011年那些死去的电商 1月邮礼网停运:3月百度有啊商城关闭:7月也买茶停运.美廉美网上商城停运:8月优体优团突然蒸发:9月大货栈停运:10月西米网停运.食品电商拉夫尔有机生活网停运:11月MSN商城有品网停运.飞虎乐购折戟.E团网人间蒸发:12月呼哈网停运:欢迎补充- 2.揭秘新股发行审核全过程:七名委员 40分钟讨论 见面会环节,企业十分钟

银行与电商跨界激战:谁动了谁的“奶酪”

银行开网店.电商放贷款,这听起来似乎有些"拧巴"的行为正如火如荼地展开.近日,光大银行(601818,股吧)在淘宝上"推销"存款,建行推出了自家的电商网站"善融商务",一系列动作表明银行开始进军电商领域.与此同时,电商企业也不甘示弱,除此前的苏宁电器(002024,股吧).阿里巴巴成立小贷公司,提供小额贷款服务外,京东商城.敦煌网.网盛生意宝等也相继推出了供应链金融产品. 一场银行与电商之间的跨界激战在所难免.究竟是谁动了谁的"奶酪&q

孙为民:电商成本低是伪命题 看好线下逆袭

21世纪网讯 "电子商务的确对实体零售产生分流",苏宁副董事长孙为民在接受21世纪网采访时指出,目前担心的不是分流竞争问题,而是行业的公平竞争.他认为,实体店具备网上购物无法替代的优势,就是体验.未来随着社会的发展,http://www.aliyun.com/zixun/aggregation/11492.html">体验经济会越来越重要."未来8-10年电商成本将超线下实体,看好线下实体店的逆袭." 电商成本低是伪命题 21世纪网:如何看待目前的电