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

从事交互设计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

相关推荐

  • Google 内部资料:提升用户体验的三大设计原则

    想提升用户体验?在你运用自己的创意和设计思路时,请考虑这些由 Android 用户体验团队秉承用户体验至上的理念而制定的 Android 设计原则。一、让人着迷1. 以意想不到的方式让人眼前一亮漂亮的界面、精心布置的动画,或恰到好处的声效,都会带来快乐的体验。精细的效果能产生一种轻松的氛围,让人感觉自己拥有强大的力量。2. 实际对象要比按钮和菜单更有趣让用户可以直接触摸和操作你应用中的对象,这样,可以让执行任务更轻松,让用户更满意。3....

    2018-02-06
  • Coding Nap:迭代式体感交互设计分享

    CodingNap是为程序员设计的一款办公室睡眠闹钟。程序员是一个不分昼夜工作的群体,十分需要短暂而高质量的睡眠。当程序员十分疲惫需要休息时,按下Coding Nap的按钮,它便为程序员设定了9分钟的睡眠之旅。同时Codin…

    2015-11-18
  • 设计的物理定律的动力响应

    动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒适的动画效果呢?今天就来跟大家聊一聊动效设计的物理法则,以及它是如何应用的。

    2014-12-27
  • 看似平淡无奇的Icons,到底什么才是它的正确使用方式?

    了解食材是厨师的基本功课之一,了解器材是摄影师的基本功课之一,了解城管的时间表是卖热干面大叔大妈的基本功课之一,了解各个组件的设计模式和属性是交互设计师的基本功课之一。

    2017-05-08
  • 浅谈微信应用交互设计

    微信应用相信大家都不陌生,比如前段时间风靡朋友圈的神经猫,就创造了三天过亿访问量的神话,开发一款好玩有趣的微信应用,通过微信朋友圈的自发传播,达到品牌和产品的有效推广,是当下很多企业都在尝试的,但事…

    2017-08-02
  • 深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的?

    来源:H5广告资讯站 作者:小呆 原创文章,转载请联系本人! 记得在上个月小站推荐万达的第一支一镜到底H5作品时,就有用户曾放下狠话:“你就等着我们的一镜到底吧!” 因为留言的人是圈内的技术大神,自然也就引起…

    2016-10-25
  • 如何打造极致用户体验

    积少成多的细致用户体验才能打造颠覆性的产品,颠覆性产品不是一日而成,本文主要帮助大家深入思考用户体验。在移动app产品设计中我们追求2秒定律。即2秒内打开app就让用户知道它是谁?它能做什么。而这些设计中的疑问汇总到一起,就是产品的极致体验都来源一个考量指标:用户感知度。

    2017-05-28
  • 金蝶首席用户体验官对“用户体验”的思考

    “也曾经有人要我用一句话来描述清楚什么是用户体验,我说,不好意思,我一句话描述不出来,你给我半个小时。”金蝶公司首席用户体验官钟承东这样回答。产品人,你是否也曾这样认真地思考过:用户体验究竟是什么?你又需要要花掉多少时间多少语言,来组织出一个满意明确的答案?我们渴望的用户体验是什么样子?相信每个人都憧憬这样的用户体验,使用精心设计的产品,有如诗如画的视感,有如沐春风的触感,有余音绕梁的听感,甚至会精细到照顾用户的嗅觉和味觉,接触和使用产...

    2018-04-04
  • 和用户谈一场甜蜜的恋爱:让产品吸引用户的3个方法

    今天我拿了一些美好设计的案例,跟大家分享,如何通过美学、诱惑和游戏等等手段来取悦用户,和用户谈一场甜蜜的恋爱。人们普遍倾向把认知放在情绪对立面。情绪被认为是热情、动物性和非理性的,而认知则是理性的。这真是无稽之谈! 情绪乃是认知不可分割的必要组成部分。 我们所做所想的每一件事都受到情绪的影响,尽管在很多情况下是潜意识的。与此同时,我们的情绪会改变我们的思考方式,也会一直指引我们做出恰当的言谈举止,引导我们趋利避害。深泽直人设计的这款CD播放机,外型与”换气扇”非常相像,只要将CD放进去,拉一下垂下来的绳子,就可以开始播放CD。这个过程就好像打开换气扇一样。即使明明知道这是台CD播放机,但因为脑海里总是想着换气扇的形象。当我们凝视这台CD播放机时,身体就会产生相应的反应。特别是脸颊附近的皮肤,感觉似乎格外细腻和敏锐,简直就像等待吹过的风一样等待着播放出来的音乐。

    2017-05-12
  • EVA「Flow」Living in the Future | Flow 正式上线

    吕骋说:“智能语音助手解决的是人机交互,但并没有解决人人交互,我认为,把人机交互和人人交互打通才是最重要的。” 为了保证最佳的视觉体验,我们特意制作了搜狗输入法的对应皮肤 大家在搜狗输入法的皮肤商店里,…

    交互设计 2015-09-11