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

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

相关推荐

  • 『涨姿势,什么是交互设计?』

    干货分享,点击标题下‘琅沐创意年代’订阅关注『涨姿势,什么是交互设计?』交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品…

    2017-08-02
  • UI最佳实践:深度解析模态窗口

    模态已成为今天的可怕的弹出窗口的版本。用户发现模态窗口很骚扰人,人们本能地自动关闭这些窗口。

    2017-05-05
  • SketchOSM - 从现在开始丰富三维建筑地理信息吧

    SketchOSM是由出品PlaceMaker(一键三维城市)的团队最新出的一个插件,它可以让你在你设计场地的周边地区创建3D参数建筑模型。通过 SketchOSM 创建的模型数据可以直接发布到 OpenStreetMap 网站上,这是一个庞大的可自由存取和编辑的地理信息数据库,可以算是地理信息界的维基百科。之前紫天在使用 PlaceMaker 插件的时候所遇到的一个最大问题就是国内的三维建筑信息太少,有的话也非常不准确。现在有了Ske...

    2018-03-15
  • 从构图、字体、配色和装饰来分析:为何网易云和虾米APP的banner设计如此好看?

    小白想进阶成为高手,学会发现高手作品的优点是关键。今天这篇从构图、字体、配色和装饰四大Banner 关键要素教你如何发掘高手作品中的优点。

    2017-05-11
  • 交互进阶指南:如何扫除交互设计路上的3大障碍?

    目前网上基本没有对做交互设计师的难点进行系统的归纳和总结。基于这个原因我总结交互设计师的三大障碍以及如何扫除交互设计师路上的3大障碍。

    2017-04-29
  • 【案例】LOFTER 信息框架改版(iOS版)

    对于一款APP的信息框架改版,可以分为以下几个步骤 竞品的信息框架分析 目的:找出差异点和共同点 作用:差异点可以根据产品的定位,做特色设计,成为产品特征;共同点是指同类产品的框架/布局共同点,可以用来寻…

    2016-07-01
  • ​50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载

    50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载素材下载方法:长按识别二维码,用微信扫描或者长按识别二维码即可加入。并不是只是下载这个素材。超过200G精品素材全部任意下。素材不断更新,添加。。。有任何问题,请联系微信uisheji----------------------------------------欢迎订阅,查看更多精品UI设计素材下载,请关注公众号mobileui

    2018-04-08
  • 内部教程!超实用6步透视网易设计规范(附完整PDF下载)

    这是一份不可多得的网易干货资料,更是一份非常标准的设计规范准则!产品经理&视觉设计必看!

    2016-08-29
  • 交互模型的构建方法

    交互建模用来对应用当中的交互模式进行定义,它同时还诠释了这些交互模式是以怎样的方式被整合成为具有高度一致性的、容易被用户理解的交互模型的。我们曾经在第二章里对iOS交互环境的概念模型和空间模型进行了解析…

    2014-12-01
  • 做好用户体验是赢得口碑营销的关键

    点击上方蓝色字体关注-商业洞察与您一起把脉商业未来趋势,洞见企业未来成功之道文/陈楠华:中国管理科学研究院特聘研究员,2015年度新三板十大新锐人物,2015年度中国创新经济领军人物,中国富爱产业链控股集团董事长,富爱科技产业发展有限公司董事长。本文由商业洞察战略合作伙伴竹石文化授权发布转载请标明作者、来源和ID用户体验:口碑的源头“用户体验”在近几年被热炒的“互联网思维”中是一个重要的关键词。现在的商业评论在点评各大公司最新推出的品牌...

    2018-03-26