设计师是解决问题的人,解题过程就很关键。今天开水网络总结了网易世界杯期间一个竞猜活动专题页从发现需求到开发上线的过程,你可以看到专业设计师发现问题后,如何分析它,然后解决它,整个思路清晰有序,非常值得学习。

从需求→交互设计→视觉设计→开发上线,不到20天的时间,6月12日世界杯活动上线了。首先为我们这个团队点个赞。活动两个月期间一直没有时间整理,现在活动结束,说说此次暴露的一些问题及反思。

  世界杯竞猜活动平台: web+wap,活动页面如下图。
活动专题页怎么制作?有什么技巧?-开水网络
活动页1

本次世界杯活动暴露的主要问题:
  新手不知道在wap端怎样可以领奖

一些用户刚开始不知道如何换场。

手机端适配:UI整体偏小,没有适应手机端的小屏操作。

那么这些问题在后续的活动交互设计中,可以怎样避免呢?笔者认为,设计完成后的自查自审是非常重要的一步。从成功或者失败的经验中,不断沉淀出可复用的方法。

从用户行为打造活动交互设计闭环。

活动专题页怎么制作?有什么技巧?-开水网络
活动页闭环

交互设计的对象是人的活动,交互设计最核心的因素有人(people)、动作(actions)、辅助工具(means)、环境(contexts)和目的(purpose)。

  因此用户动作流程在交互设计中非常重要,在活动中用户行为路径较app使用行为来说更单一,如何步步紧扣,做好用户操作行为引导和信息呈现,如何在每个步骤尽量减少用户流失,是活动交互设计的关键所在。

  这次活动设计中,我们期望以竞猜世界杯输赢贯穿始终。在奖品设置方面有两条线,一条是为了刺激用户回访的积分有奖,猜中一场即可获得相应积分, 积分达到一定数值即可兑换相应奖品,积分梯度共6个,领取奖品积分不扣除;另一条线则是整个竞猜活动结束,根据积分排名来赢取大奖。所以,这两条奖品领取 路线互不干扰。

  有了上述活动规则前提,我们期望的用户操作行为路径就出来了。
活动专题页怎么制作?有什么技巧?-开水网络
活动页流程

根据行为路径,我们来分析每一步的用户认知,从而推导出每一步的信息呈现:需要呈现的信息有哪些?哪些是主要信息,哪些是次要辅助信息?

活动专题页怎么制作?有什么技巧?-开水网络
任务分解

根据行为路径,我们能确定页面基本元素:活动标题、活动规则、竞猜区域、积分有奖。另外为了刺激用户参与、增强活动的互动性,我们在页面上突出了大奖的展 示区域和竞猜排行榜。从数据来看,wap端参与人数明显比web多;从信息结构来看,web信息更扁平,wap受限于屏幕大小,信息层级更深,更易暴露设 计上的问题,因此笔者在下文中主要分析wap上的用户行为路径。推广部分此文暂不分析。

①一目了然的参赛界面

这一点不用细说,即可视化的呈现方式,通过图形让活动玩法一目了然。本次世界杯活动中,笔者认为比较出色的是QQ和网易新闻的处理方式,模拟现实场景,让用户通过已知事物移情,减少了认知和学习成本。

活动专题页怎么制作?有什么技巧?-开水网络
主题

②参赛流程介绍

参赛流程往往是作为规则的辅助说明,对于逻辑较多,且用户操作后不能立即获得结果反馈的活动页设计尤为重要。在此次的世界杯活动设计中,笔者自 认为忽略了这个重要环节,导致很多用户并不知道“积分有奖”机制。后期通过数据观察,发现此问题后,我们通过私信push消息告知,很多用户也根本找不到 入口。下面看看其他家的做法:通过流程的介绍,简要告知活动机制。

活动专题页怎么制作?有什么技巧?-开水网络
主题banner

③顶部的活动规则入口

  前面提到过,很少有人去读长篇大论的活动规则介绍,但是也必不可少。一般在活动页面顶部banner中嵌入活动规则入口,或者在页面底部做简短的文字说明。