第 2 章 服务系统设计
2.1 设计流程
智能家居首先是一个系统，然后才是各种智能产品的组成，当前多数智能家居产品依据智能手机对家居系统的控制出发来推导产品的形态和逻辑，实际上是重演过往过分标榜用户体验、商业利益和技术至上的闹剧。智能家居的界面视觉设计也是要基于服务系统设计。
视觉设计存在于整个系统设计流程之中。与视觉设计师相关的设计流程，可能一个基本认知是这样的：产品需求、交互设计、视觉设计、前端开发。再丰富一些：市场分析、创意阶段、用户研究、概念设计、设计控件预设、交互设计、交互Demo、用户测试、视觉预研、视觉设计、设计Demo、用户验证测试、前端开发、开发Demo、展示Demo、迭代、用户测试、测试数据回收、用户数据验证、灰度、全量、项目总结、规范输出、控件库、用户跟踪反馈……设计流程的顺序是可以根据敏捷开发的需求，灵活排列，也可以随机组合。有时项目大，可能流程走的完整；有时项目小步快跑，流程就会被精简为一个可用且贴合业务的小流程。
设计流程不拘泥于一家之谈，但是无非抛不开需求、交互、设计、开发、上线，那么凌驾于流程之上，在此重点谈论产品交互特性和视觉设计的关系。在智能家居产品领域，交互特性决定了界面视觉设计。基于对用户的思维习惯、行为习惯的分析，来决定智能家居产品界面视觉元素的布局。
不同的工作环境对设计流程和方法都不一样，但是思考维度是类似的。借用Jesse JamesGarret《t用户体验要素：以用户为中心的产品设计》书中对用户体验要素分层的一个参考，来描述下设计流程的思考维度。
1. 表现层 Surface 2.框架层 Skeleton 3.结构层 Structure4.范围层 Scope 5.战略层 Strategy这是Jesses在书中对用户体验要素分层的想法。从上述设计流程的角度来综合考量，可以反过来阐述。
2.1.1 战略层
战略层可以通俗的理解为商业驱动，首先考虑的是经营者想要什么？同时也要考虑用户想要什么？这两个问题能回答清楚，才能算是了解这个产品设计的战略层。这也是奠定了产品交互逻辑和产品成型的基调。
经营者想要什么是商业需求，用户想要什么是用户需求。有了这个基本理解，才能准确理解产品设计的商业价值和用户价值。很多设计师在执行层，得到需求，完成设计工作。
大部分设计师是能清晰理解用户需求的。但是不一定都能清晰理解商业需求。
例如做一个社交产品。年轻设计师很清楚这个社交产品面对的用户群体和核心用户场景（做了基本的 Persona 和 Scenario 分析），比较了解用户在使用这个产品过程中的心理模型和行为习惯（通过共感等方式）。但是年轻设计师可能不够了解这些问题：这个社交产品的商业价值是什么？怎么给公司带来收益？每一个点击、每一个新增用户、每一个广告位、每一个流失、每一个转化率各自意味着什么？这些细节对商业数据的影响？
智能家居产品设计也是如此。温控器和烟雾探测器对于美国用户来说都是必需却不够重视的产品，这样的产品很少有人去关注其设计是怎样的，但 Nest 的选品理念就是挑这些不够“大众”的产品来下手，让这些“塑料垃圾”有一个彻底的改变。这样的选品思路意味着企业必需具备“改变一切”的创新理念和对产品设计精益求精的精神。谷歌 CEO LarryPage 这样评价 Nest 的温控器及烟雾探测器产品，“温控装置可以帮助家庭节约能源，而烟雾和一氧化碳探测器则可以保障家庭成员的人身安全。我们对能为全世界更多国家和家庭带来伟大的产品和体验而感到兴奋。”所以，设计流程第一步，是透彻理解产品的战略层，包括商业价值和用户价值，也就是，怎样帮助公司持续发展地赚钱？怎样帮助用户提升他们的生活品质？
2.1.2 范围层
产品到底需要什么样的功能和特性，就是所谓的范围层概念。换言之，这个产品要做什么。早期的互联网产品，内容丰富让用户看起来眼花缭乱。当时的产品经理希望把所有的内容模块都安排在同一个页面上，把所有的需求都呈现出来让用户自己寻找想要的。殊不知用户并非每次浏览都清楚知道自己想要什么、下一步如何操作。总之那个时候设计出来的界面繁冗复杂，给用户带来了体验上的痛苦。现在越来越清楚聚焦、简洁的重要性。
一个产品，着重强调 1-3 个杀手级功能、特性就足够精彩。例如：Facebook 的赞；Foursquare的 Check in;微信的语音聊天等。
设计流程第二步，就是要知道产品需要什么样的功能。这些功能要足够满足第一步中的商业价值和用户价值，还需要叙事清楚。在一个智能家居产品中，功能不需要太多，因为家居产品它摆设在住宅，用户根据生活经验一目了然地清楚这个家居产品究竟何用。在整个智能家居产品的外形之上，它的界面设计就显得尤为重要，因为界面是联系用户和产品的窗口，也是虚拟连接现实的窗口。如何设计智能家居产品的界面，如何让用户在看到界面不需要使用说明书的情况下懂得如何进行操作。在一般的界面设计中，设计师也会面临这样的挑战：做新产品的时候，要输入的地方太多，要呈现的点子太多，如何选择如何执行，如何取舍；做改版的时候，可能现有版本的功能特性已经很多，没有办法聚焦，要改动的时候，又会影响产品现有的形态和利益，如何精进？这些问题都需要在第一步战略层的思考中得到规划，使得在界面设计过程中不用再对这些问题再次重复。
2.1.3 结构层
结构层里重点思考结构的具体表达方式，例如流程的进行方式、界面元素的位置逻辑、导航的布局原则等，所以这个层关注信息框架和交互流程设计。交互设计师也是在这个时候开始着手考虑交互逻辑和交互特性。海量的设计准则、丰富的设计经验、灵感和创意，都可以在交互设计中得到体现。交互设计可以说是具体设计的第一步，一个产品执行过程中的质量和创新程度，交互设计是起始点。产品方和用户关注最多的，一个产品好不好用，就依赖于交互设计中的每个细节：流程是否流畅；提示是否充足；容错性好不好；操作是否自然；界面是否统一；效率是否高……在设计流程的第三步中，交互设计需要准确把握商业价值、用户价值，理解产品的核心功能特性，有效有质量地描述整个产品结构、节奏、特质。这是设计执行中非常关键的一步。
智能家居的模式同样包含产品模式和商业模式，其中产品模式为体，商业模式为用，与成熟行业不同，在一个行业潮流发端之时，产品模式的突破具有决定性的意义。智能家居需要在家居环境中包含“智”和“能”两个要素，前者为感应，后者为控制，整体结合为一个智能化的系统，对家居中的各类场景进行自动化的感应与动作。对于感应与控制的模式，目前很多的企业采用中心控制结构：以手机作为控制中心，每款终端开发对应 APP,由手机进行调节与控制。从用户体验角度，这样的结构对用户来说是一种灾难。试想一下，你需要在手机上安装十几个甚至更多的 APP,每天需要打开进行操作，这是理想的智能生活吗？
针对“智”与“能”的要素，按照正确的产品逻辑考虑，智能家居的系统结构应该是多控制点网状拓扑结构，具体的构成可分为点、线、面等要素：点：具有感应与作用功能的家电单品终端，可完成环境及状态信息的收集，并可根据指令进行对应动作，具有统一的标准，可进行标准化的扩充与组网。目前，现有的所谓的智能家电产品在标准化方面做得还远远不够。
线：在家居环境中典型性的智能化链条，由各类家电单品结合各类 Hub 组成，可自动进行对应环境场景的处理，也可人为介入调节。
面：则是智能家居产品链。对不同产品链进行连接控制，在各产品链控制点自主处理的基础上，提供全局的控制，包括不同产品链之间的协作等。以上的点、线、面三者的排序，符合技术发展的规律。现阶段行业的发展阶段还是在对“点”产品的开发上，目前主要以传统厂商为主包含部分的互联网企业和新兴企业；少量的厂商已经在进行“线”即产品链的开发，在空气健康类产品链和影音娱乐类产品链已经出现了一些优良的方案，比如墨迹天气出品的空气果，小米的智能路由等，虽说还不是很完善，但毕竟已经开始前行。
2.1.4 框架层
框架层就具体到每个界面了。设计执行过程中，交互设计是需要投入最大的工作。界面中每个元素，例如文字、图片，如何细致地布置在一个页面中。文字设计要精确到字段的大小、字体的大小，图片设计要精确到组合布局的展示、形状的释义等。精细的交互稿可以完全展现产品形态，一个黑白的产品形态。框架层需要设计师首先是细致。这个时候的细致体现在设计师每个元素布局、像素精准、整体感观、交互逻辑定位、交互标注等方面。足够细致的交互稿，可以提升产品设计结果品质、帮助视觉设计更好地进行视觉创意、帮助开发测试更准确理解产品设计。其次是创新。战略层、范围层，已经经历了创新的主要阶段。框架层是二次创新的黄金机会。很多微创新、界面创新、特效创新，都来自这个阶段。苹果新的 iOS 与 Google 新的设计准则中强调的交互动效创新，很多可以发生在框架层设计阶段。
2.1.5 表现层
表现层是关注感官的关键阶段。视觉设计师甚至艺术家在这一个层面是核心。一个产品经历了各种打磨，终于到最终呈现的阶段。最终用户看到的产品，80%是来自于表现层的设计工作。虽然产品设计背后的业务逻辑、功能巧思、开发创新非常多，但是用户看到的感官部分，表现层设计是最多的。表现层是最直观地看设计师本事的阶段。优秀的视觉设计师、动效设计师、品牌设计师可以在这个层发挥得淋漓尽致。
合理感知设计。在整个设计流程中，这是这是为用户提供体验的最后一站，决定设计最后要如何被用户的感官所感受。这个感受分别由视觉、听觉、触觉、嗅觉和味觉五个方面组成。
除了食物、香水和香味产品以外，嗅觉和味觉是用户体验设计过程中很少被考虑到的方面。但是有时用户会对一个产品的气味产生丰富的联想。比如，新车的气味，这个味道能够代表一辆新出厂的汽车，在所有人的意识里可能就被定义为一辆新车的气味。在智能家居产品设计中，尤其是厨房智能产品，也要考虑到嗅觉和味觉，在一定程度上去研究哪些味道可以给用户带来喜悦，哪些味道是用户无法忍受的。但是在目前的设计状况，很少有设计师会把嗅觉和味觉作为设计的一部分去考虑。
实物产品的触觉体验是属于工业设计领域的概念。工业设计师主要关注的是用户和产品之间的物理接触。这包括相关的界面设计、交互设计，比如界面上的按钮布局；也包括纯粹的感官设计，比如设备的外形，是圆形抑或是方形或者其他；所使用的材质，是光滑还是磨砂；以及采用的原料，是塑料、金属或者木质等等。得益于振动设备，基于屏幕交互的产品也开始有了触觉体验了。智能家居产品也是通过屏幕与用户进行沟通，不管是空调、洗衣机、电饭煲，甚至于冲水马桶等等，都可以通过智能系统进行维系，通过屏幕维系用户思维，让用户与之进行交互。随着技术的成熟，音效在交互过程中也越来越逼真，声音可以用到不同种类的产品中。
比如汽车上的各种各样、长短不同的哔哔嘀嘀声所传递出来的信息：你的大灯还开着呢、你的安全带没有系、车门没关好、车钥匙还挂在点火器上。声音不仅可以用来通知用户，还可以使产品变得更有个性。苹果公司在 iPhone4s 推出的同时内置了 Siri.Siri 是手机上应用的一项语音控制功能。Siri 可以令苹果手机或者平板电脑甚至于 Mac 电脑变身为一台智能化机器人，利用 Siri 用户可以通过手机读短信、介绍餐厅、询问天气、语音设置闹钟等。Siri 可以支持自然语言输入，并且可以调用系统自带的天气预报、日程安排、搜索资料等应用，还能够不断学习用户的声音和语调，记录用户的习惯，为用户提供对话式的应答。同样，智能家居产品也可以借鉴汽车上的声音、借鉴 Siri 的功能，通过不同形式的声音来向用户传达一系列信息，甚至与用户进行语音互动。当然在智能家居系统中，具体怎样的声音向用户传达怎样的声音，还需要设计师不断对用户具体使用行为进行分析。最后也是着重要研究的视觉。这是用户体验设计师最得心应手的领域，因为几乎所有的产品都会涉及视觉设计。对于什么构成了视觉上的愉悦感觉，每个人因为经历不同对此都有各异的品味和想法。但是归根到底，设计师应该把注意力集中在视觉设计是否使产品运作良好。对于那些在战略层、范围层就已经确立好的目标，视觉设计给予他们的支持效果究竟如何？产品的外观有没有破坏结构，有没有使结构中的各个模块儿之前的区别变得不清晰、模棱两可？或者，外观有没有强化结构，使用户在操作过程中对结构明了？
评估一个产品视觉设计的简单方法之一，就是提出这样的问题：用户的视线首先落在什么地方；界面上的哪个视觉元素在第一时间吸引了用户的注意力；这些视觉元素对于战略目标来讲是否是很重要的部分；用户在第一时间注意到的设计要素与设计师想要让用户注意的目标是否背道而驰。在特殊情况下会使用精密的眼球追踪仪器也就是俗说的眼动仪来观察用户到底正在看什么，以及他们的视线是如何在屏幕上移动的。然后试着确定实现所停留的地方。一般情况下，用户视线的移动方式遵循着相当一致的模式，大多是无意识、本能的移动。对于成功的设计来说，用户眼睛移动轨迹的模式首先是一条流畅的路径；其次，在不需要用太多细节的前提下，界面视觉能为用户提供有效选择的、某种可能的引导，这些引导支持用户试图在此刻通过与产品交互去完成的某个目标和任务。用户在界面上的视线移动并不是随机的，它是一种所有人类共有的、对于视觉刺激而产生的、一系列复杂的原始本能反应。但是对于设计师而言，这些反应并不是完全不可控制的，数百年以来，已经发展出了各种各样的有效的视觉手段，来吸引或分散注意力。
2.2 交互逻辑以及交互方式
交互逻辑和交互方式，都离不开交互设计原则。交互设计原则是关于行为、形式与内容的普适法则。这些原则是基于设计师经验与价值观的准则，其核心价值的理念在于科技服务于人类的智慧和想象。科技的使用体验是根据人类的感知、认知与运动能力来构造的。
智能家居产品的交互逻辑和交互方式都根植于智能家居交互平台，是在此之上进行的。智能家居交互平台，顾名思义，就是连接用户和智能家居产品的交互平台。智能家居交互平台能够把各种不同的系统、协议、信息、内容、控制在不同的子系统中进行交互。
交互逻辑和交互方式，都属于交互设计的范畴。设计原则指导行为，其核心基于一系列价值理念。交互设计的价值理念，首先是正值的交互设计。设计一件让用户觉得好使的产品相对简单，产品对于别人的影响有时却难以计算。其次是目标明确的交互设计。目标为导向的设计流程帮助设计师创造出弥补缺憾且锦上添花的产品。再次是有实效的交互设计，这需要商业战略、视觉设计、程序开发各部分之间必须存在积极有效的对话，即产品定义的哪些部分是灵活可变的，哪里有着明确的界限。最后是优雅的交互设计，“形式上的优美和婉约”以及“科学上的精确和简洁”.以简御繁，对于界面设计，就是用最少的屏幕和设计元素来完成任务。在视觉上给予用户简单的工具，运用最少的视觉区别来明确传达想要表达的意思。也就是所谓的少即是多。优秀的设计拥有内在和谐，让人感觉是一个整体，各个部分平衡和谐，并且适当顺应、调动认知和情感，也就是情感化设计。
