情境化——让活动页面击中用户

标签: 产品设计 | 发表时间:2012-11-07 16:51 | 作者:P迪
出处:http://www.alibuybuy.com

背景:

市面上为大众所喜闻乐见的活动专题页面基本是:以漂亮精美有视觉张力的人物及卡通形象做视觉主体+有效衬托主题的场景元素做渲染背景,结合活动的主题、操作详情等等元素,达成体验上清晰便捷、视觉上有冲击力和感染力的页面,像这些:

问题:

这类的页面往往乍一看很吸引,但没有太多内在力量,并且我本身负责的项目之前以红钻营收为主,常面临素材缺失的问题(受红钻特性所限,QQ秀形象和场景均比较单薄,缺少像游戏、品牌专题那类有饱满的原画、麻豆形象做视觉主体)并且页面中的文字内容常常比较繁冗;少了形象主体加持,还要承载相对繁琐的文字元素,如何把页面做的吸引用户、并经得起长时间停留?再者即便有了主体素材,如何将内容清晰条理的呈现?让页面少一些俗气,真正的感染到用户的心里?

 

解决:

做”情境化”的视觉呈现,这样一方面把页面的详情流程注意事项等内容既完整清晰的陈列出来, 并且再一方面能够抓住用户的眼球,感染到用户的心田,击中用户。情景化=情绪+场景。我小提炼了自己的方法:STEP1:提炼当前需求的核心目的和核心操作,STEP2:提供一个可以被完美承载的场景, STEP3:赋予一个适宜的氛围和内在情绪。

详细的说是首先充分了解这个项目背景,找准需求目的、受众人群;从而提炼一个可以把这些元素巧妙的融合串联的承载场景;最后用适宜的视觉元素、色彩铺陈等等为页面注入合适主题的情绪——或热烈、或清新可爱甚至是伤感等等,从而和用户的情感衔接,感染到用户的情绪,神不知鬼不觉中完成活动目标,击中你的用户。

 

举例:

01  财付通网银开通钻中奖活动  (2011.9)

(这是去年刚入职的一个需求,有些糙,但也是从这里引发情境化的设计方法)。这是个常见的抽奖活动,只要用户在这里开通业务:就得到游戏权限以翻牌的形式抽取奖品。先看看前期产品给到的相关:

只有一个感觉:平淡 没意思 。这个路线的最终输出绝对会被用户无视。并且用来吸引用户的奖品(虚拟徽章什么的)元素也不具备充足的吸引力…想来想去,略有吸引力的也就是翻牌的游戏会有一定的趣味性,并且这又是本活动的核心操作,值得凸显。基于这个思路,不如就直接来个玩牌的场景,突出翻牌操作,顶视图的视角又能够巧妙的把活动奖品,繁琐的事项、名单展示等等说明一起融合在场景中;最后用皮革、金笔等元素烘托出华丽贵气的气氛,让用户进到这页面就有一秒钟变有钱人,看到赌场就想甩钱出愿意玩一把的感觉…

输出:

02  Q秀拼图开启红钻特权活动  (2012.4)

这个活动也是个轻量小游戏:红钻品牌图被分割成小方块,通过鼠标点击拼装成完整的图片;客观的讲没啥好玩儿。这个拼图的核心操作怎么让用户有玩的兴趣,想了很久,包括做个很酷炫的场景什么的,但是一方面时间成本太高,一方面轻量到不行的小游戏怎么撑的起…

灵光一闪(周围有个交互同学在炫耀新鲜牛排)想到包装成一个iPad版的游戏…让广大屌丝用户有种在玩iPad游戏的幻觉。4月份的深圳草长莺飞蓝天白云,是游戏时最喜欢的清爽舒服无压力的环境,用来做页面背景也自然是极好的,同时加上略带童话幻想的天空之城元素… 希望点进来的用户一进来就放松,看到iPad就想玩,就算不好玩儿在这里多呆一会儿也舒服;

输出:

03  情侣红钻 寻找爱的另一半  (2012.4)

本活动提供出一个平台:单身的人也可以开通情侣红钻,在海量的用户一定有另一个单身的人有缘和你绑定(第一反应想到是非诚勿扰陌陌什么的)。

经过交互大脸文笔包装:寻找爱的另一半。给我感觉勇敢和伤感并存。为了避免以“爱“之名的活动轻浮草率,同时也拉拢玩游戏有购买习惯的用户,决定抛弃常规活动热闹、营销的感觉,用忧伤、浪漫、有情感渲染力量的视觉做主调(人类的快乐转眼就忘记,伤感的东西反而更有力感人)。诗人依赖月亮,恋人依赖肩膀… 有什么比和相爱的人依偎着看岁月变迁宇宙洪荒什么的更感人? 场景出来了,情绪明确了,设计就好做了。

输出:

总结:

1. 保持感性的心,忘记哪位大神说的:永远年轻,永远热泪盈眶。设计师更应该如此,能够感动自己的东西才有感染别人的可能。

2. 素材不充分的时候,可以自己创作一些元素。不需要像游戏原画那么精妙的小画.只要适应主题就会有很好的效果。

3. 多看多看再多看… 这也是之前很多前辈都讲过的设计师最有效的方法。

以上是结合自己从学校到TX这一年里的输出和方法所做出的总结,还比较浅显,欢迎大家交流探讨。

来源: http://isux.tencent.com/%E6%83%85%E5%A2%83%E5%8C%96-%E8%AE%A9%E6%B4%BB%E5%8A%A8%E9%A1%B5%E9%9D%A2%E5%87%BB%E4%B8%AD%E7%94%A8%E6%88%B7.html


© 推荐 for 互联网的那点事, 2012. | Permalink | No comment | Add to del.icio.us
Post tags:

你可能也喜欢:

