一个项目解读交互设计的3个核心价值

作者: 小米渣和大冬瓜

 

说到交互设计的价值,很多人可能一脸懵逼,交互不就是一个画线框图的嘛,然后再用各种乱七八糟的线连在一起。其实这一直以来是行业内对交互设计的一种“误解”,线框稿只是交互设计师最终产出的一套方案而已,然而其背后更多的是:反复与产品进行需求的质疑与争论、不停探寻商业目标和用户体验之间的平衡方案、整理需求涉及所有需要承载的页面、梳理每个页面之间的逻辑与跳转、不同场景和异常情况下的状态呈现等等……

这些全部思考清楚后才会去设计线框稿,之后还要进行评审,与视觉和开发共同讨论方案的可行性。所以线框稿真的只是你们看到交互设计师工作中的“冰山一角”而已。

下面通过一个工作中的项目来聊聊那些交互设计中最核心的价值。

二话不说,先上产品需求原型图:

看到没,看产品原型永远都不知道产品想表达什么,算了,还是直接去找产品问清需求。

  • 我:这是什么个需求?
    pm:平台会员申请成为创客的申请流程。
  • 我:创客是什么东西?
    pm:这是一种身份,类似会员。
  • 我:我为什么要成为创客,对我有什么好处?
    pm:创客可以邀请好友在平台购物,然后就有相对应的分红。
  • 我:第一个页面,申请创客的入口为何要放一大堆条款这些东西啊,用户不会看的啊
    pm:这里只是想让用户明白创客是干嘛的,而且这是一个免责声明。
  • 我:那你也不能这么粗暴,这样用户看都不想看~
    pm:所以这里就交给你来优化了,呵呵~
  • 我:…….
    我:申请的条件是什么?
    pm:没有条件哦,呵呵~
  • 我:我不相信~
    pm:其实也没什么条件啦,就是要填身份证号,上传身份证的正反面照片,再交个100块的费用就好了,呵呵~
  • 我:…….

真是一口鲜血喷出来,这种流程我要是用户我都想掐死产品,虽然这种奇葩的方式是运营定的。好吧,那也只能先弄个大概的流程先:

这里是将每个步骤都展示出来了,申请的入口也做了相应的优化,虽然逻辑流程已经清晰多了,但是仔细考虑一下这种体验真的对用户好吗?用户好不容易有点兴趣来申请一下,然后看到要输入身份证号还要拍照,估计很多用户已经望而却步了,就算资料都提交了然后又告诉我你要交100块才能继续下一步,估计这个时候用户的内心是崩溃的吧,钱交了资料也交了这下总可以了吧,然后再告诉我还要审核,我已经不知道该说什么。

不行,一定要再跟产品运营讨论一下,把这流程改一改,这种体验对用户来讲几乎是毁灭性的,这个时候交互的价值就体现出来了,在全体都在一意孤行的时候,你也要永远站在用户的角度,为用户说话,交互很多时候是在商业需求和用户体验之间寻找平衡。

在一系列的讨论和撕逼之后,大家都退了一步,做了个折中的方案:

这里将提交申请资料和拍照的步骤删掉,缩短了申请流程,但是付费和审核流程还是要留着,这个时候交互就只能想办法在此基础上做细节的优化了,想办法从其他方面来吸引用户去做申请的操作,这里的思路是:

  • 在申请页面用较为吸引力的标题和副标题(文案很重要)
  • 用图标加文字的方式来介绍主要功能点(同样文案很重要)
  • 功能介绍区是促使用户进行升级最重要的地方,除了文案和图标视觉风格能否吸引到用户之外,还可以考虑加入一些交互效果与用户互动。
  • 将价格提前,并做一些氛围方面的渲染(什么大促销、体验价之类的)

 

这里做了两套方案,交互的价值不是单纯给个方案,而是为团队提供专业的知识见解,这两个方案各有优劣:

  1. 第一种功能展示清晰直白,但是版面拥挤展示内容太少;
  2. 第二种界面舒服交互清晰展示内容较多,但是功能点超过3个以上对体验不好。

方案和意见都已经清晰地传达给团队成员,综合考虑最终选择了方案2。

到这个时候交互的工作已经进行了一大半,当主流程已经确定下来之后剩余的就是完善剩余的分流程,这个时候交互另一个重要的价值就是要确保所有的逻辑流程都能顺畅地跑得通。

下面就要去优化交互逻辑,把所有的正常流程和异常态补充清楚:

 

交互设计核心价值

最后总结整理一下交互设计核心价值分为3点:

1、职业价值

将模糊抽象的需求转化成清晰具体的可视化解决方案,这个价值是最基本的专业价值,千万不要觉得是用软件画几个页面而已。所有的交互都是要考虑一整套方案,其中有正向、反向和闭环各种场景。

2、团队价值

作为设计师(不仅仅是交互),最重要的职责是帮助团队成功。虽然方案很重要,但方案只是设计过程中一个交付物,不是设计师最终追求的目标,核心的价值在于为团队提供专业的知识、见解和洞察,而非仅仅只是方案。如果你的团队可能因为不理解用户目标而定义错了目标,在适当的时候提出问题,提醒大家;如果团队纠结于不同的方案取舍,告诉大家从用户的角度来分析两个方案的优劣,可以更好地帮助大家做成准确的决策;如果方向出了较大的分歧,将策略化成可视化原型,帮助团队理解不同的策略带来的影响……

3、沟通价值

在团队中起到承上启下的作用(上游对接产品经理,下游对接视觉设计与开发)。如果说前面两项归类为专业上的硬实力,那这一项沟通价值,就可以将它定义为软实力。千万不要小看沟通的价值,作为一个团队承上启下的角色,沟通起到了十分关键的作用,你的责任心、换位思考能力、表达方式都是影响你最终沟通效果的因素,所以如果你觉得自己沟通能力还有所欠缺,是不是要去尝试着改变一下了?

最后想和大家说的是,看书不在多,而在于有多少内容变成了你自己的东西,边看边总结,会不断地丰富自己的知识体系。交互之路任重道远,大家一起共勉~

转载来源:FJUX(公众号)

 


【视频课】6周锻造1名优秀的产品设计师

讲师:杨老师(某央企交互设计主管,前网易、腾讯交互设计师)

 


推荐阅读

一份简单易懂的交互设计入门手册
一款APP的设计稿从设计到切图(iOS篇,长文干货)
简易有效的竞品交互分析模板
你有一份交互设计文档忘记拿!
交互设计新人的核心竞争力

1 条回复

  1. 头像 设计师说道:

    不理解用户目标?产品和设计也是站在用户的角度分析好吗
    沟通价值?产品和设计需要交互来沟通吗

设计师进行回复 取消回复

您的电子邮箱地址不会被公开。