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

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

相关推荐

  • 微信10个交互设计细节问题的探讨

    作者:Qinsman   微信小程序开闸后果然立即成为这个雾霾格外严重的冬天中的一抹亮色,关于小程序将如何给互联网应用生态带来冲击的讨论迅速在朋友圈刷了屏,小至小程序和WebAPP体验的对比、低频APP的危机,大至微信…

    交互专题 2017-08-07
  • 新手入门:交互设计师的知识架构

    如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书、学了一大堆软件、画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本《交互设计学习大纲》就…

    2016-01-26
  • 【优秀作业展示】交互设计基础(一)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

    2018-04-04
  • 加拿大皇后大学开发出一款柔性全息交互式概念手机

    硬件设计师和制造商一直梦想着把全息移动设备带到现实生活中来,不过来自加拿大皇后大学的一支研究团队,却已经拿出了一款名叫HoloFlxe的设备。顾名思义,它同时具备“柔性”(Flexible)和“全息”(Holographic)两种…

    2016-05-11
  • 交互设计文档怎么写? | 设计基础

    摘要交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员有一致的工作目标,而有良好体验的交互稿,还能够便于各方理解,提高后期开发对设计的还原度,提高各方工作效率。对于一个设计团队来说,统一的文档规范和设计规范,不仅能够减少合作方的学习成本,提升设计师和设计部门影响力。即使产品不同需求不同设计师不同...

    2018-02-09
  • AB测试告诉你,你以为的设计不是你以为的设计。

    用户体验设计不是忽悠,也许5分钟口水攻势能让前台小妹觉得你的设计非常高大上,但是要让每一个用户对着屏幕上的UI欲罢不能以身相许还需要数据支撑。

    2016-08-29
  • 金蝶首席用户体验官对“用户体验”的思考

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

    2018-04-04
  • 设计干货推荐|四类弹框的四大设计准则

    弹框是交互设计中非常重要的一个点,这类设计不仅考验交互设计师的综合能力,也能从产品看出整个团队的整体水平如何。这就是一个细节,但是细节往往决定成败。

    2017-05-21
  • 干货分享 | 交互领域不可不知的设计法则

    本文转载自“熊猫设计院(ID:MUXDesign)”,已获得作者授权,未经许可禁止转载。前言:交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用。01希克定律(Hick’s Law )简介希克定律指的是:一个人面临的选择...

    2018-04-08
  • 从一次活动设计聊聊交互设计师的3个阶段

    我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师 对交互设计 理解的不同阶段。

    2017-05-22