精华内容
下载资源
问答
  • 在本文中,我们将解释什么交互设计,一些有用的交互设计模型,并简要描述通常交互设计做什么。 对交互设计通俗易懂的理解 “交互设计”通俗易懂地来讲就是:它是用户和产品之间交互的设计。 大多数情况下,当...

    交互设计是用户体验(UX)设计的一个重要组成部分。在本文中,我们将解释什么是交互设计,一些有用的交互设计模型,并简要描述通常交互设计师做什么。

    对交互设计通俗易懂的理解

    “交互设计”通俗易懂地来讲就是:它是用户和产品之间交互的设计。 大多数情况下,当人们谈论交互设计时,往往是说应用程序或网站等软件产品。交互设计的目标是做出能使用户能以最佳方式实现其目标的产品。

    如果你觉得这个定义听起来很“宽”,那是因为这个领域确实相当广泛:用户和产品之间的互动往往涉及美学,动作,声音,空间等元素。当然,每个元素都可能涉及更专业的领域,例如有关用户交互中声音的声音设计。

    你可能已经意识到,交互设计和用户体验设计有很大的重叠之处。毕竟,用户体验设计是塑造产品使用体验,而大部分体验都会涉及用户和产品之间的一些交互。但用户体验设计不仅仅是交互设计:它还涉及用户研究(首先找出用户是谁)、创建用户画像(为什么,在什么条件下,他们会使用产品),执行用户测试和可用性测试等。

    交互设计的五个维度

    交互设计的5个维度(1)是理解交互设计的有用模型。交互设计学者Gillian Crampton Smith首次提出了交互设计语言“四维“的概念,而 IDEXX 实验室高级交互设计师 Kevin Silver 补充了第五个维度的概念。

    第一维:文案

    文案(尤其是交互中使用的文本,如按钮上的文本)应该有意义且易于理解。他们应该向用户传达信息,但也不能用过多的信息淹没用户的认知。

    第二维:视觉表达

    它涉及到用户与之交互的图形元素,如图像、字体和图标。这些和文本信息相配合,补充性地向用户传达信息。

    第三维:实体以及空间

    用户通过什么实体与产品进行交互?一台笔记本电脑,是带鼠标还是触摸板?还是触屏的智能手机?用户在什么样的物理空间内这样做?例如,用户是站在拥挤的火车上,同时在智能手机上使用应用程序,还是坐在办公室的桌面上浏览网站?这些都会影响用户和产品之间的交互。

    第四维:时间

    虽然这个维度听起来有点抽象,但它主要指的是随时间变化的媒体(动画,视频,声音)。动作和声音在向用户的交互提供视觉和语音的反馈方面起着至关重要的作用。同样值得关注的是用户花费在与产品交互上的时间:用户能不能了解他们的进度,或是否能在一段时间之后继续他们的交互?

    第五维:行为

    这包括产品的机制:用户如何在网站上执行操作?用户如何操作产品?换句话说,它体现了前面的维度是如何定义产品交互的。它还包括“反应“ —— 例如用户对产品的情绪反应或反馈。

    交互设计师提出的重要问题

    交互设计师如何使用上面的5个维度来创建有意义的交互?为了理解这一点,我们可以看看交互设计师在为用户设计时提出的一些重要问题,以下问题由 usabability.gov 提供:

    • 通过鼠标、手指或手写笔,用户可以怎样与界面直接交互?这有助于我们定义用户与产品可能进行的交互。
    • 外观(颜色、形状、尺寸等)是如何表达功能的?这有助于我们告知用户可能的操作有哪些。
    • 如果出现错误,产品提供的反馈是否能让用户纠正问题,或解释错误发生的原因? 这使我们能够预测和减少错误。
    • 执行操作后,用户会得到什么反馈?这使我们能够确保系统在用户操作之后的合理时间内提供反馈。
    • 界面里的元素尺寸大小是否能让用户方便地交互?这种问题能让我们策略性地思考界面里的元素。
    • 是否使用了熟悉或标准样式?标准元素和格式可以简化和增强产品的可学习性。

    那么,交互设计师是做什么的呢?

    嗯,这要视情况而定。

    例如,如果公司足够大,并且拥有巨大的资源,它可能会为UX设计师和交互设计师提供单独的工作。例如,在大型设计团队中,可能有一个 UX 研究员、一个信息架构师、一个交互设计师和一个视觉设计师。但对于较小的公司和团队来说,大多数 UX 设计工作可能由 1-2 人完成,他们可能有也可能没有"交互设计师"的称号。无论如何,以下是交互设计人员在其日常工作中处理的一些任务:

    设计策略

    这涉及到用户的目标是什么,以及实现这些目标所需的交互。根据公司的不同,交互设计师可能必须进行用户研究,找出用户的目标是什么,然后再制定策略将其转化为交互。

    线框和原型

    这同样取决于公司的工作描述,但大多数交互设计师的任务是创建线框图,展示产品中的交互。有时,交互设计师也可能创建可交互的原型和/或高保真原型,看起来与实际的应用程序或网站完全一样。可交互的高保真原型现在都可以使用一些在线原型工具实现,比如国内的墨刀,国外的Axure。

    本文转载自由墨刀翻译自 TEO SIANG 的What is Interaction Design?

    展开全文
  • UCD敏捷交互设计董安UCD敏捷交互设计交互设计是干什么的同事的理解把策划给的功能画成线框图UCD敏捷交互设计交互设计的完整流程用户研究访谈问卷人物角色情景分析(故事板)需求分析功能设计信息架构和流程交互细节...
  • 交互设计是用户体验 (UX) 设计的一个重要组成部分在本文中我们将解释什么交互设计一些有用的交互设计模型并简要描述通常交互设计做什么交互设计通俗易懂的理解 交互设计 通俗易懂地来讲就是它是用户和产品...
  •  这是一次内部分享,新部门的同学们希望我聊聊我过去从事的交互设计个了面对入门者等级的PPT,和各位简单聊了聊。发到微博上,也敦促自己对交互设计从业经历个简单总结。——类似的文章,貌似自己在三年前也...

    转载请注明来处,关注我,请点击:http://weibo.com/heidixie

      这是一次内部分享,新部门的同学们希望我聊聊我过去从事的交互设计,做个了面对入门者等级的PPT,和各位简单聊了聊。发到微博上,也敦促自己对交互设计从业经历做个简单总结。——类似的文章,貌似自己在三年前也写过……

      一. 什么是交互设计

      要谈什么是交互设计,先要了解这几个概念。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      网页设计年代,大概是从2004年开始热起来了,等到我毕业的2006年,满大街都已经是电脑培训机构,记得当时北大青鸟的百日千才培训就在我每日下班必经的十字路口。

      网页设计年代重视的是特效,说白了就是特效背后的技术,君不见当时的网页是让人看得眼花缭乱啊,这里bling bling闪闪的,漂浮框乱跳的。然后就是套各种网页设计模版,做出很多复杂的类似于右边这种典型的政府网站出来。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      美工时代:

      网页设计时代,大批的“美工”涌现。显然人们有了更高的追求,光是bling bling的眼花缭乱的动画效果已经看厌了,网页也是需要装饰美化的。虽然网页设计论坛(www.68design.net)当时很火,但是网页设计师这个头衔仍然是一厢情愿的叫法。大多数时候,仍然是老板和客户嘴里的“美工”。

      美工时代重视的是:视觉效果。并且,原来对网页设计一窍不通的老板们纷纷成了资深的视觉鉴赏家。美工时代“美工”很痛苦——单纯靠视觉效果去评价作品好坏,太主观,太随意。于是他们通常会做N个版本,反复修改,直至美工崩溃或者老板崩溃。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      历史迈入了伟大的UI年代。

      大概是在2005年,我崇拜的网络名人从擅长鼠绘的小非变成了图标达人Rokey(时光倒流到2005年,我正在看这篇文章:灵感来源于生活-微软亚洲工程院移动设备组UI设计师张伟)。也自学了关于UI的若干知识,开始迷恋起PS像素级的奇妙世界。

      UI=User Interface. 已经将User即用户纳入界面设计考虑的重要要素。但是对于精致、质感的无极限的追求,依然会让人顾此失彼,忘记了从用户的视角去审视一个UI的作品。于是,经常会看到虽然很精致,但是很难用的软件界面。

      用户看到的部份,无可挑剔。但是实际上,使用的感受并不好。而感受部份,可以从几个角度去阐释:

      ● 他们知道不知道这个是什么东西?他们感觉到迷惑吗?

      ● 他们是否清楚能够通过此物做什么?

      ● 是否清楚如何做到?

      ● 当他们有兴趣去尝试时,他们知道如何开始吗?

      ● 当他们开始后,知道如何进行下一步吗?

      ● 当不想要使用时,能够快速明白如何退出吗?

      ● 当他们退出后,下次来用,是否需要重新去学习掌握如何操作?

      ● 每一步操作时,他们心理会感觉到愉悦还是枯燥乏味?

      当然,我们崇尚软件操作过程中的效率,但是若用户感觉到愉悦,也许就不会觉得效率太低,其实,效率是个相对的说法。归根结底,这就是用户体验。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      UED时代——用户体验制胜

      我们不缺技术,我们不缺另人震撼的视觉,这些虽然过去是我们孜孜追求的东西,如今已经不足为奇。但是我们缺用户来用,我们缺用户持续来关注,我们缺用户体验。用户体验过去一直在产生影响,但是未能得到足够的重视。

      2007年,开始关注www.ucdchina.com. UED是套方法论,UCD是指导思想——User-centered Design. 不再是BCD-Boss-Centered Design.老板说了算,除非老板能够代表目标客户。这和市场营销学发展的历程有点像,从生产主导到市场主导。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      以下是我在用户体验设计?——是什么不是什么里用到的图片。WEB2.0后,用户的参与度越来越高,用户从被动的接受者变成了主笔,主编,摄影师,作家……他们是主角,使用中遇到问题,当然不可能靠网站的客服电话或帮助教程搞定,他们需要自助,所以,降低使用门槛,消除使用障碍,吸引他们重复使用,是每个网站致力的方向。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      以下是在用户体验设计答疑对话(半吊子和纯外行)一文中的配图。从广义来讲,一个网站的任何部门都是在为用户体验服务,从战略层的布局开始,用户体验已经开始。而狭义的用户体验设计,也就是UED部门做的事情,大部分是围绕到结构、框架以及表面层。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      UED部门的组织架构基本如下,解决用户易用(交互、文案),以及想用(视觉,交互)的问题。而用户研究是帮我们看清用户特征、洞察及挖掘用户需求,前端是伟大的实现者。

      文案对于用户体验的重要性经常被忽视,所以,文案撰写在UED团队是很稀缺的资源。目前据我了解,只有支付宝的UED团队有此配置,其他团队大部分是由产品经理担任此职。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      那么,交互设计到底是什么呢?

      我突然打了一下你,你肯定会有一定的反应。首先,你的表现会吃惊或者生气,你的吃惊或者生气的程度也会受我下手的轻重和方式影响。

      我呢,对你的反应会有一定的预期,下手的时候,没有期望你会突然哈哈大笑——这就是人与人之间的交互。

      人和物也是一样,我按下电视的开关键,我预期电视会打开,并且电视如期望发生运转。若我按下电视的开关键,突然电视成了静音,这就是非期望的交互行为。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      二. 为什么需要交互设计?

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      人可以经由训练,改变自己对于行为的反馈,比如,妈妈教育婴儿对于他人的礼物回报以“谢谢”和微笑,不要跟着陌生叔叔走等。如果你送一个小孩子礼物,他却对于大骂,你会觉得这个小子怎么这么没教养。

      机器、系统没有生命力,则需要被赋予对于各种行为的反馈机制。将用户的期望赋予给它,让它给出合理的反馈行为。

      然而不幸的是,我们的生活里,没有教养的产品实在太多太多……

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      上图左侧是一个杯子。我让现场的同学猜这个杯子的成本价,答案集中在10元左右。但是不幸的是,我为这个杯子花费了不下600元。原因正在于不良交互。

      杯子的把手处仅容两个手指塞入,当倒入热茶后,我端起此杯,把手上部是光滑无比的玻璃,而手指又被杯壁烫了一下,结果杯子倾斜,将热茶倒入了笔记本电脑键盘里——修键盘花费了580元。

      考虑到这里,设计杯子的设计师可以考虑把把手做成磨砂玻璃,增加卖点。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      上图是公司内部的门。基本上去个卫生间都要从此门经过,那么基本上每个员工每天进出此门不下6次吧。

      在场的同学声称每次都很紧张——为什么?怕被撞啊。你看不到对面有没有人,怕推门撞别人。自己也担心被人撞。所以,途径此门,瞳孔会不会由于紧张放大呢?还有,此门推也可拉也可,上面的“拉”字其实形同虚设。

      每天反复扇动,座位靠近此门的同学们夏天感觉到热,冬天感觉到冷。严重不低碳环保。

      原因也是不良交互设计。

      改进此门,可以设置透明的玻璃窗。或者用自动开启的推拉门代替。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      上面是一个电梯事件。要知道电梯是个最讲究习惯统一的地方。你要经常在不同的大楼用不同的电梯。若A电梯用这种按键,B电梯用那种按键,基本上你都要重新适应。然而这个适应你又无法持续,因为你到了C电梯,仍然要重新学习。所以电梯的按键设计,基本上要有行业标准的。

      然而华星路的创业大厦就是特立独行的。大多数电梯将开门、关门的按键放到了数字键的上部。而创业大厦则是将报警按键放到此处,开门关门则放到了数字键的最下方。

      我2008年到阿里巴巴上班(当时公司就在创业大厦),觉得这里的同事很不友好。好几次晚到一步,电梯门即将合上,我大步向前,边跑边叫等一下。里面的人面带笑容,靠门的MM伸手一按键,电梯门无情地关上了。

      这里的人都太不友好了——我一直怀抱如此恶念。直到有一次我上了电梯,电梯门即将关闭时,有几个迟到的同事飞奔过来,我二话不说,直接按开门键——叮呤呤,居然响起了铃声,有个声音问:什么事?我定睛一看,原来本以为是开门键的地方,是个报警的按键!原来如此!

      上图右下方我写了一个HISTORY, 历史。这是开个玩笑。假设某人暗恋已久的人向TA飞奔过来,希望电梯等一下,结果由于此不良设计,让这个暗恋的人心存纠结,错过美好姻缘。本来两个人结合有可能生出一个能够改变历史的天才,结果错失了。

      去年11月底我再去创业大厦,发现此电梯的故事还在继续——毕竟更换电梯成本太高了!而且在报警的按钮下方,被保安贴了一张醒目的即时贴,上面写着几个大字:这是报警用的!哈哈,看来保安也不堪忍受“假报警”。但是没用,贴着这个提示并不能有效阻止错误发生——用户首先是凭借习惯,其次才是认知和学习。

      原因正是不良交互设计。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      上图是今年去千岛湖outting拍的酒店里的门以及开关。酒店的门打开貌似是在教我们做肢体协调操,需要两个手同时按指示操作才能打开。试问门的安全性在于防止外面的人破门而入,不是为了防止屋内的人出门。不晓得这个过度设计有何作用。总之,妈妈不再敢把小孩子留在房间自己不带房卡出门。因为一个8岁以下的孩子,基本上不会开此门。

      右下角是大部份酒店都有的变态的灯。你不知道什么状态是开,什么状态是关。当然,由于酒店系统,某处灯光是由多个按键控制,无法用统一的交互解决。但是这是系统的问题,不是用户的问题。

      网页上的无教养的表现更多了……

      某日我看到一封邮件。我大概一瞄,我就看到几个关键词:免费,即可获得,10元,立即领取。

      (我和大部分用户一样,不会逐字去阅读什么什么介绍,基本上都是在抓关键词,要提高效率,请精简网页文案,强调文案重点)。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      但是,当我点击立即领取之后,直接给我一个添堵的页面:我没有资格。(文案的重要性!)

      我不知道是不是不登陆造成的,当时的设计应该考虑各种风险给出周全的解决方案。

      从数据上去看,也许会看到活动的转化率很低很低,也许活动方会认为是投放人群不对,页面不够吸引人,或者10元的力度不够等等。但是只要认真去找问题,也许会发现不良交互产生了严重影响。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      当然,我还搞不明白,像UIGARDEN这种盈利模式单一急需用户注册的网站为何会在注册页面和用户过不去。

      你链接不上GMAIL的服务器是你的不对,别说用户的EMAIL是无效的好不?

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      再看麦考林糟糕的经历,我不知道具体的数据如何,但是麦考林肯定有大量非商品质量问题,也非服务问题造成的退货。

      也是由于糟糕的交互设计引起的。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      我填写了收货地址后,上图是让我指定送货方式。麦考林给出了两个方式可选,我毫不犹豫选择了邮局方式——因为EMS太贵了嘛。谁知道这邮局还真的是邮局——5天后,我收到前台给我签收的一个包裹单,让我去邮局凭借身份证领取包裹。要知道,快递送货上门时代,我怎么可能去邮局领包裹?打电话给麦网,客服小姐说,因为我的收货地址不支持快递,所以只能让我选邮局。

      我这才知道是怎么回事。原来麦网为了解决用户选的配送方式不可用的问题(淘宝也经常存在这个问题),故作聪明使用了邮编去匹配配送方式的方法。我填写的邮编他们系统解读不支持快递,因此下个页面就不给我这个选项。

      邮编在今天已经是用户认为很不重要的字段,他们会不确认就随便写。另外,麦网要避免这个问题,也可以让顾客明白有哪些配送方式不可用且告诉原因而不是简单隐藏了事。

      所以,我们需要交互设计去做什么呢?

      1. 发现并解决这些问题

      上面的那些交互的问题,有些人根本发现不了。有些人发现了并不知道如何解决嗯。

      交互设计师需要发现并有一套方法去解决。

      2. 平衡——引入用户视角和方法。还是那个老图:

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      3. 控制成本,降低风险

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      交互的系统方法,让交互的输出物快速迭代呈现,并且低成本。不需要开发,不需要视觉,就能够将抽象的想法具像呈现原型,方便的且低成本的工作方法,方便项目组进行多种可能性的探索。

      在一轮轮的评审和讨论中让决策人和参与方根据项目的阶段逐步聚焦。最终输出一个最终版的原型。

      4. 术业有专攻

      当然,产品经理和视觉设计师若有可能多做一些,也可以不需要交互设计师。事实上,大多数创业型的公司,确实是没有交互设计师的。但这不意味着交互设计缺失,有可能是产品经理或者视觉承担了此阶段的工作。但是,产品经理在平衡商业和用户的点上,往往会更多站在老板或者KPI的角度,而视觉设计师感性大于理性,更加纠结于各种视觉细节,会不自觉在项目前期就引入太多视觉元素,让项目组在讨论中偏离核心方向。

      总归来说,他们的专攻方向是不一样的。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      三. 什么是交互设计

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      我个人认为交互设计师的工作围绕以上四件事情展开。入门的人,很容易将重点落到第二点:快速迭代呈现上,所以他们会直接问:你们都用什么工具?能给我们培训一下工具吗?

      其实工具真的不是重点,想法若有,发现白纸和笔都是最好的工具。所以进阶的交互设计师后来会明白这一点,他们会回归到需求本源:这是什么?为什么要做?我们要解决的是什么问题?非要如此解决吗?

      举个例子,若有需求方说:帮我设计一个花瓶。小A设计师就直接去做花瓶去了。小B多问了几句:多大的花瓶?什么材质的?什么时候要?预算是多少?小C则问:你要花瓶做什么的?是放鲜花还是做室内装饰用的?小A肯定做出了花瓶,但是未必是顾客想要的。小B也做了花瓶,顾客也买单了,已经合格了。但是小C则有可能让顾客惊喜。顾客表面要的是花瓶,但是实际上是在寻求一种解决方案。他要解决的问题有可能是风水问题,有可能是美化家庭,有可能是装一束鲜花……若不了解这个背后,你也许只能给他一个花瓶,而不是其他的更加适合他但是他描述不出来的,甚至没意识到的。

      在实践中,我曾遇到一个需求,在一个新的频道即将发布前,需要做一个预热页面。这个预热页面比正式的页面提前几天发布。运营同事说需要提前让目标顾客知道一个新的频道要上线了,那么原来的设想就是在这个页面上介绍一下新的频道,以及新频道上线后的精彩活动。

      追问:你的目标是让这些人知道有这件事情,还是让他们知道有这件事情并且在频道发布后回访呢?需求是后者。那么一个简单的介绍页面只能达到前者的目标。这群人知道这件事情,但是一周后就会淡忘这件事情,这群人绝大多数不会成为正式频道发布后造访的那拨人,那为何还提前预热?要达成后者的目标,我们则需要放钩子,比如在预热期间让用户抢积分,免费送积分,折扣券等,并且限定了积分或者折扣券只在正式发布那天有效等。

      数据可以看出一些需求,但是数据是个有意思的武器。武器可以让用户的行为显像化直观化,但是你依然不了解这些数据的背后有什么样的顾客行为。比如,数据显示某购物网站主流用户也许是集中在25岁到29岁。这是个事实。那么我们的产品有可能会认为就是要满足这类顾客的需求。但是有可能是我们在设计上太偏重这个阶段的用户群,让其他用户更难去用我们的产品。

      另外,交互要始终平衡的除了商业与用户、技术,就是ROI, 也即投入产出比。

      解决一个问题,满足一个需求,有多种方法。有的属于过度设计。有的属于隔靴搔痒——需要多搔很长时间才能解决问题。所以交互需要有四两拨千金的意识,在探索阶段,不放过一个灵感,多做一些探索去求寻最佳解决方案。在后期则当快刀斩乱麻,当断则断。

      交互设计师的工作——

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      在整个项目流程中,交互则在四个阶段有不同程度的参与,并且这几个阶段并不是严格的串行,而是并行中迭代的。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      1. 需求阶段

      参与讨论,了解并挖掘需求。进行用户需求分析(也会与BI部门以及用研配合,走访用户,做用户调研等),任务分析,提供网站架构图(site map), 网页流程图(page flow)等,协助产品经理细化需求,从BRD(商业需求文档)到PRD(产品需求文档).

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      2. 原型阶段

      同步PRD进程,输出各阶段所需的产品原型,也即线框图(Wireframe). 探索满足需求的各种解决方案(包括任务流以及单页面交互),并组织评审和讨论会,在评审和讨论后,输出一个确认版的线框图以及交互说明文档。

      此阶段若有必要,也会配合用研进行可用性测试,以便提前发现问题。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      3. 视觉-前端以及开发阶段

      演变成为UED内部项目经理,对UED整体时间进度负责,讲解需求,答疑,验收视觉以及前端、开发成果。根据他们的反馈,改进交互设计,并与产品经理协调。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      4. 优化阶段

      观测核心数据变化,进行可用性测试和用户调研,以便优化下个版本。

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      先到这里,下一篇分享下交互常用的工具和方法。继续关注哦~

    什么是交互设计?为什么需要交互设计?,互联网的一些事

      围观: 26798次 | 责任编辑:包子

      展开全文
    • 交互设计什么

      千次阅读 2016-11-14 14:49:28
      一句话概括你理解的交互设计什么?不同人对于“交互设计”的理解是不一样的。正如抛出这个问题的时候描述的那样,答案没有标准。 我的理解是:信息的输入,输出过程。作为一个新人,大胆写出自己的理解,一方面是...

      一句话概括你理解的交互设计是什么?不同人对于“交互设计”的理解是不一样的。正如抛出这个问题的时候描述的那样,答案没有标准。
      我的理解是:信息的输入,输出过程。

      作为一个新人,大胆写出自己的理解,一方面是为了整理之前的一些学习心得,另一方面也希望借此能和更多的前辈学习交流。

      1、我的理解:
      ▪我自己一句话概括交互设计是什么:交互设计是对于用户产品使用行为的优化设计。

      ▪解读:交互设计关注的是“用户场景”和“用户心理”,设计的对象是“用户行为”,达成的目标是“能用、易用、想用”。

      ▪基础阶段(能用,易用):
      “用户场景”包括“什么人who,什么时间when,什么地方where,完成什么事情what,怎么完成这个事情how”进一步可能还需要弄明白“为什么需要完成这个事情why”
      在“场景”中“什么人who,什么时间when,什么地方where,完成什么事情what”是做交互的前提和背景知识,需要优先回答,可以通过用户研究获得。(我个人在画交互稿之前,会把这些背景都列在交互稿前面,这样有两个好处:A、不会走偏;B、更容易关注到相应场景下的的交互细节)
      在“场景”中“怎么完成这个事情how”是交互设计本质上需要去设计的落脚点。具体来说包括:用户行为流程(流程图等),行为方式(交互方式等),行为反馈(交互动效等)等几个方面。其中流程是基础,交互设计师需要梳理用户操作行为流程,以满足用户便捷、高效甚至是生动有趣的去完成一个行为目标what。
      ▪进阶阶段(想用):
      在基础阶段,完成的是对于“能用,易用”的设计目标,可以保证用户在完成自己的“行为任务”过程中的“流畅、高效、不受干扰”。能够实现上述目标,我个人觉得这个应用或者网站就可以“上线”了。
      那怎么让用户达到“想用”这个层次呢?需要进一步关注的点还包括“用户心理”。用户体验的本质,我个人觉得就是对于“人”的洞察和针对性“优化设计”,这里的“人”更多的是指用户的心理和感知体验。
      “用户心理”,从宏观上对应着“用户需求”,微观上对应着“心理模型”。
      宏观上的“用户需求”是产品设计的前提,只有满足了用户一定需求的产品才会被用户接受以致达到“想用”的层次。(举例:日程应用满足的是规划和提醒活动安排的用户需求,IM应用满足了与人沟通的用户需求等等)
      微观上的”心理模型”是交互设计的出发点和终点,了解了用户的“心理模型”,便于更好的理解用户目标、优化行为流程、提升用户体验,达到“想用”的设计目标。(每个用户心中都有一个自己理解的系统运行模型,设计师有自己的“设计模型”,交互设计师需要做的是将减少“设计模型”和“用户模型”之间的差距)
      ▪深入阶段:
      个人觉得如果能完成“基础和进阶阶段”的相关要求,已经是一个非常棒的交互设计师了。如何让自己成为“专家级”的交互设计师,“深入阶段”主要解决的还是基础阶段需要回答的一个问题“为什么需要完成这个事情why”,能够很准确的回答用户的这个问题,是产品设计最起点,也是最终点的问题。
      另一方面是关注“产品目标”,这里的产品目标除“用户目标”之外还包括“商业目标”等,交互设计师关注“用户”是根本和基础,“用户价值”也是产品的基石。但一款好的产品还有很多方面需要去推动和维护,交互设计师需要了解“产品战略”、“业务逻辑”、“运营策略”、“开发成本”等等和“用户价值”相辅相成,互相促进的关键点。
      以上是我个人对于“交互设计”的一些理解,肯定有不足之处,希望可以和行业前辈和同仁多多交流,并给予指正。
      2、权威理解:
      在总结了自己对于“交互设计”相关理解的基础之上,我也去收集了相关资料,一是为了验证自己的理解是否正确,二是为了更全面和深入的理解“交互设计”。
      ▪权威的定义:
      以下是目前能找到的最权威的“交互设计”的定义。对“交互设计”的定义来自于交互设计协会(IxDA):
      交互设计师以创造有用且实用的产品及服务为宗旨。以用户为中心作为设计的基本原理,交互设计的实际操作必须建立在对实际用户的了解之上:包括他们的目标、任务、体验、需求等等。以用户为中心的角度出发,同时努力平衡用户需求、商业发展目标和科技发展水平之间的关系,交互设计师为复杂的设计挑战提供解决方法,同时定义和发展新的交互产品和服务。
      ▪解读:
      设计对象是:产品或服务
      设计目标是:有用且实用
      基础原理是:以用户为中心
      前提条件是:了解用户(用户目标、任务、体验、需求等)
      相关要求是:平衡用户需求、商业发展目标和科技发展水平之间的关系
      最终落地是:为复杂的设计挑战提供解决方法,同时定义和发展新的交互产品和服务
      这6点,个人觉得还是比较空泛的,但作为“下定义”的范畴,也着实解释了“交互设计”。综合这个定义,回顾到我前面对于“交互设计”的个人解读,也着实有些欣慰,至少可以说明,我的理解在方向上是对的。
      ▪其他相关权威观点:
      交互设计是“为沟通和交互而设计”——马萨诸塞艺术与设计学院教授Jan Kubasiewicz
      交互设计“设计的对象是人的活动”——江南大学设计学院教授辛向阳

      展开全文
    • 交互设计指南

      2011-09-22 09:02:37
      交互设计资料 交互设计研究 交互设计方法 交互设计架构
    • 什么交互设计

      千次阅读 2014-11-24 17:25:45
      交互设计,又称互动设计,英文Interaction Design, 缩写为IxD,是定义、设计人造系统的行为的设计领域。 人造物:即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。 交互设计...

      交互设计,又称互动设计,英文Interaction Design, 缩写为IxD,是定义、设计人造系统的行为的设计领域

      人造物:即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构

      交互设计在于定义人造物的行为方式(the interaction,即人工制品在特定场景下的反应方式)相关的界面

      交互设计师首先进行用户研究相关领域,以及潜在用户,设计人造物的行为,并从有用性,可用性和情感因素等方面来评估设计质量。


      产生原因

      交互设计在任何的人工物的设计和制作过程里面都是不可以避免的,区别只在于显意识和无意识。

      原因:

      • 随着产品和用户体验日趋复杂、功能增多,新的人工 物不断涌现,给用户造成的认知摩擦日益加剧的情况下,人们对交互设计的需求变得愈来愈显性,从而触发其作为单独的设计学科在理论和实践的呼声变得愈发迫切。
      • 由于交互设计的研究者和实践者来自不同领域,而且这个领域本身尚在创建阶段,因此人们往往对某些问题尚未达成共识,甚至对类似和相同的问题本身的理解以及解决方式也可能有不同方案,且相互矛盾。比如交互设计的基本元素包含什么,现在也还在讨论中

      但是人们依然形成了一些不相互否认的共识,比如,交互设计是设计人和物的对话(dialog),而交互设计研究和实践的本质可能是隐藏于这个对话中的。

      交互设计的目的包括,有用性,易用性和吸引性的设计和改善。

      特别是进入数字时代,多媒体让交互设计的研究显得更加多元化,多学科各角度的剖析让交互设计理论的显得更加丰富。

      现在基于交互设计的产品已经越来越多的投入市场,而很多新的产品也大量的吸收了交互设计的理论。


      相关领域相关的设计领域

      平面设计、产品设计、艺术设计、工业设计等。



      交互设计与界面设计的关系

      用户界面是交互设计的结果的自然体现,但是不能说交互设计就是用户界面设计


      出发点:

      交互设计的出发点在于研究人在和物交流(dialog)时候,人的心理 模式和行为模式

      并在此研究基础上,设计人工物的可提供的交互方式,来满足人对使用人工物的三个层次的需求(usefullness, usability and emotionality)。

      从这个角度看来,交互设计是设计方法,而界面设计是交互设计的自然结果

      同时界面设计不一定由显意识交互设计驱动,然而界面 设计必然自然包含交互设计(人和物是如何进行交流的


      TIP:

      交互性不限于技术相关的系统。人和人之间天然是需要交互的。因此,交互设计可以应用到和人相关的各种活动中,比如服务。这类交互的设计者,会以不同的名目用到交互设计的方法和原则。



      交互设计和产品开发的关系

      在没有提出交互设计和体验设计以前,产品设计总是将交互设计以某种方式交给相关人员去实施。从这个意义上而言,产品的设计从来就包含交互设计来满足人们的使用需求

      然而,当人们意识到简单的界面规划不能满足人的使用需求的时候,交互设计开始作为一个独立的设计阶段出现。并且有研究者和实践者提出,交 互设计需要在制定初步产品的策略之后技术设计以前实施,这样可以避免低效的交互给产品的开发和发布造成过多的损失。



      相关研究交互设计的一般步骤

      建立快速原型,通过用户测试改进设计方案。

      交互设计步骤:

      • 用户调研
        • 通过用户调研的手段
          • 介入观察
          • 非介入观察,
          • 采访等)
        • 交互设计师调查了解用户及其相关使用的场景
        • 以便对其有深刻的认识(主要包括用户使用时候的心理模式和行为模式),从而为后继设计提供良好的基础。
      • 概念设计
        • 通过综合考虑用户调研的结果、技术可行性、以及商业机会,交互设计师为设计的目标创建概念(目标可能是新的软件、产品、服务或者系统)。
        • 整个过程可能来回迭代进行多次,每个过程可能包含头脑风暴、交谈(无保留的交谈)、细化概念模型等活动。
      • 创建用户模型 Scenarios/Personas/Profiles
        •  基于用户调用得到的用户行为模式,设计师创建场景或者用户故事或者storyboard来描绘设计中产品将来可能的形态。
        • 设计师设计用户模型(persona)来作为创建场景的基础。
      • 创建界面流程
        • 交互设计师采用wireframe来描述设计对象的功能和行为。
        • 在wireframe中,采用分页或者分屏的方式(夹带相关部分的注解),来描述系统的细节。界面流图主要用于描述系统的操作流程。
      • 开发原型以及用户测试
        • 交互设计师通过设计原型来测试设计方案。
          • 原型的可以是实物的
          • 也可以是计算机模拟的
          • 可以是高度仿真的
          • 也可以是大致相似的
        • 原型大致可分三类
          1. 功能测试的原型
          2. 感官测试原型
          3. 实现测试原型
        • 这些原型用于测试用户和设计系统交互的质量。

      实现

      交互式设计师需要参与方案的实现,以确保方案实现是严格忠于原来的设计的

      同时,也要准备进行必要的方案修改,以确保修改不伤害原有设计的完整概念。


      系统测试

      系统实现完毕的测试阶段,可能通过用户测试发现设计的缺陷,设计师需要根据情况对方案进行合理的修改。


      交互设计的原则

        认知心理学为交互设计提供基础的设计原则。
        • 心智模型(mental model),
        •  感知/现实映射原理(mapping),
        • 比喻(metaphor)
        • 可操作暗示(affordance)。

          这些原则大都在The Design of Everyday Things中被提及。



          可以应用交互设计的领域

          交互设计师通常在如下领域活动软件界面设计

          • 信息系统设计
          • 网络设计
          • 产品设计
          • 环境设计
          • 服务设计
          • 综合性的系统设计。

          上述领域各自需要自身的设计特征同时,也会用到通用的交互设计的原则和实践。



          交互设计和其他产品相关活动的关系

          交互设计师通常需要参与到团队中不同的活动中,比如图形设计、程序设计、用户心理、用户测试,产品设计等等。

          因此,交互设计师需要对上述领域有相当理解,以便于和不同领域专家开展合作。


          人际交互设计

            由于联网设备的普及催生了人际交互交互设计(Social interaction design, SxD)。
              人际交互设计关注人之间的交互以及人和设备直接的交互。
                人际交互的关键要素诸如人际交流、口头交流、书面交流、交谈的语用学等等。
                  这些相关要素已经不能完全用认知科学的原理进行描述,为此,需要引入社会学、心理学和人类学来作为设计师设计的支撑
                  展开全文
                • 软件交互设计 ;软件交互设计 ;第一章 ;什么是人机界面与交互 ;生活中的人机交互-减速板的困扰 ;生活中的人机交互-减速板的困扰...谁来软件界面与交互设计 ;谁来软件界面与交互设计 ;谁来软件界面与交互设计 ;谁来
                • 交互设计

                  千次阅读 2014-12-13 20:19:54
                  交互设计编辑 本词条缺少信息栏,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计...
                • Chapter5 交互设计测试与评估 第一章 为什么要开展测试与评估 用户测试:请目标用户使用产品来完成任务,观察并记录用户使用产品的整个过程. 用户测试的定义:也被称为产品可用性测试,指特定的用户在特定的使用...
                • 交互设计PPT

                  2008-04-21 17:32:47
                  交互设计PPT是经过整理的
                • 交互设计规范

                  千次阅读 2014-01-10 17:14:35
                  2[产品设计规范]界面组件级交互设计规范 3[产品设计规范]BS应用界面设计规范 4[产品设计规范]CS软件用户界面设计规范组件部分 5[产品设计规范]03界面组件级交互设计检查表 6[产品设计规范]腾讯网Web设计
                • 如果有需要视频资源的可以关注"AI产品经理人...交互设计师和产品经理的区别 交互设计影响用户体验 优秀的交互设计来源于生活!!! 用户体验:国际标准化组织ISO 9241-210定义:用户对于使用或期望是用的产品、...
                • AR交互设计

                  千次阅读 2018-06-13 11:13:24
                      研究生期间基于MR的远程协同设计和指导技术研究,阅读和学习相关资料,学习总结了AR交互设计相关内容。     AR类产品的出现,可能是第一次实现虚拟世界与现实世相互“融合”,完成屏幕的“跨越”,人...
                • 交互设计精髓.pdf

                  2014-11-18 10:51:05
                  交互设计 ABOUT FACE 3交互设计精髓(1-121).pdf
                • 转载自:老二牛车教育 » 【交互设计】用户体验之手势交互设计原则 手势识别指的是计算机设备侦测并识别人类手势。近几年来,随着手势识别技术的高速发展,以及3D传感器的广泛采用,手势交互已经得到广泛的普及...
                • About face 4: The Essential of interaction Design 交互设计精髓4 中文版
                • 九大交互设计原则

                  千次阅读 2019-08-23 18:25:56
                  交互设计作为原型设计里的重要环节,了解交互设计原则,给交互设计提供更多设计支持。 1. Fitts’ Law / 菲茨定律(费茨法则) 目标离的越远,到达就越是费劲。目标越小,就越难点中。如果我们要想鼠标比较快速...
                • 随着网络技术的创新发展,如今UI交互设计应用越来越广泛,显然已经成为设计的主流及流行的必然趋势。UI界面交互设计中的动效包括移动,滑块,悬停效果,GIF动画等。UI界面交互设计为何越来越受到青睐?它有哪些优势...
                • 网页交互设计

                  千次阅读 2018-02-27 18:20:17
                  交互设计对于任何一个Web应用,与用户互动是最基本的要求。为Web应用增加交互性,最常用的方法,莫过于使用 Javascript 或 jQuery、AJAX 了。本节不打算详细介绍这几种技术,只是简要介绍在网页版 word 中,如何...
                • 11个优秀的交互设计作品集

                  万次阅读 2019-10-13 16:40:30
                  不管你做什么样的设计,一个在线交互设计作品集都是必备的。在大多数情况下,公司和客户根本不会考虑你是做什么工作的。虽然很多交互设计师可能认为自己的工作不能很好地以视觉化的方式呈现出来,但一个作品集对于...
                • ui 交互设计.pdf

                  2008-10-12 03:53:48
                  交互设计,ui设计必读,客户端程序员必读
                • 摘要:此项目博客为潘老师系统分析与设计项目相关博客,主要是讲述如何利用xiapiu进行原型图输出与交互逻辑设计,内附大量图片,文章末尾有整体视屏效果 首先,利用xiaopiu来原型图输出具有以下优点: ...
                • 精选了几本好书,分享给大家: Top7:《在你身边,为你设计》 ...CDC的书,里面讲解他们在用户体验方面的很多经验 ...尤其是“用户测试”方面讲得很全面很实用,用户分析也的很到位 ...“如果你交互做的不够好
                • 交互设计 学习心得

                  千次阅读 2019-09-03 23:45:46
                  交互设计 学习心得 01 概论主副区分区图标内外环呼吸感图标的颜色界面排版 01 概论 设计前:产品分析 设计中:精细度提升 设计后:设计验证 主副区分区 设计依据:用户使用频次 帮助用户做出选择 (一维、二维分析法...
                • 交互设计之路.pdf

                  热门讨论 2009-12-02 11:46:01
                  交互设计之路.pdf ,介绍设计的经典著作
                • 《手把手教你写交互设计文档》,交互设计师编写界面交互设计文档应该如何写
                • 手机淘宝HTML5版交互设计规范,超级详细
                • 和谐界面:交互设计基础课件

                  热门讨论 2010-01-24 11:22:50
                  《和谐界面:交互设计基础》配套课件!《和谐界面:交互设计基础》阐述了如何将人机交互的研究和理论应用到交互设计过程中,涵盖并超越了传统的人机交互范围。每章首先讨论HCI主题或概念,然后从交互设计的视角深入...

                空空如也

                空空如也

                1 2 3 4 5 ... 20
                收藏数 806,013
                精华内容 322,405
                关键字:

                交互设计做什么