最浓缩的概念:交互是什么?交互的本质及如何理解

在使用一种产品或东西的整体过程。而无论这个使用行为是有无目的导向。本身这个过程,即是交互的本质。而任何一个交互的过程中必定存在交互对相,及交互的媒介。在这里,我先声明一下哦。以下的分析过程可不那么容易跟得上,思维与对生活细节观察力不够的,请直接跳过。但,以下的内容是当年我在新加坡修用户体验时,在交互过程一环中的必修环节。做好心理准备,那就开始看吧。题外话:而如果想改进这一环节,那么在提升交互环节的效率方式手段上,也无非只能是,1,提升硬件能力来加速。2,减少多余软件操作环节。3,有无改变硬软件间关系的其它模式?题外话:而如果想改进这一环节,那么在提升交互环节的效率方式手段上,也无非只能是,1,提升硬件能力来加速。2,减少多余渠道操作环节,如展开一个个目录,或通过其它模式打开。3,提升系统本身效率。产品设计的体验层级关系:
核心层:产品本质体验层。---这产品是为达成什么用户目的而生的。
中间层:产品使用过程中的体验层。---这就是我们所有产品中的交互层。
最表层:产品的视觉体验层。---这部分就是UI〜我们也知道约炮软件其实并没有什么用,但为什么能相对留存久呢?也就是在于用户在心理层上有侥幸心理。同时加上其在媒体上潜意默化的某某成功的宣传。所以,让用户的心理否定延后。所以,相对来说,知道没什么用,但还是久留一下看看。但大多有头脑的。基本上也在一段时间后最终放弃。

最浓缩的概念:交互是什么?交互的本质及如何理解

  • 交互,interaction。
  • 用户交互设计:User Interaction Design(UID)

这个词,相信很少人会听说过。当然,也没有很系统的听说过UID.而大多的UID的理解,可能也只是User Interface Design。也许是我们中国人天生英文水平不高。也许,我们在工作中很容易的认为交互其实也是界面Interface的事。故然,这个UID就自然的被忽视。更或许,从公司的角度也没必要再单独去明确这一职能。直接将这一切要么归为产品去考虑,要么归为界面去考虑。而有些像BAT的大公司,也直接归为UED去考虑即可。所以,我们常见到,有些公司,产品来负责了交互。有些公司,则是UI拿下了交互。还有些所畏BAT的大公司。则是将界面与交互归为了UED。但本身却将UED的本质,用户体验,交给了产品。所以,职能相对混乱。

记着上篇文章中,我有谈及,我会针对UI,UID,UED(UXD)来一步步说明这些慨念。以帮助大家在工作中能阶断性的清晰环节关系。从思维上更透晰。

 

那,说了这么多开场白后,我是不是应该继续说明一下什么是交互的本质?

交互的本质是:

在使用一种产品或东西的整体过程。而无论这个使用行为是有无目的导向。本身这个过程,即是交互的本质。而任何一个交互的过程中必定存在交互对相,及交互的媒介

当然,说到这里。如果你已经秒懂了,那么恭喜你,下边的学术内容你完全可以不用看了你有非常好的头脑。

但如果你懂了,还希望能更具体清晰的切入你的工作中。那么,让我来说一些我们生活中常面对的事例。同时我会一步步拆分交互的各项因素。我希望通过这个拆分的过程让大家更清楚交互的本质。

以下文章开始转换到学术部分。

首先这有几个场景:

  • 第一场景:我打开电脑,打开 Word2016 开始写文章。(估计说完这个,大多人已经明白什么是交互,并应该如何做了)
  • 第二场景:我打开电脑,打开QQ这样的聊天工具,跟人及群聊天。
  • 第三场景:我跟朋友打电话。

好,这是三个情景,是我们生活中最常见的情景。

那么,在我开始产述之前,我希望你们能理解另外一个基础慨念,我们会时时用到的慨念-媒介。交互的媒介。 在上篇关于真伪UI的文章中,我产述的核心观点是,UI是尽可能从视觉层降底用户对产品或物件认知及学习台阶的这么一个东西,那这个东西,其实称之为媒介

那么,如果要正确理解何为交互,那么,还需要能正确的将故事合理的拆分,从而理解交互。

那我开始一步步分析上边的情景。

1. 我打开电脑,打开Word2016,开始写文章。

在这个平凡的故事中,会有三个主体交互环节节。

1.1 本身我打开电脑,这个就是我的行为开始

在这个环节中,我们要达到目的时,所处于的主体交互环节为:按下电源按键,看屏幕;而,鼠标键盘等做为辅助进入环节。

1.2 再点击图标执行打开Word2016这个系统内的软件,这个还一个过程

1.3 最后我开始写文章了。这个是行为的执行目的终点环节。

在这里,我先声明一下哦。以下的分析过程可不那么容易跟得上,思维与对生活细节观察力不够的,请直接跳过。但,以下的内容是当年我在新加坡修用户体验时,在交互过程一环中的必修环节。做好心理准备,那就开始看吧。