无觅网首发两轮微博活动,感恩用户支持 (@wumii)

征稿活动第一阶段公布结果 (@wumii)

实用的Web工具Clixpy: 捕获用户行为活动

一致性 VS 使用情境

如何策划一个受欢迎的活动
无觅

Feed enhanced by Better Feed from Ozh

相关 [活动 页面 用户] 推荐:

情境化——让活动页面击中用户

- - 互联网的那点事
市面上为大众所喜闻乐见的活动专题页面基本是:以漂亮精美有视觉张力的人物及卡通形象做视觉主体+有效衬托主题的场景元素做渲染背景,结合活动的主题、操作详情等等元素,达成体验上清晰便捷、视觉上有冲击力和感染力的页面,像这些:. 这类的页面往往乍一看很吸引,但没有太多内在力量,并且我本身负责的项目之前以红钻营收为主,常面临素材缺失的问题(受红钻特性所限,QQ秀形象和场景均比较单薄,缺少像游戏、品牌专题那类有饱满的原画、麻豆形象做视觉主体)并且页面中的文字内容常常比较繁冗;少了形象主体加持,还要承载相对繁琐的文字元素,如何把页面做的吸引用户、并经得起长时间停留.

活动 Web 页面人机识别验证的探索与实践

- - IT技术博客大学习
   在电商行业,线上的营销活动特别多. 在移动互联网时代,一般为了活动的快速上线和内容的即时更新,大部分的业务场景仍然通过 Web 页面来承载. 但由于 Web 页面天生“环境透明”,相较于移动客户端页面在安全性上存在更大的挑战. 本文主要以移动端 Web 页面为基础来讲述如何提升页面安全性. 活动 Web 页面的安全挑战.

西安电信屏蔽用户申诉页面

- Hing Sar - 月光微博客
  西部网报道,有西安用户反映,登陆工信部网站进行投诉,整个网站访问正常,唯独“电信申诉”页面无法访问. 怀疑西安电信为了防止用户投诉,将工信部“电信申诉”页面屏蔽.   随后记者电话联系工信部工作人员,得到的答复是工信部在陕西地区没有设立服务器,也没有使用任何技术手段拦截来自陕西地区的访问,至于为什么无法访问投诉页面,这个需要“问一问当地的电信客服”.

一个页面重构工程师眼中的“用户体验”

- - 所有文章 - UCD大社区
在工业化设计融入人们生活的现今,用户体验一词就常常出现在人们的视线里,随着互联网web2.0时代的到来,大大小小的网站设计中也都开始关注用户体验的方面,对什么是用户体验(百度这四个字,比我写什么解释都好)就不做详细赘述了,相信大家比我了解的更加丰富. 用户体验从产品设计阶段便开始介入进来,如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀,听过这样的一句话:“具有良好用户体验的产品,不仅仅取决于一个有着丰富交互设计经验的产品设计师,还与产品生产过程中的每一个环节是否都具备良好的用户体验意识有一定的关系”.

页面右侧的信息会令用户注意吗?

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  从以前很多的可用性测试结论中我们都能认为,用户其实是很少去关注页面右侧的信息的,以至于用户其实忽略掉了很多我们提供给他们的引导路径. Peter Collins (Managing Director, WUP Ltd) 这个人呢组织搞了些实验和测试,发现实际上,页面右侧的信息并不是任何情况下都会被用户忽视.

【活动延展】谈谈用户至上、微创新和运营

- - 极客公园-GeekPark
[核心提示]这是一篇“走进 360” 活动的总结,要点式的介绍了 360 的产品观和方法论. 编辑注记:这是一篇由参加“ 极客公开课・走进 360”活动的 产品观察家写的活动总结,没参加当天活动的同学不要错过. 作为拥有几亿用户的公司,360 的产品每一个小小的改动都能引起业界的关注. 这次极客公开课的各个部分演讲,根据我自己的认知和理解,做一些阐述,简单总结一下 360 在做产品上的原则,更详细的还是期待极客公园的视频吧.

全球25亿互联网用户分布及活动(组图)

- - 动点科技
让我们看一看下面这组图,以此开始我们的新年吧,图中显示了全球互联网用户分布及他们在网上从事的活动. 这个幻灯片由 WeAreSocial新加坡团队制作,共有180页,显示了我们迄今掌握的涉及全球25亿互联网用户的所有事实和数据. 本文最下面嵌入了完整的幻灯片,但我们先来看一看与亚洲有关的一些亮点:.

使用HTML5里页面可见性接口判断用户是否正在观看你的页面

- - WebHek
长期以来我们一直缺少一个判断用户是否正在浏览某个指定标签页的方法. 现在,HTML5里页面可见性接口就提供给了程序员一个方法,让他们使用 visibilitychange页面事件来判断当前页面可见性的状态,并针对性的执行某些任务. 同时还有新的 document.hidden属性可以使用. 这个新出现的 document.hidden属性,它显示页面是否为用户当前观看的页面,值为ture或false.

8个实用的页面布局和用户界面jQuery插件

- - Jackchen Design 1984
网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求. 可能一些需求不能单独使用CSS就能实现的. 于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现. 其实如果你知道一些jQuery,你会发现这些jQuery非常的好用和灵活. 在这篇文章中我们分享了一些优秀实用的jQuery插件.

用户运营,产品运营,社区运营,活动运营到底是个什么关系?

- - 知乎每日精选
在分工明确的大企业内部,就像所有职能都有自己的细分,运营也按照工作内容的不同被划分为各种职位,包括: 内容运营、数据运营、活动运营、用户运营,甚至会更加拆分为细化的 产品功能运营、渠道运营、市场运营、会员运营、社区运营、商家运营等. 通过真实的招聘需求,我们可以直接了解他们分别需要做什么,对从业者的要求又是怎么样的.