交互设计入门–了解交互设计

之前写过类似的文章,想写的东西太多,结果什么都没讲明白。所以重新写一套入门的教程,分「了解交互设计」、「交互设计的职能范围」、「交互设计的常用方法」……几个章节把我对这门行业的理解和经验做个分享。

之前写过类似的文章,想写的东西太多,结果什么都没讲明白。所以重新写一套入门的教程,分「了解交互设计」、「交互设计的职能范围」、「交互设计的常用方法」……几个章节把我对这门行业的理解和经验做个分享。

下面开始正题(为什么会有交互设计,交互设计能够做什么):

 

1.成功的互联网产品有哪些要素?

①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功的产品首先要具备–可实现模型

②产品做出来干什么?“方便用户,让用户玩的爽?”当然不是,产品的终极目标是盈利,你的领导也只关心这个。怎么才能盈利,而且是可持续的盈利。这需要具备第二个要素–业务模型

③有了实现模型和业务模型产品就成功了吗?以前是,但如今时代不同了,大多数的应用已经不存在技术难题,在这个企业不缺系统,互联网不缺产品而用户不懂技术的时刻,你靠什么赢得用户?强大的运营队伍也只能推动一个峰值,最根本的还是需要产品的第三个要素–使用者模型,使用者模型像水一样,可以成就一个产品,让产品走的更远,也可以毁掉一个优秀业务模型的产品。

 

2.怎么去完善使用者模型?

①我们先看看传统的开发流程:立项→编程→测试→美化

这样的做出来的产品大都数偏向程序员思维的实现模型或营销策划的业务模型,设计也就是加点图标上些颜色(举个例子:环球资源,大家可以点开下眼界),基本上不存在用户模型的概念。

②为了完善用户模型的问题,现在绝大都数公司的开发流程做出了改进,基本上基于这样的流程:立项→需求分析设计→编程→测试

这样的流程提高了对需求分析人员和设计师的能力要求,这样的组合必须在实现模型的前提下将业务模型和使用者模型进行一个高度融合。那么问题来了:

▎假设设计师只具备视觉设计能力

大都数从事互联网产品界面设计的都是美术类出身,对业务的理解程度都要弱于表现需求,基本上是基于产品人员的线框图制作视觉稿,根本无法推动页面结构的优化。那么出来的成品还是偏向于业务需求。遇到综合型的产品经理还好,遇到业务性的产品经理就只能让蠢事继续下去了。举个例子:一些转化率低,跳出率高的页面,产品经理会觉得主要原因是设计稿气氛不够,按钮不够大。而真正的原因是因为设计师基于他的线框制作的视觉稿,目标导向和行为召唤都不够。

▎假设设计师具备产品策划和视觉表现能力

这样的设计师也大量的存在,但发现与产品的沟通上效率很低,会出现以下的问题:

1.沟通困难; 2.修改成本高;3.无法估算完成时间;4.无法说服对方;5.项目时间不允许。

 

3.解决方案–UCD理念

为了解决上述问题,UCD的理念开始逐步被大家接受和认可,其中最具有驱动方案的职位–交互设计就是顺着这样的大环境被独立出来。我们可以了解一下各大互联网公司UED的主要组织结构:

交互设计入门–了解交互设计

相比之前的流程,多出了用户研究和交互设计的职位,而这两个职位对产品概念到实现的过程起着主要的驱动作用。

 

4.交互设计如何开展和融入开发流程

我们先来梳理一下之前流程上遇到的两个问题:1.使用者模型不完善;2.沟通障碍

▎使用者模型不完善 ;

如何改善使用者模型,需要经历两个过程:

①业务模型框架化

在产品的概念阶段时期,交互设计师需要基关注用户界面和整体结构,这个过程被称作“框架设计”,框架设计就是一种基于用户目标的导航架构和流程设计。这个阶段交互的产出物主要有导航架构图,流程图和低保真线框图。

交互设计入门–了解交互设计

上述的产出物都需要和产品经理反复确认,以保证业务模型的完整。

②.框架界面化

在定义完功能模块的页面结构和流程后,交互设计师还需要设计规划使用者的操作,这些包括页面元素的主次关系,小部件的处理,元素的组织,界面的引导等等。这个阶段交互设计师需要提供原型demo:

交互设计入门–了解交互设计

原型demo 是一个过程,主要用于具象的表达业务需求和定义界面模型,是一种目标导向的设计过程。这个过程可以是多次迭代的,是提炼产品质量的主要手段。有了这个过程,我们之前所讲的完善使用者模型才能够得到解决,用户体验设计的理念才可以真正得到实施。

▎沟通障碍

在产品开发过程中,各个部门的合作与沟通存在着障碍,而产生交互职位之后,这些问题都能够得到解决。

①产品与设计的沟通

在框架阶段,交互设计师利用信息架构图和流程图能够将业务需求确定下来。

在框架界面化阶段,对于用户的操作和界面元素也能够用原型demo表达出来,而且修改成本低,可以快速的迭代。

②产品、设计与开发、测试的沟通

交互设计师利用原型demo做评审测试是个非常高效的方法,这样的方法能够不仅能够直观的表达需求,而且可以提供早期的用户测试,让很多之前无法预见的问题及时的抛出来,原型demo是贯穿概念阶段和实现阶段的最佳表达方式,而这些都对于交互设计提出了更高的要求。

5.小结

