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

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

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

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

 

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

相关推荐

  • 用户体验:从幽灵按钮到空心元素,它们一直在流行

    幽灵按钮和类似的空心元素,在诸多的设计趋势当中,还是显得颇为单薄的。它们的转化率看起来不够突出,和其他的固定形体相比,吸引力也一般,它们的视觉效果主要取决于周围的对比度和环境本身,一句话,缺点很多。即便如此,它们并没有很快消失,相反依然活跃在设计的一线。它们能够如此,很大程度上是因为我们对于这些元素已经习以为常了。它们最初出现在 UI 界面上的时候,用户所感到的迷惑和混乱,已经逐步消失,我们都知道,它是一个按钮。现在的幽灵按钮和类似的元...

    2018-05-04
  • 用AB测试改进用户体验设计,做出正确决策

    本文转译自TubikStudio,全文有删减。设计师们每天都在面对一些难以抉择的情况。面对这样的问题,有经验的团队会对两者进行测试,来确定哪种方案最好,其中一种流行的方法是AB测试。AB测试将用户分成两组,每组都显示不同的版本,一半看到A版本,另一半看到B版本。AB两个选项的差异根据产品经理来决定,可以是颜色差异,也可以是位置差异等。两个版本的有效性可以用浏览量、点击次数或其他数据来衡量。对于设计师来说,这是分析目标受众群体行为模式和特...

    2018-02-24
  • 专业的网页风格指南应该如何制作?

    文案规范
    视觉指南

    配色方案,包括每种色彩的具体参数,以及其他可接受的色调
    字体和排版方案,包括每个部分的字体类型、尺寸、字重以及具体用法
    LOGO,包括它的样式、变体、尺寸以及位置的说明
    拼写、关键词的选择、文案的风格(包括按钮、社交媒体等)
    图片使用规范,包括色彩、裁剪规则和视觉表现方面的标准
    SEO信息,比如可选的标签和关键词
    栅格标准(主要用作网页排版和印刷)
    空间与留白方面的说明(设计的松紧度等)
    关键点的说明(团队成员可能会提出的问题或者有待澄清的点)

    在内容表述上不要限制太多,这毕竟是风格指南,重点是视觉上的引导,设计是核心;
    将相关、相联的条目整合到一起做快速指引:一个页面介绍色彩,在另外一个页面做排版的规范等等;
    用图片案例来展示界面应有的外观,而不要单纯用枯燥的文字来做介绍;
    提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值,确保色彩的运用能够一致;
    将一部分的设计案例分解说明,确保每个元素的功能和使用规则都足够明晰;

    2017-05-22
  • 随想:智能车人机交互设计三要素

    BYTON拜腾标志性的共享体验屏和触摸式方向盘近期会总结下自己对智能车、自动驾驶人机交互相关的思考,很碎片,想到哪总结到哪。今天先写智能车相关的内容。这里的智能车先缩小范围到还需要人类驾驶员的智能网联汽车。1、总结之前,有个疑问。我很想知道各大车企在研发测试智能车的时候,是否有认真、大量地拿真实用户、真实场景,而非实验室场景去测试其诸如中控大屏这样的智能产品/功能?在我的印象里,或许车企更多的测试依旧在传统意义上汽车这一交通工具的性能、...

    2018-04-22
  • 用户体验与可用性的差别有多大?

    一个好的用户体验究竟是什么?它与可用性易用性的差别有多大?这是从事这份工作后没有停止思考过的一个问题,因为对用户体验不同的解释会导致不同的测量范围。哪些用户体验信息(从我们的定位用户处直接或者间接可测量的数据)是对你们的组织有用的?起到什么样的作用?

    2017-05-13
  • 聊聊2017年即将流行的UX设计趋势

    2016马上就要过完啦,我们来回顾下今年用户体验都发生了哪些大事,并通过回顾过去来展望2017年的用户体验将会有哪些趋势。“可用性”这个词本身变得不那么重要了。它不那么需要我们了。“聊天机器人”是我们行业中最热门的术语之一,如果你还没有,我们很有信心你将很快建立一个。但对话式界面的未来是什么样子?但后退一步:是不是每一个界面都是用户和机器之间的对话?未来的交互不是由按钮组成的。公司不只需要一个界面,而且设计师也不只通过设计工具来完成他们的工作。苹果手表和Alexa可以让用户不碰手机的情况下使用Uber。虽然这可能听起来很简单,但它为人们对技术的期望设定了基调:完全连接和无处不在的体验。作为设计师,我们如何将所有的拼图连接在一起?我可以向Alexa请求Uber乘车,在我的Apple Watch上接收预估时间,与Messenger上的朋友分享费用,并在我的手机app上评分吗?技术应该尽可能不被注意到。——Amber Case,Calm Tech从《黑客帝国》,到《她》和《黑镜》,人类总是幻想生活在虚拟现实的世界。随着数字世界变得更加真实,我们需要采取的行动来实现这些体验。设计VR不应该意味着将2D实践转移到3D,而是应当寻找一种新的范例。 ——Jonathan Ravaz我们一直在听的问题:设计师应该写代码么?设计师画原型吗?设计师应该写文案吗?至少有几十篇文章试图回答这些问题,所以我们现在可能更接近一个确定的答案:这些都可以。今天,UX设计师可能会身兼数职。当我们开始为我们的自动化生活进行设计时,我们首先需要自动化我们的工作。我们将与机器人一起设计。多样性和伦理是今年用户体验中最重要的两个主题。许多设计师之所以从事UX,是为了更好的改变人们的生活。我们可以找到这么做的关键点么?设计并不是一件附属品。我们的工作影响着人们的生活。设计可能失败,但设计师不能。如果你的公司只是为了赚钱,也许你应该找一个更好的公司。这不是你的错,但这是你的责任。—— Alan Cooper,Ranch Stories talk

    2017-05-14
  • iOS 9人机界面指南(三):iOS 技术 (中)

    文章索引译者注:本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于ISUX博客,如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。后续章节会陆续更新,敬请期待。

    2017-05-29
  • 美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07
  • 项目管理能力提升四要素

    摘要:企业在应对快速发展的经营活动时有两个管理将起到关键性作用,一个是战略管理,一个是项目管理。战略管理立足于企业的长远和宏观,考虑的是核心竞争能力,而项目管理是实现战略并支持企业快速健康发展的手段和保障。认识项目管理美国项目管理协会主席保罗说:“在当今社会,一切都是项目,一切也将成为项目。”项目,是在一段时间内为完成某一独特的产品或提供独特的服务所进行的一次性努力的过程。只要有目标和过程,就可以成为一个项目。譬如:设计开发某一产品功能...

    2018-03-25
  • PS、AI、Sketch 用着太费劲?这些插件本宝宝力荐!

    虽然 Mac 和 Windows 平台有许多特别棒的软件或工具,但 PS、AI 和 Sketch 仍然是设计师的标配。有时候看到一个特别棒的效果花了很久才折腾出来,殊不知一些插件能够轻松完成,这里小编推荐一些特别实用、效率翻倍的插件给大家,让设计工作事半功倍!GuideGuideGuideGuide 是小编用过的最棒的参考线拓展工具!没有之一!再也不用从标尺一条一条拉参考线还要担心位置不精确,只要输入需要的数值就可以自动生成对应的参考线...

    2018-03-03