学术开始

先看行为开始的开机流程图:让我们将我们平常及为容易忽略的部分清晰的呈现在我们眼前。

最浓缩的概念:交互是什么?交互的本质及如何理解

从上图中,按下电源开关键是第一个环节开始,也是我的主要载体工具。我需要打开来才可能进入这个主体系统下的某个我需要的目标工具。那在这个环节中,我在开机的过程,开机的电源控制键,这是我主要的交互行为节点。而看着电源打开后,进入系统的过程,我是通过电脑的屏幕在查看进入系统的过程。这个屏幕则是我与电脑在开机进入系统中的另外一个主体媒介。而相关操作的鼠标,与键盘呢?当然是在这个过程中,做为辅助性的媒介存在。因为有些人开机是不需要再使用这两东西的。而需要用也是在其它分支交互环节,如选择系统,输入密码,或进入Bios,再出来重复启动走向,总之最终目的是进入系统。第一环节结束!

是不是有点绕?我整理一下:

  • 我的电脑是我这阶段交互的主体,电脑是对相。---主体交互对相
  • 开机的电源是主要的第一媒介---主要交互媒介。
  • 开机中如用到键盘鼠标---辅助性交互媒介

总结:我通过控制开机键在与电脑硬件主机交互,交互的目标是进入主要系统。

题外话:而如果想改进这一环节,那么在提升交互环节的效率方式手段上,也无非只能是,1,提升硬件能力来加速。2,减少多余软件操作环节。3,有无改变硬软件间关系的其它模式?

然后,我们会进入第二个环节交互,点击Word2016图标,等待打开Word2016.

看流程图:

最浓缩的概念:交互是什么?交互的本质及如何理解

Word2016本身是系统内的软件,至于你用桌面快捷方式或其它哪种模式途径进去,这是自个习惯的事。当然,这是这个故事行为环节,鼠标是绝对的交互主体(虽然键盘也能,但大多人不会这么做吧?),软件就位自动展开空白页等待我开始写文章。此时,即第二环节结束

题外话:而如果想改进这一环节,那么在提升交互环节的效率方式手段上,也无非只能是,1,提升硬件能力来加速。2,减少多余渠道操作环节,如展开一个个目录,或通过其它模式打开。3,提升系统本身效率。

这里,我继续整理一下:

  • 进入系统的电脑是主体交互对相。交互以变迁为系统。---主体交互对相
  • 键盘鼠标则是与系统交互的媒介。---主要交互媒介。
  • 而严格意义上说,屏幕则沦为辅助交互媒介

总结:我通过鼠标与键盘在与电脑主体系统(Win/MacOs)交互,目标是进入Word2016

最浓缩的概念:交互是什么?交互的本质及如何理解

然后,进入故事的最终环节,第三环节。我开始正式落笔,打字,写文章。而Word2016本身是一个工具,同样也是一个媒介。那么,这时,相信大家应该同意我的交互主体应该迁移为键盘为重,鼠标配合,同时,这个软件为重要呈现方便我时时查看及做出下一步决策的主体环节吧。

那么,这里,我第一位心理及物理上的交互对像其实是自己,我在与自己的文章,写的内容,思考的大脑做交互。而第一辅助交互的是我的Word2016,其次是键盘,再后是鼠标。

是不是好绕?我再次整理一下:

  • 我主体的交互对相是我自己,包括自己的产出。---交互对相
  • 主体交互媒介其实这时以变迁为了Word2016.---主体交互媒介
  • 而最基础的输入手段则为键盘,其次鼠标。---辅助交互媒介

总结:我通过键盘鼠标与Word2016交互。交互的目标是写东西把脑子里的东西产出。但!在产出的过程中我是通过Word在与自己的头脑交互。

---------------------学术结束----------------------

那,看完以上学术的分析,那是不是更加能对一个平常再平常不过的这么一个故事以一个更透澈的角度来看待呢?

那,第二个场景故事中,我们的交互是什么呢?这块,请你自己依上边的学术分析自个想。相信,我们的结果应该比较一致。

最后环节中,我们在通过QQ这样的聊天工具在与另外一个人,一个信息的接受方交互

第三个情景故事环节中,同样如此,我在通过电话,与电话另外一头的人在交互

所以,QQ,电话,是交互的主体媒介。

其实,这样的东西还很多,我们在用微信,微信其实也是一个媒介。而这个媒介让我们感觉很顺手顺心,好用。

其实我们想想那些我们感觉特别好玩的游戏,特别好用的工具。其实本质上都是如此,顺心顺手好用。能感觉达到了我们的意图。

但是,说到这里,已经开始要进入UED(UXD)的范围内了。一个工具好用的本质体验的环节。这部分我会在第三篇文章中详细说明何为UED及,UED为什么也被说成UXD.

这里,我提前说明一下

产品设计的体验层级关系:

