交互设计的五要素

在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。

互联网产品与需求

早晨迎着第一缕阳光醒来,  身体下是依依不舍的床,身边是朝夕相处的手机。起床后,用电动牙刷刷牙,洁面仪洗脸。之后用热水器烧水,用杯子喝水。穿好衣服,打开滴滴叫车去公司。到公司后打开电脑,用浏览器登录网页查看邮件,之后登录钉钉,打开Axure开始工作。我们无时无刻都在和外在的事物接触,生活离不开它们,像床、手机、牙刷、滴滴软件、网页、钉钉、Axure,这些东西被称为产品,产品是用来满足人们需求的物体或无形的载体

上面的例子中,滴滴软件、网页、钉钉、Axure是用互联网技术而设计并开发出来的产品,这些产品被称为互联网产品。互联网产品,突破了原子世界的束缚,让人们能用比特世界的产品来解决现实当中的问题。

互联网产品包括硬件和软件两个部分,硬件包括:智能手机、电脑、互联网电视、VR设备、AR设备...,硬件是有形的物体,都具备连接到互联网的功能。软件包括:操作系统、PC客户端、APP、web网站、WAP网站等等。用户平时接触最多的便是手机的各类APP。交互设计就是设计互联网产品中的软件部分。

交互只是整个商业闭环中的一环

发现需求(用户痛点),需求的真实性和普遍性得到确认之后,便可以成立公司,设计和开发出产品来解决用户的需求,从而实现公司目标(直白点就是挣钱)。互联网公司所做的事可以简化为下列公式:

交互设计的五要素

走马圈地,让产品拥有大量的用户,形成庞大的流量。之后想办法将流量转化,形成成交额(GMV)或者其他变现形式,公司从而获得收益。这里有两个关键点,一是如果获取海量的用户?二是怎样提高转化率?

产品的用户体验、运营的策略、竞品的情况、公司的管理、资本的运作...都会影响到流量和转化率。而用户体验又由交互、视觉、技术等共同影响,所以交互设计(提高用户体验,让产品更好用)是为了增加产品流量和提高转化率,最终目的是帮助公司挣钱。

交互设计的五要素

经常把用户放在嘴边没错,因为只有很好的满足用户需求,用户才愿意用你的产品,从而就有机会实现公司目标。但是一定要明白交互设计只是实现公司目标的众多环节中的一个,当用户需求与公司目标相违背时,要做好取舍,从多个维度思考问题,尤其是从商业和业务的角度来思考交互问题,而不是单纯的从用户的角度。

交互设计的五要素

交互设计,既然是一种设计,难免会和其他设计相比较,平面设计、建筑设计、工业设计等等。交互设计和其他设计都是一种有目的和计划的创作行为,但是它们所设计的对象却截然不同。其他设计的对象是信息,是材质,是空间。而交互设计的对象是行为。

想象一下你是怎么利用淘宝购买衣服的?先注册登录APP——找到搜索框进行搜索——浏览搜索结果——点击详情——立即购物(不满意则返回继续筛选)——填写收货信息——付款——等待收货——确认收货——评价——完成。利用互联产品满足一个需求,是需要通过一步步的行为(点击、滑动、输入等),而交互设计师则负责设计这些行为,让用户知道自己在哪,能去哪,怎么去。

辛向阳教授将人与系统交互的过程分解为了五个要素,分别为:用户、行为、目标、场景、媒介(peopl、actions、means、purpose、contexts)。在上个购物的例子中,用户是需要买衣服的人,他的目标是买衣服,行为则是一次次输入、浏览、滑动、点击等,媒介则是淘宝APP,场景会根据用户所处的情况而有所不同。

用户:

产品立项后,确定产品定位,去了解用户,互联网产品可能存在很多种用户,一定要以目标用户的研究为主,网易云音乐的用户可能有学生、工人、音乐发烧友...但是它的目标用户是白领(猜测)。从不同渠道去收集目标用户的需求、筛选需求、确定需求优先级,确保需求是真实的。

Allan Cooper在书中讲了三个模型,心理模型、表现模型、实现模型,心理模型是用户对产品的预期,表现模型是产品被设计成的样子,实现模型是开发产品所使用的技术手段。用户并不关心实现模型,只关心表现模型有没有符合自己的心理模型。只有站在用户的立场去思考,让产品的表现模型更贴近用户的心理模型,用户就愿意使用。另外,建立角色模型也有助于了解和梳理用户信息。

行为&目标:

