物联网UXs(用户体验)的设计模型

如在文章《物联网相关产品的用户体验设计与其它产品设计之间的差异》(http://www.toutiao.com/i6414599431076708866/)所描述的那样物联网(IoT)的设计将面临着一些挑战和复杂性,这些挑战您可能不会在“常规”的Web服务(只有软件)中遇到。在实际设计中您将需要考虑一些不同的也许是新的设计领域,而所有这些都将用于塑造UX(用户体验)。物联网产品的两个最明显的和有形的设计形式是:一是UI (用户界面)或者...

如在文章《物联网相关产品的用户体验设计与其它产品设计之间的差异》(http://www.toutiao.com/i6414599431076708866/)所描述的那样物联网(IoT)的设计将面临着一些挑战和复杂性,这些挑战您可能不会在“常规”的Web服务(只有软件)中遇到。在实际设计中您将需要考虑一些不同的也许是新的设计领域,而所有这些都将用于塑造UX(用户体验)。

物联网产品的两个最明显的和有形的设计形式是:

一是UI (用户界面)或者视觉设计

例如,网络或移动应用程序或设备本身的屏幕布局和外观(见图1)。 (UI不必是可视化的;它们可以使用音频,触觉和其他与用户打交道的方式。但是,实际实践中很少有某种服务没有基于屏幕的UI)。

物联网UXs(用户体验)的设计模型

图1、 Philips Hue 的UI允许用户更改LED灯泡发出的光线

图1、 Philips Hue 的UI允许用户更改LED灯泡发出的光线(图片来源:Philips(http://www2.meethue.com/en-us/))

二是物理硬件的工业设计

包括连接设备本身的外形尺寸,造型和功能(见图2)。

物联网UXs(用户体验)的设计模型

图2、Nest的Learning Thermostat具有引人注目的工业设计

图2、 Nest的Learning Thermostat具有引人注目的工业设计(图片来源:Nest(https://nest.com/uk/thermostat/meet-nest-thermostat/))

UI和工业设计很重要,但并不是全部。 UX(用户体验)不仅仅是用户可以直接看到或者遇到的形状。为了创造一种有价值的,吸引人的,可用的和一致的IoT服务,我们必须在许多不同的层次上考虑设计。

在2000年,杰西·詹姆斯·加勒特(Jesse James Garrett)制作了他的“用户体验元素”图(参见其所写作的书籍:《The Elements of User Experience: User-Centered Design for the Web and Beyond》,下载地址:http://www.cloudioe.com/resources_details.aspx?id=7155)来解释不同的设计专业如何在web UX(网页的用户体验)设计中融合在一起.杰西·詹姆斯·加勒特的“用户体验元素”图表示了所需的不同类型的设计,其中最上层设计(视觉设计,信息,界面和导航设计等)对于用户来说是最为可见的,但是这些上层设计取决于项目早期处理的较低层设计所提供的结构(即网站目标,内容要求等)。正如在杰西·詹姆斯·加勒特(Jesse James Garrett)的模型中各个阶段的设计有依赖关系一样,对于用户体验来说前面直接显而易见的工作决定了用户最终可以直接体验到的东西,因此对于连接产品的设计来说也具有类似的流程,在设计的早期阶段会影响后面UX的关键决策。

为了让某种物联网服务能够有良好的UX(用户体验)需要涉及到许多不同方面的设计,如图3所示:

物联网UXs(用户体验)的设计模型

图3、IoT(物联网)中的设计 - 一个好的物联网产品需要综合思考所有这些方面

但这不是说您的项目计划中需要有一系列离散的活动。例如,它没有提及用户研究,也没有说您的项目需要一组不同的工作角色。例如,您可能需要数据分析,您也应该需要工程师。

这只是用户体验需要考虑的几个方面。而且某些事情需要一起考虑。例如,UI,交互设计和连接性需要一起考虑。一旦您开始向某种服务中添加多个设备时那么就需要融入平台层面的UX设计。

良好的整体产品需要有跨所有这些层次的综合思维。如果您的产品概念没有任何意义那么即使有一个令人惊叹的UI也不会有任何意义。美丽的工业设计可能会在短期内促进产品销售,但是不能掩盖可怕的服务本质。

根据您的服务的类型和复杂性,每一层所需要的时间将会有所不同。 IoT服务希望扩展到更多的设备上,因此随着时间的推移会变得越来越复杂,您所需要的部件也会越来越多。

UI (用户界面)/ VISUAL DESIGN(视觉设计)

UI /视觉设计是指设备上的屏幕布局,视觉样式和外观。 这是设备接口所采用的形式。 UI /视觉设计的输出通常是高保真屏幕模型(图4)。 当然,并不是所有的UI都是可视化的:例如对于手势或者音频接口,它们的等效功能可能定义了手势或语音的美观。

物联网UXs(用户体验)的设计模型

图4、重新设计IDA学院的网站

图4、重新设计IDA学院的网站(idainstitute.com)的样式(视觉概念)和UI模块

互动设计

交互设计是设备行为的设计。交互设计师通过塑造用户和设备之间的动作序列来实现特定的目标或者活动。它们还决定了如何组织设备面向用户的功能。例如,加热控制器可能具有几种模式,例如开/关或防冻保护,以及一些分层功能,例如调度设置。这些功能的组织决定了用户是否能够轻松或者需要以其他方式找到所需要的功能。

互动设计与UI设计密切相关的,并且两者通常是共同完成的甚至是由同一个人完成的。但交互设计主要涉及行为和行动,而UI /视觉设计则涉及布局和美观。 (有些人使用UI设计作为简化术语来同时包括交互设计和视觉设计)。交互设计的典型输出可能包括用户的行为流程,中低等可信度的交互式原型,以及可视化UI,屏幕线框(如图5)。

物联网UXs(用户体验)的设计模型

图5 Hackaball(儿童可编程球)的设备和应用

图5 Hackaball(儿童可编程球)的设备和应用的交互设计概念(图片来源:Hackaball(http://www.hackaball.com/))

您有时会听到用术语“信息架构(information architecture)”来描述功能的组织方案,但在技术上,信息架构(information architecture)是指内容驱动的系统(例如基于内容的网站)的等效活动。

互可用性(INTERUSABILITY)

互连性是一个比较新的术语。 它是指设计跨多个设备的交互时需要考虑的其它注意事项。互可用性(INTERUSABILITY)的设计目标是使整个体验感觉像一个连贯的服务,即使所涉及的设备可能具有非常不同的外形和不同的输入/输出功能。

互可用性(Interusability)不是一套单独的设计活动。 这是一个额外的考虑因素需要与互动和UI设计相结合。 互可用性(Interusability)设计与单个设备UX设计过程的主要区别通常在于:

  • ••需要指定属于每个设备的功能;

  • ••创建涵盖多种设备类型的设计指南;

  • ••设计用于关键交互的跨设备的用户行为流程;

  • ••并行设计多个设备的UIs;

工业设计

工业设计是指服务中物理硬件的美学和功能设计:可能选择的形式,材料和功能(见图6)。连接的设备包含对工业设计有特殊要求的电子电路和无线电天线。设备还可以具有输入和输出功能,这些功能需要工业设计人员和UI /交互设计/可互操作性设计人员之间的相互协作。

物联网UXs(用户体验)的设计模型

图6、用于儿童的可编程球Hackaball的硬件原型

图6、用于儿童的可编程球Hackaball的硬件原型和颜色/材料/形式探索(图片来源:Hackaball(http://www.hackaball.com/))

服务设计

连接的设备很少只是“一锤子买卖”的。它通常伴随着对持续服务的期待,因此至少要提供保持运行的互联网服务以及客户支持。所有这些都是用户对产品的整体体验的一部分。

服务设计是一个新兴的学科,它致力于解决对用户体验的整体观。它审视用户使用服务的整个生命周期的体验,它提供用户体验的所有组件的视角,并规定这些功能如何作为一致的整体体验(见图7)。

除了设备互动之外,服务设计还包括:

  • ••支持客户互动

  • ••应用指南

  • ••营销或销售材料

  • ••店内体验

  • ••电子邮件通讯和通知

  • ••软件更新和推出新功能的UX

物联网UXs(用户体验)的设计模型

图7、肯尼亚,乌干达和印度的国内服务的体验映射图

图7、肯尼亚,乌干达和印度的国内服务的体验映射图和原型互动服务(图片来源:M4ID(http://m4id.fi/))

服务体验对于物联网产品的成功至关重要, 我们鼓励您采取整体的方法来设计用户体验,不仅包括与设备的交互,还包括与更广泛的服务环境互动。 服务设计方法可能在这里非常有用,但是您在IoT项目上应用它们与在任何其他项目中应用它们没有不同。

概念模型

概念模型是您希望用户对系统的理解和期望。 它有什么组件,它是如何工作的,它们如何与之相互作用的? 它是一种使用户能够找出如何与您的服务进行交互的精神脚手架。 无论是否会设计一种概念模型,用户都将会形成一个概念模型。 如果用户的概念模型错了,那么他们将难以使用该系统。 IoT服务通常是非常复杂的系统。 您可以通过仔细的系统和交互设计以及支持文档来创建一个清晰的概念模型。 您希望用户从一开始就能够感受到控制,他们应该确信他们能够驾驭该系统,即使他们还不了解所有的细节。

产品化

产品化是定义引人注目的产品目标的活动。它解决了服务的受众,主张,目标和整体功能(通常是其业务模式)。您的产品是否为真正的受众解决了真正的问题?它的外观是否有助于用户理解产品?是否吸引他们?这不一定总是项目中的UX设计者关注的领域,但它是良好UX的基础。世界上所有的前沿设计都不会产生一个杀手级的产品,除非它能为人们带来有价值的东西,以某种方式吸引他们而且有意义。

平台设计

一个平台是一个软件框架。它负责处理低层的细节,以帮助开发人员能够更轻松地构建应用程序。作为他们最基本的功能,IoT平台可以轻松地将数据从连接的设备放到互联网上。更先进的平台可以提供框架来使不同类型的设备之间能够互操作。

一个软件平台将旨在解决许多技术问题,其中许多技术问题可能不会直接影响到UX。但是一些更高级的平台功能与UX非常相关。

例如,像Philips Hue或者Withings这样的平台可以提供标准的方式来做下面的事情:

  • ••发现新的设备和应用程序;

  • ••将设备和应用程序添加到系统上;

  • ••管理设备和用户;

  • ••管理设备如何共享数据;

这些是UX的基本功能构建块。如果您的平台无法正常地为用户工作,您的用户界面和交互设计将会充满尴尬的应急系统。

更复杂的平台也可能提供组织和协调多个设备的方式。例如,如果用户向现有家居系统中添加了一个灯,他们可能会合理地期望系统知道应该与其他灯一起控制它和/或把它作为安全系统的一部分提供。而让把它与烤面包机交流并不重要。这对人而言可能是一个常识。但系统不会知道,除非在平台上进行了这种逻辑编码。

如果您正在构建一个非常简单的单个设备系统,则可能不需要执行多个平台级的UX。例如,您将需要考虑用户如何将设备连接到网络上。但是,您并不一定需要设计一种适用于与其他类型设备一起工作的标准化方法。但是,一旦您的系统具有多个互连设备,将存在需要平台逻辑来解决的设计挑战。设计师应该参与平台的成型设计,以确保它们能够支持更好的更高级别的UX。

总结

用于互连设备的UX(用户体验)不仅仅是关于UI和交互设计。 它还要求设计人员考虑可用性,工业设计,服务设计,概念模型,产品化和平台设计。

总而言之,互连设备的UX(用户体验)与“常规”UX的不同之处在于:

物联网UXs(用户体验)的设计模型

互连设备的UX(用户体验)与“常规”UX的不同之处

参考书目:《Designing Connected Products: UX for the Consumer Internet of Things》,下载地址:http://www.cloudioe.com/resources_details.aspx?id=7140

物联网UXs(用户体验)的设计模型

物联网UXs(用户体验)的设计模型

物联网UXs(用户体验)的设计模型

物联网UXs(用户体验)的设计模型物联网UXs(用户体验)的设计模型

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36795/

(0)
交互精选交互精选
上一篇 2018-05-01
下一篇 2018-05-02

相关推荐

  • UED新刊 | 承——中国院方案组二十周年

    📌编辑| F.我觉得记录或者回忆方案组这件事……如果说有意义的话,它不应该仅仅是哥几个的一段往事,而是可能还带有某种其他的价值,可以为我们的同行展现中国建筑发展当中的一个小的片段。——崔    愷《城市·环境·设计》UED108期“承——中国院方案组二十周年”专辑现已发售更多互动福利详见文末扫描文末二维码即可购买新刊导读1997 年,当时还是建设部建筑设计研究院(下称建设部院)的中国建筑设计院(下称中国院),由时任总建筑师和副院长的崔愷...

    2018-02-07
  • Axure做的APP原型,在手机上怎么预览

    自学Axure,在各大网站查询,终于从小白到学会做基本的交互,再到能在APP端预览自己做好的原型。下面就说一下Axure做的APP原型,在手机上怎么预览?(以苹果手机为例)1原型制作好之后,点击发布→“预览选项”→配置→移动设备,导入做好的图标。2点击发布,“发布到AxShare”。3复制链接,将该链接发送到手机上并使用Safari打开。4粘贴并前往,将原型界面打开。5点击底部工具栏。6选择“添加到主屏幕”。7编辑名称→点击添加。8然后...

    2018-03-18
  • Axure 原型 | 用Axure画流程图

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放吻得太逼真张敬轩 - Urban Emotions作者:陈张良来源:简书用Axure绘制流程图好处是可以随时预览,比较灵活。不过就是没有Visio那么多模板和强大的功能。Axure默认的流程图控件:其实我们最常用的是:矩形、菱形、箭头。因为这些基本图形其实并没有形象的表明它们是什么,更多的还是需要使用者根据自身的流程实际情况多加注释,所以大部分流程图只需使用这两个控件即可。Axu...

    2018-03-04
  • 交互设计需要掌握哪些"必备"心理学知识?

    交互设计是以人为中心的设计,设计者要站在用户的角度出发,深入、全面的了解用户的需求才能够设计出具有良好用户体验的产品。而想要在作品集中向考官体现同学们对用户心理需求的把控能力,除了做好用户调研之外,也要掌握一些常用到的心理学知识。交互设计是人与其他一切事物之间的行为设计,而人的行为中包含感知和认知这两种与心理学密切相关的要素,因此,同学们在设计项目时,每一个功能设计、每一个操作流程以及UI的设计都要基于了解用户心理学的基础上开展设计。本...

    2018-04-10
  • 做你女朋友,用户体验真差

    点上方蓝字关注「晚安少年」每晚十点,一位少年陪你说晚安文/陈大力经作者授权发布01先说件有趣的事。我前两天跟gay蜜吐槽我男朋友。内容是:不会夸人,半句甜言蜜语都说不得。明明本人是腿模级别身材,偏偏他一个劲儿挑出不足为道的赘肉来取笑。以及,起争执的时候,退化成“我就静静看你发疯”的不解意选手,仿佛眼前这一场不是他该来的比赛。gay蜜的回答是:嗯是有点过分了,女生不就喜欢被哄哄嘛。同一个情感问题,我也问了基友,直男小学弟一只。我这边慷慨激...

    2018-02-02
  • 独家 | 马化腾:用户体验,比一切事情都大

    内容来源:2017年4月26日下午,“清华-青腾未来科技学堂”发布会在深圳举办,马化腾出席了发布会,并以创业者的身份与在场的青腾学员进行交流,分享腾讯的创业经验。笔记侠经主办方授权发布。责编| Even第1715篇深度好文:2825字 | 3 分钟阅读独家·精华笔记·商业思维本文新鲜度:★★★★+口感:绿茶笔记君邀您,先思考:1、战略选择的第一步是什么?2、怎么通过用户体验打动用户?3、如何从互联网跨界中找到大的商机或蓝海?我非常希望也...

    2018-02-01
  • 作品集总结|本科建筑跨专业申请交互设计?Dream School还是皇艺?这可能吗?

    PS-ONE#20180504建筑背景,申请交互设计跨专业申请结果如何?本科建筑,转专业申请交互设计Master?并且Dream School还是世界第一的RCA皇家艺术学院?在经历了PS-ONE历时8个月的内部评审后她如愿以偿了吗?。。。。。。8个月后爱丁堡大学,get拉夫堡,get交互设计,是细节非常复杂的专业涉及到的知识点、设计思维,对转专业申请者来说,是很苛刻的所以拿到爱丁堡、拉夫堡这样强势院校的Offer已经是很不错的结果了但...

    2018-05-04
  • 论数字媒体交互设计的未来

    “交互设计”这一概念如今风靡全球,对于它的研究 与实践受到企业、院校等机构越来越多的关注。现如今交互设计正在呈现出一种放射状成长态势,这使得交互设计没有绝对的定理,都是在共同交流,探索中前进。国内交互设计优秀案例分析在信息全球化的时代,无论是国际还是国内市场,大多数设计机构都在言必称交互,“交互设计师”、“用户体验设计师”已经成为炙手可热的职位。我国也涌现出一批优秀的交互设计师们,其设计出的作品均获得了国内外的一致好评。例如,中央美术学...

    2018-03-03
  • 【视频】Sketch第一课(公开课)

    引言移动UI设计神器Sketch第一课出来了,大家抓紧时间体验吧!视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频出来了视频...

    2018-03-19
  • 考研是工作的理想国 | 同济大学设创交互设计考研分享

    打造最优质的设计教育有趣·专业·创新上次发了那篇跨专业考研的分享之后,小编收到了很多小伙伴的后台留言说,能不能多多分享一些考研的心得,为了保持我们有求必应的优良传统,今天的推文也是一篇干货分享帖~此次的分享,来自一位考上同济的在职小姐姐,一起来听听她是怎么平衡工作与考研之间的压力吧~张 炜15年毕业于山东财经大学的数字媒体技术专业,因为爱好也因为工作上遇到的瓶颈,希望能通过考研取得进步,并顺利考入同济设创院的交互设计方向。(即在职又跨专...

    2018-04-25