聊下你不知道的交互设计:交互设计师在项目中是如何工作的

从事交互设计3年了,经常有朋友和同事问我“到交互到底干嘛的?”答曰:“根据用户的需求及场景,用简单、愉悦的方式完成任务”。但他们似乎还是不太明白。

聊下你不知道的交互设计:交互设计师在项目中是如何工作的

从事交互设计3年了,经常有朋友和同事问我“到交互到底干嘛的?”答曰:“根据用户的需求及场景,用简单、愉悦的方式完成任务”。但他们似乎还是不太明白。

那么交互到底是干什么的呢?那么不得不提现在炒得火热的“产品经理”。如果说产品经理是电影的编剧,那么交互设计师则更像导演,通过各种展现方式来展现作者想表达的情怀。

下面由我来描述下交互设计师在项目中是如何工作的:

一、首先交互设计师需要解读产品需求文档,了解用户需求,以及通过哪些功能满足用户的痛点。eg:

譬如微信要做动态部分人可见的功能。原因大概是年轻人总会有一些照片不希望让长辈看到,职员总会有一些吐槽不希望让领导看到。该功能保护这些群体的私密性。

二、了解需求后下一步是组织功能架构。将对用户具有相同效应的功能进行整合,分清大的模块。

然后

根据逻辑性,操作频度,业务重要性调整模块子功能的层级顺序。

组织功能架构可以“任务”,“主题”,“用户”,“隐喻”划分。eg:

聊下你不知道的交互设计:交互设计师在项目中是如何工作的

微信就是典型的以主题为主的组织结构(上图),将具有相同属性的功能控制在一个范围内:

  • “微信”:主要是IM聊天、收付款、扫一扫、添加好友等社交性的功能
  • “通讯录”:主要是查找通讯录中的人,管理通讯录的人,添加好友等关于人的功能
  • “发现”:主要属于运营提升活跃的功能,发现朋友的新鲜事儿,寻找新朋友,发现游戏及购物。
  • “我”:都是属于“我”的内容,我的相册、我的钱包、我的优惠券、我的表情、设置。

聊下你不知道的交互设计:交互设计师在项目中是如何工作的

而以任务为主的组织一般用在次级分类中,例如淘宝的订单(上图)这里我上图就不赘述了。

三、确定框架结构后,模拟用户使用场景,将需求转化成任务。eg:

就拿大家最熟悉的网购来说吧

聊下你不知道的交互设计:交互设计师在项目中是如何工作的

  1. 譬如逛淘宝,如果你有明确目标可以进行关键词搜索,如果需求很模糊可能会看导航中的推荐版块。
  2. 经过价格和销量的排序筛选后,你终于找到了中意的宝贝。
  3. 有可能还没发工资没有足够的资金,只好宝贝“加入收藏夹”以便以后购买。也有可能豪爽的“立即购买”
  4. 点击立即购买后你需要确认好你的大小和样式及数量。
  5. 输入的收货信息(由于这些需要输入的内容比较繁琐,所以常用收货信息提高了效率)。
  6. 提交订单。
  7. 选择支付方式并支付(可能银行卡没钱等各种情况支付失败)。

那么很显然,通过任务及场景,我们可以很好的确定页面之间的逻辑顺序,页面内需要的内容及功能,以及页面可能发生的各种异常情况

四、当你清晰的了解场景任务后,就可以开始设计原型了,对于原型设计的依据一般来源于以下:

  1. 平台规范(iOS&Android design guideline),了解相应平台中的控件,以及使用的禁忌。
  2. 通用的设计原则,例如“功能可见性”,“即时反馈”,“防呆防错”,“费茨定律”(按钮的可触达),“7±2法则”。
  3. 对用户的认知和心理模型进行研究,如果产品的内容与用户认知不匹配,就相当于对牛弹琴。所以必须了解用户当前的对产品的态度,对产品的了解程度,所拥有的知识背景
  4. 考虑内容的约束和限制,例如对任务失败的反馈(网络环境不好加载失败),对内容进行限制(文字长度及格式),对用户犯错或可能犯错的警告提醒,对极限情况时的页面展示。
  5. 整齐的排版,具有隐喻意义(iphone解锁)或有趣的动效(谷歌的加载动画),提升产品的趣味性。

五、设计完原型就可以与团队评审并交付UI和技术开发设计了,但这些都不是我想说的。因为真正重要的验证你的设计。

在上线后多注意用户多反馈,后台数据中页面的流失率,点击率,转化率,用户的使用流程(如何使用产品),如果能达到预期效果那么说明设计合理,如果没达到那可以分析原因下一版迭代,以此来验证自己的设计是否合理。

相信说了这么多,你对交互设计师有了一定的了解了吧?

 

作者:厨房仔,一只野生UX设计狮(微信:addgyuifhk 欢迎骚扰)

原文地址:http://www.jianshu.com/p/2e72ab0e264c

本文由 @厨房仔 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29750/

(0)
CatherineCatherine
上一篇 2017-05-25 17:28
下一篇 2017-05-25 19:28

