收藏本站|设为首页 鲁滨逊旅游网
当前位置: 主页 > 旅游攻略 >

电商大促攻略页设计指南(3)

时间:2018-02-25 09:28来源:互联网 作者:鲁滨逊旅游网 点击:
除了攻略常有的基本战略目标外,加入了形式创新为主要目的之一。因能提前收集到的促销信息都为一级活动的促销概况,无法定制具体的省钱计划,所以把省钱计划从目标中去掉,只曝光促销节奏和最给力利益点,让用户自
839思维网839 我要赚钱网 藏姬阁久久热在线视频 91pore free video18 淘娱淘乐影视 乌兰浩特杀人案 www.yf77.com 787股票网 干露露征婚门

  除了攻略常有的基本战略目标外,加入了形式创新为主要目的之一。因能提前收集到的促销信息都为一级活动的促销概况,无法定制具体的省钱计划,所以把省钱计划从目标中去掉,只曝光促销节奏和最给力利益点,让用户自行设计购物方案即可。

   场景合适的话愿意看完所有内容

  攻略页中,涉及到的功能性交互组件很少,通常使用按钮、弹框,反馈toast。导航样式通常是页内锚点导航;如果攻略页本身包含多个页面,也需要页面间导航。促销信息通常以时间列表,日历图表,品类列表为基础样式进行展示。

  

  不管是要做什么产品,在开始之前都要问这样两个问题:

  易操作度: ★★★★★

  根据上一步我们确定的战略目标,可以提炼出具体的产品功能,比如:本次发券,以抽奖的方式实现,用户首次抽奖必中。这时的功能描述没必要具体到产品使用场景上,因为那是下一个层级,结构层—交互设计的工作,当然你也可以先想好几个备选的表现模型和产品使用场景。这里功能的确定主要用于执行开发调研和与交互设计师进行沟通。

  2.2、确定功能和部分交互形式,收集促销信息

  信息架构主要的工作是设计组织分类和导航结构。

  1.3、结构层-交互设计和信息架构

  一键预约所有活动这一功能经评估,会对用户造成过度打扰且开发成本较大,不做此功能

  确定每个页面中主要信息的优先级:【loading页】趣味动画>引导打开声音;【教导页】提示用户可滑动切换频道;【主页】信息优先级为视频区>主标题>频道主标题>频道副标题>简版攻略>彩蛋红包;【简版攻略】信息优先级为进入主推>SNS坑位>主会场引流>时间轴

  来源:

 

  抽奖的形式确定为彩蛋红包,用户首次进入页面并停留4s后出现动效红包引导点击,首次点击必中优惠券,在反馈弹框上提示用户分享可获得现金红包引导分享。

 

 

  3.6、长海报:

  

  

  

   能够注意到简版攻略,觉得动画好看,简版攻略方便预约

  

  3.2、页内短视频:

  边画交互稿边理顺逻辑:想象用户正在使用已上线的攻略页,从入口开始à第一屏内容à第二屏内容…,先考虑功能主线流程,再考虑支流,先考虑正常状态,再补充异常状态,检查全流程保证用户路径闭环。

  预约提醒:当某子活动即将开始,或某件商品即将参与活动,需要给一个预约按钮,以便于用户得到活动提醒,这时就需要考虑用户收到消息的方式,可以是短信告知(需获取用户手机号),app发送系统消息(需提示开启通知权限),调用系统日历提醒(获取系统日历权限),微信公众号提醒(需引导关注大账号)等;

  以上四点功能中,跳转和预约可以说是每个攻略页的必备功能,其它功能需视本次攻略的产品目的而添加,因每次产品的目的不甚相同,还可能有其它更多的功能,视情况而定即可。

  文章将从产品方案阶段基础知识,设计案例讲解,表现模型的可用性评价三个主要部分对攻略页设计进行讲解。先看一张图,希望大家能在头脑中能对攻略设计的方法形成一个大概的印象。

 

   相比于边看视频边预约活动,用户更喜欢在简版攻略中一次性预约所有感兴趣的内容、

  2.6、用户调查总结:

  2.4、感知设计:

  界面设计涵盖的范围比较大,包括基础交互组件的运用,创新交互样式的呈现,抽象信息的视觉符号化表现,信息呈现,和整体界面排版等;

  可以把产品目标和用户需求提炼为关键词,整合在一张雷达图上。这个提炼过程可以帮助设计者更好的整合需求,避免需求重复或需求边界模糊的情况。根据每个目标的重要性进行节点标记,这样可以直观清晰的看出本次攻略页战略目标的数量和每个目标的优先级。

 

 

  回答了第二个问题,即确定了用户需求;通常我们会对产品将要面对的人群进行分类建立用户画像,结合用户故事地图挖掘用户需求,但攻略页这个小型产品,面向全国大众,用户画像这步就可以省略了。

  把促销信息按时间轴或类别列表的样式告知给用户,简单清晰;此种样式可以理解为是表格的变种,去掉了“表格”的样式限制,设计可发挥空间较大。当大促中的子活动存在明显的时间节奏时推荐使用时间轴,没有明显的时间节奏时使用类别列表。但此种样式趣味性较低,很难融入营销玩法,也很难激发用户的分享欲望。若一定要使用时间轴样式,建议以最简化的形式呈现,以一个模块或蒙层的形式插入在促销主会场或其它页面中即可(这种攻略就是一个嵌入在别的产品中的功能模块,而不是一个独立的攻略页产品了)。因信息和操作排列紧凑,此种样式易操作度较高

  攻略页作为大促整体产品的一个信息节点,其入口也是大促整体的一个界面元素,具体如何设计,那是大促整体产品设计的范畴了。攻略页也可以作为一个完整的产品进行单独资源投放,如果你在今日头条看到一条咨询,标题为《京东双11大促省钱攻略》 ,也是很合理的事情。

  第一部分:产品方案阶段基础知识

  信息承载度:★★☆☆☆

  有些目标貌似没那么容易检测数据,可以通过用户调查来实现,比如曝光大促信息这条目标,可以问用户,看完这个攻略你知道怎么买更省钱了么?本次展示的信息看完记大概记住了百分之多少?对应的促销信息知道去哪儿找怎么参与了么?如果没有资源进行专业的用户调研,也可以问问周围的同事呀!这时确定的验收标准,也有助于在可用性测试阶段设计测试问题。

  将促销内容分类成主题,每个主题配以趣味性动画视频,配合切换主题的导航,用户可以查看自己感兴趣的视频并预约视频中自己感兴趣的活动。趣味性高,也可承载大量信息。但因视频播放速度块,视频中的大量的利益点很难形成用户感知,所以此方式也不是很适合作为信息量庞大的攻略页的载体。内容和操作都比较分散,易操作度较差。若要以短视频形式作为主要表现模型,一定要配合列表式简版攻略,减少操作难度。

  直接跳转:当某子活动正在进行中,或某件商品正在参与活动,需要给一个入口直接引流到对应活动页或商品详情页;

  趣味性 : ★☆☆☆☆→★★★★★

  2.7、产品下线后的数据分析

  当用户浏览到即将进行的卖场或活动时,可进行预约,通过微信公众号获得提醒消息,未关注大账号的用户先引导其关注大账号

  以上几种形式各有优劣,需视项目情况选择具体的样式,当然还是有更多新奇的样式等你来发掘,创新永无止境哈~

  题图来自PEXELS,基于CC0协议

  

  声音脚本编写和声音风格确定。

  3.3、全屏长视频:

  

  观察全平台界面设计:保证攻略页与全平台操作体验一致。

  第二部分:设计案例讲解

   用户对朋友圈中带“促销攻略”字样的分享比较感兴趣,只要想办法让用户分享此链接出去,就可带来可观的流量扩散。

  所以电商攻略页可被视为一个独立的小型产品,在设计这样的产品时,有什么设计方法可寻呢?本文内容即为笔者在多次大促攻略页设计经验中总结出来的一套方法,希望能对要设计促销攻略页的运营同学和交互同学有所帮助。

  

  正在进行的活动总是优先展示,其次展示即将进行的活动,再次展示已过期的活动

  趣味性: ★★★★★

  1.1、战略层—产品目标确定和用户需求收集

  通常我们看到的旅游攻略,游戏攻略等都是以文章资讯的形式呈现,只可阅读不可交互。而电商大促活动中的攻略页,可不仅仅是一篇资讯文章那么简单,除了要向用户传达促销信息,往往承载着引流,预约,发券,传播等营销目,同时存在很多交互操作。

  好了,本次攻略页设计方法就写完了,感兴趣的小伙伴,是不是可以撸起袖子设计个大促攻略页出来了,哈哈。以上内容也是笔者据个人经验写的设计方法总结,如对内容有意见或建议,欢迎沟通。

  通常在攻略页的设计中,我们能确定产品需要的功能有:

 

  你所确定的每一个战略目标,都应该有一个验收标准;有些直接体现为业务KPI,比如预约占比达到50%,引流占比5%,发券率100%,流量扩散倍数1.1等。

  开工大吉 A5营销助力2018

  2.5、用研问题整理,数据埋点需求整理,开发需求文档

   相比于左右按钮切换频道,用户更喜欢滑动切换

 

   用户观看动画耐性不足,人均动画观看时长只占动画总时长的三分之一左右

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐内容