使用产品时,不同用户可能有不同目标,一个用户也有可能有多个目标。研究用户的目标是为了确定需求、清楚产品要满足用户多少个目标。交互设计师再根据不同的目标去设计相应的行为路径。错误的目标,繁琐的行为路径,都会导致用户放弃产品。

按照用户不同的目标,行为路径可以分为:随机式、往复式、渐进式。

当用户没有明确目标时,行为则比较随机,用户会在APP里不断的跳转,例如:没有明确购物需求时逛淘宝;随机的查看新闻内容。

当用户有个模糊的目标时,则会往复的对比内容,从而确定自己的目标,并完成目标,例如:当我要在人人都是产品经理浏览关于交互设计方法论的文章时,就会进行搜索,并在搜索列表和文章详情间来回切换,直到找到想要的交互方法论的信息。

当用户具有明确目标时,行为路径就会较明确,一步步推进。例如北京雾霾很严重,想在京东买个3M的口罩,用户路径为:搜索3M口罩——浏览搜索结果列表———进去商品详情———填写信息——等到收货——给予评价。

首先要明确用户的目标,根据不同目标确定行为路径是随机、往复还是渐进,针对不同的行为类型进行相应的交互设计。

媒介:

媒介可以理解为产品形态,产品是用APP、网页、公众号、微信小程序、H5宣传页...还是其他形式,这属于媒介。互联网产品常见的媒介是APP,但要具体问题具体分析,我写文章是个需求,但是就没有必要专门成立个公司做个APP,只需要在微信建立一个公众号发表文章,这里微信公众号就是媒介。

不同的媒介有不同的特点,一定要根据自己的业务类型来选择适当的媒介,同时应该考虑到性价比。


场景:

场景是个很容易被忽视的问题,随着智能手机的快速普及,移动互联网时代提前到来,用户使用产品时的场景变得更为复杂,可能在嘈杂的地铁里,也可能站在路边、躺在床上等等。

大家熟悉的打车软件,一般都会有两个APP,一个乘客端、一个司机端,司机端的用户是正在开车的司机,而司机为了安全一般会把手机固定在车载架上,这个场景就是司机端APP所处的主要场景,那么设计APP时就要考虑到车内光线问题、司机操作便捷性和安全性的问题。

最后总结一下,文章讲了这么几个部分内容:

互联网产品和需求,交互设计是针对互联网产品的;

除了从用户体验的角度去思考交互,还要从公司商业目的的角度去思考;

交互设计的对象是行为;

交互设计包含五个要素:用户、行为、目标、场景、媒介。

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

(0)
TinadminTinadmin
上一篇 2017-08-04 08:15
下一篇 2017-08-04 08:34

相关推荐

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

    摘要交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员…

    2017-08-04
  • 工业设计与交互设计的关系

          工业设计是一个很宽泛的概念:它的设计构思上需要考虑到产品整体外型线条、各种细节特征的相关位置、颜色、材质、音效、人因工程等;产品范围上包括杯子、电脑、交通工具等实体产品。认为「工…

    2017-08-01
  • 交互设计的三个半原则

    一些设计的基本原则往往是通用的、甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。一个设计师&产品经…

    2017-08-01
  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04
  • 功能确定之后,如何做好产品的交互设计?

    功能和数据都确定下之后,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓准了,我…

    2017-08-03
  • 交互设计不是你以为的那样,思考过这些才能入门

    作者:UI中国会员 呆呆丶, 交互设计师转载请务必注明。原文链接:http://www.ui.cn/detail/138186.html封面题图 by 设计师 Ken Lo1  新手对交互设计的几个误区  交互设计是做动效的(如果你是这么认为的…

    2017-07-31
  • 认知心理学与交互设计(1)--识别容易,回忆很难

    ♝点击上方“交互设计学堂”关注我们,送电子书这是一个新的系列,主要内容来自《认知与设计--理解UI设计准则》,经过重新整理并加入一些自己的思考。识别和回忆是记忆的两个重要功能,识别是指根据记忆对某个物体做出…

    2017-08-01
  • 手机交互设计中的“拇指法则”

    你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇…

    2017-08-03
  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20
  • ​从零开始做交互:第一章 交互设计基础知识

    [button type="primary" text="百度阅读:阅读全书" url="http://yuedu.baidu.com/ebook/6d8b975a49649b6648d7479d" open_new_tab="true"] [button type="primary" text="网易云课堂:阅读全书" url="http://study.…

    2015-08-07