相关推荐

  • 即将开课!6周,快速玩转axure,同时提升产品和交互能力

    前段时间,一位朋友因为原型不太过关,被老板委婉提醒了。我这位朋友的状况不是特例,原型是产品经理最基础的技能,如果不过关,后果太可怕了!最后给老板留下的印象:这人产品能力不行,每天加班就为改原型,产出太低。想成为靠谱、高薪的产品经理?第一步得提高Axure原型能力!起点学院&腾讯课堂联合打造给产品经理的Axure课程已有1868位同学学习,学习效果显著Axure零基础也能学,学完画出规范原型产品思维和交互贯穿全程,学完告别画图经理通过6周...

    2018-04-08
  • 用户体验系列05:降低用户记忆负担的五种类型

    碎片化应用,是一个日益被强化的概念,诠释了用户的使用场景。其实在碎片化应用的背后,也映射出用户需要面对海量的数据,需要承载的东西太多了。一个好的产品,在某些方面应该是能够帮用户减负的产品,降低用户记忆负担就是重要的一环。能让产品帮用户记忆的,就尽量不让用户记,增加用户负担。这里我汇总了五种常见的类型,以供大家参考。一个用户正在用手机看新闻,此时屏幕顶部弹出一条消息,告诉你预约的家政人员会在下午上门;然后用户退出新闻客户端,看到家政APP图标右上角提示有一条信息;打开APP并进入消息中心,看到了那条信息。除了提醒信息外,还提供了家政人员的姓名、电话等信息,用户可以直接点击手机号联系家政人员;当用户完成了一系列操作,退出APP,APP图标的提示标识也消失了。

    2017-05-03
  • 接下来炎热的8月,这3个设计趋势会更加流行

    趋势大多是这样,兴衰随着时间的推移快速的变化。

    2017-06-05
  • 移动端用户体验:底部导航

    把最重要最常用的操作放在屏幕底部非常重要,因为它们能用一只手指轻松触及。

    2016-10-30
  • 【干货】2014年微博话题年终盘点

    阿西导读:对于交互设计师来说,需要掌握很多信息。以免在自己的产品设计中让用户感觉落伍,适时添加一些热词的交互会提升产品体验,下面来瞅一瞅最火的话题先 。 本报告在进行2014年话题盘点时,以专题形式进行。…

    2015-01-20
  • 【交互】做上进的设计师,交互设计大趋势!

    一群关注趋势的小伙伴,从大量的APP中去发现设计范式,挖掘设计趋势,预测出在移动产品中会被广泛应用的十大交互设计趋势。希望这些新颖的设计模式,为设计师们带来创新设计灵感,进而为用户带来新鲜有趣的体验。|…

    2017-08-01
  • 用户界面缓解曲线

    由于采用扁平设计,动画的质量是创造伟大的界面更是必不可少的因素。通过动作设计,可以影响产品的整体体验,并从市场上把它分开。动画可以使复杂的相互作用简单,把好设计成令人难忘的用户体验。但是,我们如何创…

    2015-05-26
  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • 聊聊2017年即将流行的UX设计趋势

    2016马上就要过完啦,我们来回顾下今年用户体验都发生了哪些大事,并通过回顾过去来展望2017年的用户体验将会有哪些趋势。“可用性”这个词本身变得不那么重要了。它不那么需要我们了。“聊天机器人”是我们行业中最热门的术语之一,如果你还没有,我们很有信心你将很快建立一个。但对话式界面的未来是什么样子?但后退一步:是不是每一个界面都是用户和机器之间的对话?未来的交互不是由按钮组成的。公司不只需要一个界面,而且设计师也不只通过设计工具来完成他们的工作。苹果手表和Alexa可以让用户不碰手机的情况下使用Uber。虽然这可能听起来很简单,但它为人们对技术的期望设定了基调:完全连接和无处不在的体验。作为设计师,我们如何将所有的拼图连接在一起?我可以向Alexa请求Uber乘车,在我的Apple Watch上接收预估时间,与Messenger上的朋友分享费用,并在我的手机app上评分吗?技术应该尽可能不被注意到。——Amber Case,Calm Tech从《黑客帝国》,到《她》和《黑镜》,人类总是幻想生活在虚拟现实的世界。随着数字世界变得更加真实,我们需要采取的行动来实现这些体验。设计VR不应该意味着将2D实践转移到3D,而是应当寻找一种新的范例。 ——Jonathan Ravaz我们一直在听的问题:设计师应该写代码么?设计师画原型吗?设计师应该写文案吗?至少有几十篇文章试图回答这些问题,所以我们现在可能更接近一个确定的答案:这些都可以。今天,UX设计师可能会身兼数职。当我们开始为我们的自动化生活进行设计时,我们首先需要自动化我们的工作。我们将与机器人一起设计。多样性和伦理是今年用户体验中最重要的两个主题。许多设计师之所以从事UX,是为了更好的改变人们的生活。我们可以找到这么做的关键点么?设计并不是一件附属品。我们的工作影响着人们的生活。设计可能失败,但设计师不能。如果你的公司只是为了赚钱,也许你应该找一个更好的公司。这不是你的错,但这是你的责任。—— Alan Cooper,Ranch Stories talk

    2017-05-14
  • 提问解答:如何优雅的设计APP页面

    页面框架设计只是整个产品设计中的一环,不要把眼界局限在这一环,也不要只站需求、只站在交互、只站在视觉上思考问题,从多个角度看问题,你才会学会成长。

    2017-06-08