产品案例
您当前的位置:主页 > 产品案例 >

干货分享 案例解析UI设计中的交互思维

来源:http://ipebbs.cn 责任编辑:ag88环亚娱乐 2018-11-19 10:52

  最近跨境电商格外地火爆,大家都知道,电商app会经常做各式各样的活动,面对不同的活动类型,会有不同的需求和用户目标,怎样能够快速理解需求并做出逻辑清晰的交互方案,下面就以一个会员卡绑定激活的产品案例来总结一下UI设计中的交互思维。

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

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

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

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

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

  3、使用场景:用户拿到会员卡后,看到卡背面有二维码,用户下意识地用微信去扫一扫,这个时候就要去思考,用户扫完二维码后出现的页面的心理预期是什么?难道应该是像产品原型里面那样直接出现输入手机号和验证码吗?仔细想想是不符合用户心理预期的,其实用户更希望看到关于卡详细的信息,以及这个卡怎么样一个激活流程,让用户提前看到激活的步骤和操作会让用户有更好的心理安全感,另外如果能让用户直接看到升级会员后能够带来哪些好处能够享受哪些特权会更加促使用户进行升级会员的操作。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会官网下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

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

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

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

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

  为什么要这么做?还是要回到用户本身,我们这里的主要用户群体是平台非会员用户,对我们的产品和平台有一定的关注和了解,能够接受花钱购买会员卡进行会员升级,说明他已经提前详细了解了平台会员所有的特权,并且有足够强的动力去完成会员卡激活等一系列流程。所以这个地方再次展示会员特权的意义就并不是很大了,由于考虑到用户是通过实体会员卡扫描二维码而进入的页面,所以在页面上面通过高度还原实体卡样式来展示,通过用户手中的实体卡和界面里面的卡来形成会员卡帐号的互通。当用户输入密码时,上面卡密区域也会同步进行密码输入的联动。

  这样设计的好处就是能够让用户快速地进行场景带入,用户第一眼看到就很清楚地知道需要做什么操作,模拟实体卡设计符合用户的心理预期,能够与用户产生共鸣。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会官网下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

  1、用户:是什么样的人在用你的产品,这些人有哪些特点,有哪些诉求,用户画像越细越好;

  2、目标:用户的目标是什么,用户想得到什么,能够给用户带来什么样的价值。

  3、场景:场景化设计,考虑用户真实的使用场景,这里分为内部使用场景和外部环境场景等,针对不同的场景才能做成符合用户心理预期的设计。

  4、流程:考虑用户在使用过程中在各个场景下分别会产生哪些行为流程,怎样优化用户流程,怎样避免用户犯错并给出友好的反馈等等。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会官网下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

  总之,多问一些为什么,多思考这样做的原因,可以通过交互设计七大定律、交互设计三要素以及5W1H规则等交互方法来进行实施和验证。

  如果你也想成为一名月薪过万的UI设计师,那么现在就要开始学习,不要一直观望等待拖延,这样会错失很多好的机会,学习可以联系老师微信,了解我们的UI设计全能就业培训班VIP课程,从零基础到高薪就业,学习4-5个月。

  如果打算学习我们的UI设计课程,大家可以直接联系我的微信 5032692报名系统学习,如果3999真的一下拿不出来也没有关系,也可以分期报名学习。

  可以,www.ag88.com北京水碧天蓝科技发展有限公司怎么样?,一般 UI 设计工作的公司都为互联网公司,互联网公司卡能力严格一些,学历相对较低,不像传统企业卡的很严格,一般大型互联网公司有大专学历就行了,小型互联网公司有初中毕业就可以了。如果你有足够好的作品,就算学历真的是初中也是可以去大型互联网公司的。而且学历其实也可以提升的,通过成人高考,远程教育,自考等方式都可以提升。

  其它行业都是在六七千左右, 所以大家想学UI设计的,想转行的,想提升自己工资的, 现在是最好的时机, 抓紧时间开始学习,不要再等下去了。 再等下丟行业将会和你不再有缘份。

在线客服
  • 点击这里给我发消息
  • 点击这里给我发消息