第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

实例分析:运营活动项目中交互设计的4大维度

时间:2017-05-26 09:02来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
大家都知道,运营类app会经常做各式各样的运营活动,面对不同的活动类型,会有不同的需求和用户目标,怎样能够快速理解需求并做出逻辑清晰的交互方案,下面以最近做的一个会员卡绑定

1HwatqdotY6QCXO9hjN1

  大家都知道,运营类app会经常做各式各样的运营活动,面对不同的活动类型,会有不同的需求和用户目标,怎样能够快速理解需求并做出逻辑清晰的交互方案,下面以最近做的一个会员卡绑定激活的运营活动作为案例来总结一下交互设计的那些“套路”:

  首先,接到这个需求时,产品给了个简单的原型:

QQ截图20170526085755

  这是什么鬼?

  大概看一下原型,可以看到有三个承载页面,第一步是要输入手机号和验证码,第二步输入卡密,最后一步验证成功,进行下载。咋一看一头雾水,这貌似是一个激活卡的流程,为了更加精准地了解产品需求,于是找到产品直接进行需求沟通(沟通前需要去思考用户场景和每个细节):

  我:这是什么个需求?

  pm:一个会员卡激活绑定的流程页。

  我:会员卡是什么东西?

  pm:这是一个实体卡,是我们平台用户升级为会员用的,上面有logo,卡号和密码图层

WASwFG322MNpE8RbX5jw

  我:这卡是怎么来的?

  pm:平台通过线下运营活动给平台老用户进行的福利或者用户进行购买获得。

  我:会员卡有什么用?

  pm:激活后可以将帐号升级为会员(类似qq会员那种)

  我:用户要怎么才能激活?

  pm:通过扫描会员卡后面的二维码来进行激活。

  我:激活后又会怎样?

  pm:激活后用户升级为会员,能享受各种xxxxx牛逼的特权。

  我:为什么要做这个需求?

  pm:让我们平台用户能够升级为会员,然后就…….

  我:额……

  好了,现在已经大概了解了项目需求,先出个一版交互看看:

AywRZD8ehsKUP50BYuUH

  额,感觉就是把产品原型稍微优化重新排个版而已,如果这样就算做交互了,那也太简单了,这个时候需要更加深入地思考和分析:

  上面的步骤流程有没有问题?第一步就要输入手机号?

  头部的广告是什么?跟激活卡有什么关系?会不会影响用户正常激活流程?

  按钮的文案是不是有问题?提示文案是不是太简单?用户是否看的懂?

  ……

  从交互设计三要素重新梳理整个逻辑流程:

  1、目标用户:大部分平台普通用户(非会员用户)和少量非平台用户,通过某些渠道活动营销或自己花钱购买到实体会员卡。

  2、用户目标:希望用卡能够快速进行升级会员,然后可以享受各种xxxxx牛逼的特权,然后可以买各种便宜的东西等等。

  3、使用场景:用户拿到会员卡后,看到卡背面有二维码,用户下意识地用微信去扫一扫,这个时候就要去思考,用户扫完二维码后出现的页面的心理预期是什么?难道应该是像产品原型里面那样直接出现输入手机号和验证码吗?仔细想想是不符合用户心理预期的,其实用户更希望看到关于卡详细的信息,以及这个卡怎么样一个激活流程,让用户提前看到激活的步骤和操作会让用户有更好的心理安全感,另外如果能让用户直接看到升级会员后能够带来哪些好处能够享受哪些特权会更加促使用户进行升级会员的操作。

  分析了这么多,突然思路就清晰一些了,现在我们再重新优化一下交互,就当作第二个版本吧

fzWy0vKAHax8Tnj44t5R

  嗯,现在看起来是不是页面结构清晰多了,用户通过扫描二维码进入后可以看到大大的标题“特奢汇会员卡激活”以及副标题“升级超级会员,尊享会员8大特权”从标题上就告知用户这确实是会员卡的激活流程,以及升级会员会享有8大特权,符合用户的心理预期。标题下面一块滑屏区,展示着升级会员后会享有的一些特权和好处,这个地方也是为了让用户更好地了解会员的好处并促使用户进行升级的诱发剂。滑屏区下面的步骤拆分区域也是为了更好地让用户感知到整个流程和需要操作的步骤。

  看到这里感觉这版应该没有什么问题了,正当我要定稿的时候,为了确保没有遗漏什么重要的细节,还是要再仔细思考一下:

  页面流程是否有问题?是不是能够更简化?

  页面是否清晰明白?用户是否能够看的懂?

  用户当前的心理预期是什么样的?需要引导用户怎么操作?

  用户为什么要进行这个操作?用户的目标是什么?

  还有没有更好的方案?

  ……

  不停地问为什么,同理心的目的就是让我们能够站在用户的角度去思考用户的心理和其行为模式。

  抱着一定有更好的方案的思路才能不断突破:

n5syM3Y9s1afcf5dw4Re

  优化后的思路是把特权滑屏区域去掉,将这里做成了实体卡样式。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