核心层:产品本质体验层。---这产品是为达成什么用户目的而生的。

中间层:产品使用过程中的体验层。---这就是我们所有产品中的交互层。

最表层:产品的视觉体验层。---这部分就是UI〜

用户对产品的体验层结构

  • 心理层结构(表/潜意识层):UI是否美观,UI是否明晰。–UI视觉层体验。
  • 使用体验层:(表/潜意识层):使用是否达到目的?过程是否可以接受?–交互层体验。
  • 期间,视觉层是第一传递,交互层是第二传递,最终产品是否能达到用户目的则是最末层才能判断出来的。

大量的产品是死在了第二层上。然后是第三层,最后才是第一层。

这也是为什么很多产品UI并不好看,但是很好用,用户也能接受。而有些界面很好看,但不好用,更别说能让用户感觉可以达到目的啦。

我这也有个心理上体验的例子:

我们也知道约炮软件其实并没有什么用,但为什么能相对留存久呢?也就是在于用户在心理层上有侥幸心理。同时加上其在媒体上潜意默化的某某成功的宣传。所以,让用户的心理否定延后。所以,相对来说,知道没什么用,但还是久留一下看看。但大多有头脑的。基本上也在一段时间后最终放弃。

好了,交互其实还有很多的故事,我用笔写字。我用手机的一个应用。我通过一个界面的入口进入另外一个界面。这样的过程,即是交互的领域。哪怕只具备一个静止的界面。

好了,本文先说到这里,谢谢大家。喜欢,给个赞吧。

 

本文由 @szzg007 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-25 06:25
下一篇 2017-05-25 08:33

相关推荐

  • 巧用9大服装穿搭技巧,助你轻松搞定专题页设计!

    到目前为止,我已经写了好几十篇关于Banner设计的文章了,目前应该还没有人把Banner设计讲出这么多门道出来吧(脸红ing……哈哈)。但是,我今天想升级一下,不讲Banner设计了,而是给大家讲一下Banner设计的进阶版——专题页设计(做好专题页的前提就是做好Banner设计,这也为什么我会在前面那么大篇幅讲Banner设计的原因咯)。

    2017-05-17
  • 【交互设计】在人工智能实验室做产品设计是怎样一种体验?

    ‍当你看到这行字时,我知道我已经成功把你“引诱”了过来——用“人工智能“这样一个令人“哇”的字眼。我猜,你是设计师?产品经理?”人工智能+设计师” 这个搭配正好戳中了你那满满好奇蠢蠢欲动的心。一年前误打误撞加入了…

    2017-08-01
  • 初探用户体验中的接触点

    在一个流程设计里,梳理接触点是十分关键的一步,接触点梳理好了,才有可能画好一个完善的流程图。信息触点——操作触点——信息触点

    2017-05-15
  • 设计思考模式(一):删除、组织、隐藏、附加

    “删除每个页面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)“先假定所有内容都是视觉噪音,除非你证明它们不是。”(《Don’t make me think》)“点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。”(《Don’t make me think》中Krug可用性第二定律》)

    2017-06-03
  • 移动端交互-下拉菜单、单选、多选

    “在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。

    2017-06-01
  • 实例解析「交互设计七大定律」在设计中的应用(下篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。上篇内容已经介绍了「交互设计七大定律」的前五个,接下来将把剩下两个定律为大家做个实例分析。六、复杂性守恒定律/泰思勒定律(Tesler’s Law )1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介:复杂度守...

    2018-03-19
  • Axure原型设计:京东官网滚动界面

    91运营社群招募中,勾搭小编微信号:yueyingzheng88入社群每周91公开课,91风暴,全员参与,实际案例实际分析问题答疑,你提问题我解答行业专场,互联网金融,电商,新媒体运营等专场各地分站交流资源及人脉共享其他的。。。。欢迎各行业互联网运营达人加入我们91运营大家庭,会运营的人都来这里了!导读:作者分享了自己制作京东官网滚动界面原型的具体操作过程,希望大家可以从中受到些启发。正文先上京东官网原图(也可以自己搜素京东官网查看)先...

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

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

    2017-08-03
  • 为什么你爱用的 App,都用卡片式设计?

    今天这篇文章,将全面介绍「卡片式设计」,看完之后,你会知道为什么爱用的 app 都喜欢用这样的设计。设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以,界面内容的大小一定不要让用户在交互时感到不适。——译者注注:Masonry 是一个对系统 NSLayoutConstraint 进行封装的第三方自动布局框架,采用链式编程的方式提供给开发者 API。

    2017-05-04
  • 深入业务和用户中做设计:58APP二手车大类页改版

    今年我们发起了一轮关于58APP各业务线大类页的改版优化,二手车便是其中一个。旧版二手车大类页已连续被用户使用一年多,然而业务属性与用户需求早已发生改变。作为交互设计师,需要在稳定提升大类页功能数据的前提下,重新对页面进行体验升级。

    2017-05-14