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

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

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

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

 

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

相关推荐

  • 当我们在讨论用户至上的时候,我们在讨论什么?

    用户价值=用户收益-用户成本用户价值=用户收益-用户成本-机会成本机会成本=备选产品用户收益-备选产品用户成本。

    2017-05-31
  • 用交互体验方式感受人类智慧结晶

    2017年9月26日,中国科技馆“华夏之光”展厅经过为时半年的更新改造后,将面向公众进行试运行,并于10月1日正式重新开放。“华夏之光”展厅位于中国科技馆主展厅一层,设有“中国古代的技术创新”、“中国古代的科学探索”、“华夏科技与世界文明的交流”三大主题分区,围绕不同主题,讲述中华民族在生存发展过程中不断创造与发明、探索与发现、交流与融合的科技故事。此次封厅改造是在原有展览的基础上进行的局部性升级换代。“华夏之光”展厅维持原有展览框架,...

    2018-01-30
  • 国内11个HTML5平台的星级评测

    本文以HTML5工具专业性为主要指标,不以名气论高低,内容多以企业网站介绍为依据,辅以使用体验。四个指标,功能是H5工具使用的基础,模板属于工具适用性的象征,定制服务能体现平台的生态性,易用度则是用户友好范畴。

    2017-05-30
  • 浅谈“什么是好的社交产品?” - 3个角度+4个观察+2个亮点”

    最近密集参加了几场和社交有关的活动,引发了一些思考。就如同大部分投资人认为的一样,社交领域是一个进入门槛很低的领域,似乎任何人都可以进来试试。 其实上面几句话的背后,有3个深层次的意义: 1. 投社交,对…

    2015-04-08
  • 用户研究:中国人网购的7个真相-信息图

    在需求和消费之间,永远存在着不对称性。 电商已经改变了中国人生活的方面,而且还将继续扩大自己的影响力。 中国已连续三年成为全球规模最大的电商消费市场。国家统计局公布数据显示,2015年中国人在消费品零售中…

    2016-05-26
  • 想成为高级交互设计师?这是我的5个经验总结

    Echo :交互设计师真正提高的标志是思维思想上的提高,而非专业技能的提高。

    2017-10-16
  • 移动端体验设计6大禁

    我们一开始为什么去安装应用程序?是为了使我们的生活更方便。但当一个应用无法满足这一要求时,用户肯定就会离它而去。一个应用的成功是受多种因素影响的,其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。

    2017-05-17
  • 交互设计 | 张艺谋这样玩儿

    3 月 4 日,张艺谋导演的观念演出《对话·寓言 2047》在上海大剧院正式演出。在连演两场之后,他们将移师广州和杭州,共同组成《对话·寓言 2047》第二季的演出。尽管被称为第二季,但此次演出的内容与去年 6 月在国家大剧院上演的第一季大体相似。开场仍旧是 71 岁的蒙古族老人其布日一边编织着麻绳,一边唱着悠扬的蒙古长调。背景中,美国先锋艺术家 Daniel Wurtzel 利用空气动力学原理,让一块云纱在舞台上翩翩飞舞。在这个段落之...

    2018-03-06
  • UI交互设计专业-第三十六期学员作品

    专业:UI交互设计班级:第三十六期学员学员:李银学校:湖南理工学院

    2018-03-12
  • 精髓干货!一组精挑细选的用户体验设计网站和书目

    精髓干货!一组精挑细选的用户体验设计网站和书目 学校可以为你传授很多知识,但是有些职业学校教不来,产品经理、用户体验设计师、交互设计师、程序员鼓励师这样的职业都在此列。这样的职业通常都有几个显著的特性…

    2015-11-14