从用户行为打造活动交互设计闭环——2014年世界杯竞猜活动设计总结.pdf

从用户行为打造活动交互设计闭环——2014年世界杯竞猜活动设计总结 前言：从需求→交互设计→视觉设计→开发上线，不到20天的时间，6月12日世界杯活动上线了。 首先为我们这个团队点个赞。活动两个月期间一直没有时间整理，现在活动结束，说说此次暴露的 一些问题及反思。 世界杯竞猜活动平台: web+wap，活动页面如下图。 本次世界杯活动暴露的主要问题： 1. 新手不知道在wap端怎样可以领奖。 2. 一些用户刚开始不知道如何换场。 3.手机端适配：UI整体偏小，没有适应手机端的小屏操作。 那么这些问题在后续的活动交互设计中，可以怎样避免呢？笔者认为，设计完成后的自查自审是非 常重要的一步。从成功或者失败的经验中，不断沉淀出可复用的方法。 从用户行为打造活动交互设计闭环 图3. 交互设计5大因素 江南大学辛向阳教授曾经提出，交互设计的对象是人的活动，交互设计最核心的因素有 人（people）、动作（actions）、辅助工具（means）、环境（contexts）和目的（purpose）。 因此用户动作流程在交互设计中非常重要，在活动中用户行为路径较app使用行为来说更单一，如 何步步紧扣，做好用户操作行为引导和信息呈现，如何在每个步骤尽量减少用户流失，是活动交互 设计的关键所在。 这次活动设计中，我们期望以竞猜世界杯输赢贯穿始终。在奖品设置方面有两条线，一条是为了刺 激用户回访的积分有奖，猜中一场即可获得相应积分，积分 达到一定数值即可兑换相应奖品，积分 梯度共6个，领取奖品积分不扣除；另一条线则是整个竞猜活动结束，根据积分排名来赢取大奖。 所以，这两条奖品领取路线 互不干扰。 有了上述活动规则前提，我们期望的用户操作行为路径就出来了。 图4. 理想的用户竞猜流程 根据行为路径，我们来分析每一步的用户认知，从而推导出每一步的信息呈现：需要呈现的信息有 哪些？哪些是主要信息，哪些是次要辅助信息？ 图5. 通过任务分解找到重要信息 根据行为路???，我们能确定页面基本元素：活动标题、活动规则、竞猜区域、积分有奖。另外为了 刺激用户参与、增强活动的互动性，我们在页面上突出了大 奖的展示区域和竞猜排行榜。从数据 来看，wap端参与人数明显比web多；从信息结构来看，web信息更扁平，wap受限于屏幕大小，信 息层级更深，更易 暴露设计上的问题，因此笔者在下文中主要分析wap上的用户行为路径。推广部 分此文暂不分析。 行为1：进入活动主页 图6. 言简意赅的活动主页banner 传达了活动主题，活动规则通过什么去体现呢？大段的文字是没有人会去读的，笔者总结了一些活 动页面，总体呈现要素有3个： ①一目了然的参赛界面 这一点不用细说，即可视化的呈现方式，通过图形让活动玩法一目了然。本次世界杯活动中，笔者 认为比较出色的是QQ和网易新闻的处理方式，模拟现实场景，让用户通过已知事物移情，减少了 认知和学习成本。 图7.形象化的竞猜主界面 ②参赛流程介绍 参赛流程往往是作为规则的辅助说明，对于逻辑较多，且用户操作后不能立即获得结果反馈的活动 页设计尤为重要。在此次的世界杯活动设计中，笔者自认为 忽略了这个重要环节，导致很多用户并 不知道“积分有奖”机制。后期通过数据观察，发现此问题后，我们通过私信push消息告知，很多用 户也根本找不到入 口。下面看看其他家的做法：通过流程的介绍，简要告知活动机制。 图8. 活动流程介绍 ③顶部的活动规则入口 前面提到过，很少有人去读长篇大论的活动规则介绍，但是也必不可少。一般在活动页面顶 部banner中嵌入活动规则入口，或者在页面底部做简短的文字说明。 行为2.竞猜各场输赢 竞猜是这次活动的核心，用户也需要最快捷地知道活动的玩法 ——how。由于活动规则设定，每次 只能竞猜一天的赛程，每个比赛日又有N个场次。用户竞猜的核心动作就包括：“猜”和“换场”。 ①猜 上文提到过，活动玩法可通过可视化的图形界面引导用户。同时，还有一点不容忽略，即Dan Saffer在《微交互》一书中提到的一个重要环节——反馈。《微交互》中提到的老虎机的虚假反馈 机制是激励人们即使赢不到钱，也会继续赌博下去的利器。 当然，在活动设计中，并不存在如此强 大的