分享网站活动专题页面设计5点技巧
首先来看下什么是网站活动页面?
网站活动专题页面呐,按其名字的意思来讲呢,是那种承载着各种各样形式的节庆打折让利啦、宣传推广搞名头啦、营销的产品向外发布之类活动的页面喽,它的形式以及内容也是有着好多类别的呀。典型的静态性质的活动页面呢,通常会运用页头的banner再加上标题呢,然后搭配上活动入口的这种展示形式哦,其主要借助背景、banner以及标题字体等这些方面的视觉上的处理呢,以此用来渲染烘托出整体所营造的那种氛围呐;现如今哇,同样也是越来越多的活动页面呢,会添加进像是游戏这类充满趣味性特点比较强的互动方式哟,还用flash这种形式把它们给展现出来喽,今年TMALL的喵星球去抢红包的这个活动哇,就是特别出色的一个例证呢。
其实啊,不管是哪种活动页,在我们针对它进行拆解分析过后,最终就会发现,页面之中旨在展示的信息,总归都离不开以下的七种:①
1. 活动标题
2. 活动入口 3. 活动奖品/商品展示
4. 活动参与人数
5. 有效时间
6. 获奖信息
,这乃是活动页设计的关键。
一、 主标题与副标题阐明活动价值
我们要做的,在于主标题那里,还要通过副标题,借助寥寥数语,成功让用户知悉,能在其一程度中,清晰晓得我们的品牌与之相随而来向其送去能够领略与亲身体验品味并接收承受到那般种种核心以及至关重要价值,没错,确确实实是所有,(请亲爱的泥巴彻底且完全地醒醒过来呀!请务必千万一定要明了与知悉绝对永远都绝对根本不会并压根儿丝毫不存在拥有任何用户过去有去或者将来都有可能会趋向于去观看、阅读浏览且认真仔细研读那些篇幅众多、文字详密、有着冗长繁杂之感甚至可称长篇大言论说的活动规则的呀,这是千真万确的呀!TOT)
标题要是能够达成与众不同、新奇独特那自然非常不错,然而要是时间存在限制而没办法精巧构想思绪,仍然是存在一些准则得以确保能够起码精确传达信息不存在差错:
用户浏览标题呢,往往是一扫而过,文字会提高用户的理解成本,而所谓的精辟简短呀,也是如此这般 。
运用用户熟知的语言,于标题里面抛出陌生概念,通常并非是一个好的想法,要是用户看不懂,很有可能会直接将页面关闭。
主标题或者副标题其中之一,要直接向用户讲解利益点以及价值所在,像并不复杂且为人熟知的“免费”“礼包”“立减”等词语,均能够起到不错的效果。
· 存在这样一个方法,它相对而言有些粗暴且保守,然而通常是具备实用性的,将动词与名词采取组合的方式对活动中心的操作或者流程予以概况。举些例子来说,像呈现“玩应用,收获礼包”这般的情形,类似形成“每日签到进行抽奖”这种状况等等 。 。
二、充分利用首屏,展示核心信息
2011年Jakob Neilsen一项研究结果表明,用户将80%以上的注意力花在对首屏内容的浏览上,尤其是call-to-action按钮放在首屏或者第二屏,其转化率差异巨大,笔者的建议是第一屏就将活动的核心内容传达给用户,② 对于活动页而言,最重要的核心内容有四个:
1. 什么活动?——活动主题
2. 什么时候?——活动时间
3. 有什么奖品(优惠/利益)——激励,折扣,奖品展示
4. 如何参加活动?——参与入口
· 这是活动页面首屏应完整涵盖的内容,当然鉴于一屏的尺寸大小,奖品商品多数情况下仅能展示一部分 。
进行适度的内容分量把控,特别是对于首屏而言,要将文字字数予以限制,以此来减轻用户所承受的压力。
略为次要的资讯像获奖名单呀,多数是在活动页面里达成烘托气氛的功能的哟,还有活动规则等内容呢,可以思考用倒三角结构来展现③ 。
三、参与入口——活动页的眼睛 参与入口是活动页转化率的关键
关于它的设计,在WAD的文章Creative call to action buttons for inspiration里,整理过一些不错的范例,我们能从中总结出要点:
· 足够醒目却又不显得突兀的按钮尺寸
· 位于首屏,处于视觉中心区域的位置
视觉表现方面,按钮运用对比色,有渐变效果,具备投影等特殊质感,采用特别进行设计的字体,不过要对字体可读性予以特别关注 。
依笔者个人经验,国内用户大多倾向简单且直切要点之设计,其对按钮尺寸欣然接受程度相比国外更为宽松。所以于在设计针对国内用户的页面期间,我们常常会对按钮予以更为夸张之地设摆处置(直白而言耶,就是能够更大,更加醒目) 。
四、关注后续——活动效果的评估
成功上线活动页面之后,设计师活计实则尚未罢休,每次投放活动页面收场之后,于各方各面,特别是数据回馈里头, 我们能够获取诸多经验与教训。
前些日子,读了胖胡斐的文章《说说转化率》,文章里提到了一种评估方式,该评估方式简单易行,现在在这里跟大家分享一下:
把活动依照转化路径开展分解工作,依据对比每个转变路径节点的转化速率来品评活动所取得的成效,借此给进一步提高转化率呈上可供参考资依据对比的数据点作为支撑。
我们能够去效仿这种有着拆分特征的思路,针对整个活动所关联的流程实施拆分,以应用中心的那个礼包抽取活动页当作范例,整个活动的主要流程以及被涉及到的页面是如下这些 ,
从入口(广告位)开始,进入活动页面,在活动页面中的应用列表抽奖获取礼包,再去到礼包兑换中心,最后进入可使用礼包的应用内页 。
提取各个步骤的转化率相关数据,用以展开对照,锁定转化率出现流失情况最为严重的节点,针对该节点集中进行思考,探索解决和改善该问题的办法。
五、特殊情况,怎么办?
并不是所有活动生来便对用户极具吸引力 ,事实上 ,于我们设计活动页当间时不时碰到各类局限——素材欠缺 ,奖品不丰富 ,活动流程繁杂 ,学习成本高等等kaiyun全站网页版登录,正因如此开yun体育app官网网页登录入口,则要求设计师发挥机智得以确保页面布局明晰 ,重点突显 ,具够强吸引力去吸引住用户 。
包含多步操作的那种活动页呀,于首屏给出简单的示意呦,以便让用户快速地看一瞥就能知晓活动的流程呐。
在应用中心里的每日抽奖页面那儿 ,把三个步骤列在了页面正中间之处 ,与此同时 ,页面中的三个被放大的数字 ,也起到了良好的引导提示效用 。
大胆在页面中把极为关键主要的操作凸显出来,比如放置在最开始展示的屏幕,加大用来展示其涵盖范围的区域,或者应用特殊的视觉方面的处理等等诸多情况之类内容,去吸引用户
于素材存有局限性这样的情形之下,有一些从事设计工作的人员,会展开相关的尝试,把那种具备最强吸引用户功力的操作举措kaiyun全站登录网页入口,放置于第一屏里面,像抽奖这种行为,还有领取礼包这般的情况等等诸如此啊,即便有时它们不是处于操作执行体系里面的第一步;
应用中心女生节有活动页,其活动规则为,每玩一款应用就能获一次抽奖机会,可是若按常规思路排页面,礼包展示跟抽奖按钮定会被挤到第二屏,首屏仅仅是平铺的应用列表,平淡且无趣,于是我们对页面作出了调整,请把领取礼包放到第一屏,当用户没抽奖机会,却点了领取礼包时,再给那个用户去玩应用那种相应引导。
如此这般举动可是能够于当下既定现实条件所施加限度范围以内,实现提升关于页面的那种冲击力与吸引力之功效的哟,从而具备其积极意义,然而与此同时在此过程当中却也理所当然无可避免地存在着特定某种风险隐患,就是这种风险隐患会致使身为用户的人们在进行操作之时所遵循的流程,跟眼前页面真正原本应该遵照执行的正确操作的固有流程之间产生背道而驰的状况,进而导致用户出现错误的可能性得以提升,增加了犯错概率呢。
这时要靠别的交互办法弥补,像上面讲的给出流程示意图,或是犯错后友善引导等等。笔者个人挺理解这种设计方法,找到页面核心任务与核心操作,果断给非核心功能做减法并舍弃,虽说最后得出的或许不是最佳成果,很多情况下这也是一种必要且可行的设计思路。
其实对于活动页的设计,达内数字艺术学院深圳网页设计培训部老师想和大家分享的不过寥寥几句,即注重信息表达,充分利用首屏布局核心信息,也就是标题、参与入口以及奖品展示处,还要找准页面核心任务并凸显核心操作,给予友好简明及流程方面的引导与提示。也还得关注活动数据,再以数据找活动页面相关改进点。以上是深圳达内UID老师教学后总结出的经验,虽有些稚嫩,假如能给大家带来些许思考与启发,便颇为满足了。