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

文章目录[隐藏]

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

作者: 小米渣和大冬瓜

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

 

交互设计核心价值

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

1、职业价值

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

2、团队价值

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

3、沟通价值

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

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

转载来源:FJUX(公众号)

 


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

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

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

 


推荐阅读

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

UXRen公众账号
关注UXRen微信公众号(cnUXRen)

UXRen社区欢迎各界用户体验从业者及学生投稿优质原创文章。投稿请关注UXRen社区公众账cnUXRen(上面有二维码)留言“我要投稿”,小编会及时与您取得联系。

版权声明:除转载文章外,本站所有文章版权归UXRen社区所有,转载请注明出处:UXRen社区,并保留本站原文链接地址。本站部分文章来自互联网及公开渠道,如有侵权请及时联系我们。邮箱:contact@13tech.com.cn

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/21069/

(0)
震天下震天下
上一篇 2017-08-07
下一篇 2017-08-07

相关推荐

  • 30个笑死人的设计【UXRen译#168】

    作者:ARMIN ZAHIROVIC   |  翻译:楠木,校审:天蛙   乔布斯曾经说过:设计不仅是看上去如何,感觉如何,而是用起来如何。 一般来说,我们喜欢展示伟大的设计,但其实从糟糕的设计中也可以学到很多。我们不认为St…

    交互专题 2017-08-07
  • Medium评选的年度最佳设计文章2016

    译者:陈晶,审校:刘洁 该文章为UXRen翻译组的陈晶和刘洁同学基于Medium的文章《Medium’s Best Design Writing of 2016》整理、翻译和审校完成,为我们呈现了北美科技圈在2016年的最佳设计文章。 注明: 1、以下文…

    交互专题 2017-08-07
  • 深入研究了4款外卖APP,我做了交互优化

    作者:陈仁杰 题外话:作为一名交互设计师,平时闲下来特别喜欢分析市场上的一些具有代表性产品的交互设计。同样,作为一名资深的吃货,毋庸置疑,当然先给大家分析几款“外卖”的交互设计。 首先,我将分析的逻辑和…

    2017-08-04
  • 用微妙动效改善用户体验的简单方法

    译者:zyl0127     应用程序中的动效具有新的改良性的意义。跟过去的华丽、混乱的网站动画不同,新的动画干净、流畅,并且易于导航。忘掉你所知的GIF、令人不愉快的广告和Flash网站吧, 这些都是过去的事情了。 当…

    交互专题 2017-08-07
  • 前景理论与损失厌恶:用户如何做决定?【UXRen译#180】

    作者:AURORA HARLEY   |  翻译:小包,校审:Ariel   概要:当在好几个选项中进行选择的时候,人们会避免损失和选择确定的收益。这是因为损失的痛苦感要超过同等收益带来的满足感。因此UX设计应该要构建决策信息框…

    交互专题 2017-10-20
  • 【笔记干货】UCAN2017用户体验设计论坛

    作者: 阮小阮     忙忙碌碌一天这么晚还没睡是因为我在给大家编辑UCAN的干货哇~ 虽然我平常很懒,可我们真的只推干货哇~ 希望大家都能获取一些知识一些思考 互联网这么快,拥有平衡的能力真的很重要~!   董本…

    交互专题 2017-08-07
  • 交互设计中几个要注意的关键词

    作者:Guibin@DesignGB   sprint “罗马不是一天建成的。” “千里之行,始于足下。” 将一个大问题,拆解成很多小问题,一点一点实现并验证可行性,一个版本一个版本改善,用迭代的思想输出成果。越早交付价值,就越早…

    交互专题 2017-08-07
  • 交互设计师的60日计划之第十天

    今天一直处于多线程高并发的状态,所以大脑目前已经死机了。一上午的用户访谈,今天的用户很专业,所以得到很多有用的信息;下午和产品经理过wiki优化的事情,确定大致的方向,然后开了一下午周会;回来和视觉一起…

    交互专题 2015-08-20
  • 18清美考研交叉学科交互设计高分学员黎娜经验分享

    Dream Big,Work Hard黎娜本科广州美术学院  工业设计我的一些基本情况:我本科毕业于广州美术学院工业产品设计系。大学期间由服装设计转为产品设计,产品设计主要是偏向于生活家居类小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2018年6月底就决定报考这个专业。7月到10月:7月刚刚来北京备考时的状态大概处于仅仅很想考“信息艺术设计”这个专业,但是根本不知道考试内容是什么,更不用说...

    2018-04-17
  • 重温《别让我思考》,这本书到底告诉了我什么【UXRen译#141】

      作者:Nick Kellingley(交互设计基金会社区经理)| 译者:天蛙,审校:xing   《Don’t Make Me Think》是人机交互和易用性工程师Steve Krug写的一本书的书名(中文版本的书名是《点石成金》)。这本书教用户体验…

    交互专题 2017-08-07