写了这么多内容,主要是想说明一下为什么要有交互设计和交互设计能够解决什么问题。如果决策者不能够明白这些道理,UCD的方法很难开展起来;如果从业者不能够明白这些道理,所做的工作也会是盲目和无效的。我想通过这篇文章帮助一些新手明白自己工作的任务和目的,少走些弯路。

下个章节讲「交互设计的职能」,会具体到交互设计的工作是如何展开和结束…

来源:http://www.54xiaomeng.com/?p=240

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

(0)
CatherineCatherine
上一篇 2017-08-04
下一篇 2017-08-04

相关推荐

  • 对交互设计的思考(译文)

    本文是一篇译文,介绍了国外设计师对于交互设计师的现状和他认为的理想状态的思考。老外的思路还是比较清奇的,在这里介绍给大家。数字革命对于有好奇心的人来说就像是淘金热。没有人知道数字媒体究竟是什么,但它实实在在的深刻影响着我们的生活。 它是一个新的未知的领域,等待用新的艺术形式,设计和方式来填充,以更好地了解这个世界。然后,世界就变成了下面这样:这是怎么回事?1.基于技术思维的交互设计交互设计从数字技术革命中应运而生。所以就像工程师一样,设...

    2018-02-02
  • 眼球追踪到底是肿么回事?和VR有啥子不"正当"关系!

    虫虫是科技虫,更是虫博士,今天,好为人师的虫博士给伙伴们普及一下,眼球追踪到底是肿么回事?和VR有啥子不"正当"关系! 名词:眼球追踪 是一项用途颇广的科学应用技术,广泛运用于实验心理学、应用心理学、工程…

    2016-04-11
  • 设计不懂开发,严重脱节的设计是怎么影响开发的

    编者按 :Anders Lassen 是 Fuse 的创始人兼首席行政官。Fuse 是一款面向设计师和开发者的本地应用工具套装。 移动应用现在已经变得十分普及,以至于技术圈的大部分人都认为开发应用是一个简单直接的过程。然而,当…

    交互设计 2015-08-04
  • 译文|用户体验的秘诀是什么?

    我常被问到的问题之一是:“你在用户体验过程中的思维是怎么样的”或者“如何你如何把用户的个人资料转化成可以有形的事物,比如说‘界面’”。

    2017-05-28
  • 如何加入AxureRP模板库会员

    点击边框调出视频工具条会员简介加入AxureRP原型库会员后可以获取社群中的全部元件库及付费原型模板(后续更新免费),节省您画原型70%的时间,聚焦业务逻辑和行业积累才是根本。通过我们的会员群能第一时间获得产品及原型设计方面的解答帮助,同时还有仅对会员开放的私有干货分享不限于产品课程、PRD文档和产品书库等诸多福利。社群服务,量化才有价值1.每两个月提供一份全新的AxureRP项目原型模板,by 三杠;2.免费下载社群中已有的所有干货资...

    2018-03-24
  • 新媒体人员年薪十万怎么做到的,真的难以想象

    新媒体人员年薪十万怎么做到的前些日子,和我互联网专业的师兄聊了一下,他说他们公司干活轻松,工资还高,而且公司福利还好,什么六险一金,什么妹子很多啦......卧槽,居然这么爽(我可能就听见了那句妹子很多,哈哈哈)搞得和我一起的朋友立马拍板,问我师兄你们公司还招人不,(厚颜无耻啊)我就静静的看着他,厚颜无耻的他还在继续介绍着他,说我是211硕士,之前也在世界五百强企业工作来着(看着着厚颜无耻之人,我真想立马一脚踹飞他)真的嚣张到了极点是吧...

    2018-03-13
  • UI交互设计手册

    Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。今天为大家分享一些Good UI 在一些项目中获取的设计以及运营策略等方…

    2017-08-01
  • 用户体验给一百分的应用啊!

    “没想到的是,装了这个桌面应用,可以让手机好玩那么多。”这篇推送,小7就个人使用感受来跟你们聊聊,这个桌面应用给我带来的非一般感受吧。这款桌面应用给我的印象就是:它在尽可能地给你的生活做减法。一、将联系人直接生成桌面图标,点击就能直接拨号,这比将数字键设置为紧要联系人来得更加方便快捷吧。我这部手机大部分都用于工作联系,联系得最多的是我的拍档,这里我可以直接她的联系方式设置为图标,将图标放置于第一页,非常方便。二、底部导航栏可以上滑,惊喜...

    2018-03-24
  • 细谈产品"返回原地"设计

    来源:互联网的一些事 作者:读者投稿   在一个列表页上点击某个项,进入详情页,再从详情页返回列表页,应该是回到顶端还是回到原地? 返回到列表时,列表不应刷新、页面不应回到顶端,应该是返回原地,回到刚才…

    2014-09-27
  • 开始自己的建筑笔记 | Sketch Journal 作品展示

    大家是否在网络时常看到精美的建筑师手绘本?是否也准备打造一本属于自己的建筑笔记?今天为大家带来笔者大一阶段的Sketch Journal。笔记虽不算精美,但却是自己一年辛勤努力后的结果,它记录的不只是这一年的想法,更是自己一年的学习历程。相信这也是大家在不断完成自己的建筑笔记时最享受的一个过程吧。建筑笔记的几点心得:慎用大尺度手绘本!笔者本科第一年的Sketch Journal选择了A3尺寸,结局是很悲惨的。你需要付出比常人多的时间去完...

    2018-04-21