培训师进阶（3）：课程设计那些事儿

服务设计的逻辑

  通过对商业环境的观察和研究，我们可以发现，绝大多数成功组织都是以优质服务形象呈现给用户的，就拿我们经常用来做案例的宜家来说，把用户体验路径设计到极致，但是在这样的设计背后，用户绝不只是服务的中心这么简单，而是在把用户行为和用户本身作为服务的一个构成部分。所以在设计项目中，我们需要考虑的不只是设计挑战，而是需要系统化考虑作为根本的商业问题。

我们继续拿宜家说事，宜家的动线设计在零售行业和室内设计领域堪称经典，通过对空间的区隔、货品分区和内场柜台的布置，为顾客设计了一条最长选购线路，也提供跨区的“捷径”，在关键处还布置人工服务台，在出口处的餐厅更是将动线设计应用到极致，反过来从“以用户为中心”的出发点来思考这些设计背后的逻辑，我们会发现一些问题值得我们思考，是让顾客快捷便利地选购到自己要的商品？还是将顾客滞留在场内并创造更多的销售机会？你如果是一家家居卖场是否可以直接复制宜家的模式？

上面的这些问题，初看起来是设计构思点，不管是满足用户需求还是追逐商业利益最大化，而服务设计本身是在这些构思和利益点中找到均衡，例如不同的设计领域中，交互设计师要思考的主要是以软件解决发现的问题，在空间设计中设计师要解决的是视觉、用户感受和带来的问题，而服务设计则关注整个商业系统中不同的角色之间的关系，把每个角色的利益做最大化，在宜家的案例中，顾客就算在看似冗长的旅程中迷路，也能及时获取到出口信息，获取到“下一步”的行动指引，更多的时候，还是以主动探索的方式获取到相关信息，在整个设计中，将顾客的体验和商业利益做了一个绝妙的平衡，这也是宜家口碑优异的原因之一。

不管是用System Map还是Business Flow Map，在服务设计中都能用来描述“关系”，描述的对象除了人、物、信息、财务等，同样的，用在商业模式设计中的商业模式画布，都能作为服务设计活动过程中的工具来使用。

我们再回到服务设计的难处上看服务设计的逻辑，更多时候，服务设计在创造有形之前，需要深入了解和设计商业中“无形”的这一部分东西，如何用新的技术或者设计，去解决服务触点的问题和增加新的服务触点，让服务体验得以优化，无论是在创新项目中以独特的设计为顾客提供绝佳体验，还是在传统服务体验中优化个别流程，都是服务设计要面对的问题。

于无形处见真章，是服务设计活动中需要坚持的。

现在来辨识一下交互设计领域的几个问题：

--交互设计的“是什么”与“不是什么”

你知道视觉设计吧？视觉设计是让产品看起来更好看，交互是让产品用起来更好用。一个“用”字，说明了交互是有关人的行为的，尤其是使用产品的行为。

--些常见的误区--

很多人误解“互动”和“交互”的区别，认为只有鼠标点击出发了变化的才是交互，其实包括用户观察页面信息，决定是否要离开这个网站，这些都是交互要考虑的。涉及到信息的组织与传达都是交互的主要工作内容。

稍微概括点就是：心、脑、眼、手。

心-用户目标，就是用户要干什么；脑-认知与反馈，用户能否理解的了；眼-信息的获取，用户能注意到什么；手-页面行为，用户做了哪些操作。

说完了交互设计的基本概念机器辨析，那么来看下交互设计的适用范围。

--什么样的产品需要交互设计

一种具有学术味但是没有太大实际意义的说法是“任何产品都需要”。这种说法认为：“凡是跟人、系统之间通过界面有信息传递行为的产品都需要”。比如说手表，带个表也是需要很多过程，放在手上，扣住表链。校对时间的时候，把按钮向外拔一下，然后旋转，完毕后将按钮按下，这都是交互行为。不过暂时看来，交互设计在实体产品的设计过程中起的作用没有在互联网产品中的作用大。为什么呢？因为实体产品的交互行为非常有限，比如说手表，戴表、调时间，实体的产品受空间和成本的显示不可能做很多的功能，所以交互形式的种类也很少，并且一旦设计好了就不会有太多变化，所以即使交互形式很难用，用户也只需要学习一次就够了。实体产品的使用是一个用户对产品的深度使用，比如说一个电视机的开关很难找，在下边框的一个凹槽里，但是学会了以后就不会再遇到问题了；但是数字产品呢？尤其是互联网，对于一个网站而言，每一个用户都是蜻蜓点水式的使用，如果一个功能隐藏了起来，那么大部分用户在找到它之前就已经离开网站了。

由于互联网产品的功能很多，导致界面如果没有规划就会很乱，很难让用户理解和使用，为了能让用户顺利的使用，所以需要交互设计这一个环节，将复杂的信息做一个符合用户认知习惯的呈现，所以才会在设计中产生交互设计这一门独立的学科。

社会分工中对某个环节要求高，才会产生出独立的工种，实体产品是需要交互设计，但是这种需要还没有强烈到需要一个专门的分工来做交互设计。不是不需要交互设计，而是没必要由专门的人来做，所以形不成行业。

一句话概括就是，现阶段，实体产品需要交互设计，但是不需要交互设计师；互联网产品需要交互设计，也需要交互设计师。

看我前边说了“现阶段”吧，那就没把话说死，将来的物联网，现在的智能可穿戴设备，发展趋势可能会需要实体产品交互设计师的独立存在，看看现在腾讯都在招工业设计师做Qrobot了。

--交互设计的三个层次--

可用性、易用、情感化

大家都买过火车票吧，12306的APP有着最基本的功能，但是很难用，大家一用就骂，骂了还用；高铁管家的APP，也可以订票，逻辑清楚，基本可用，符合用户的预期，没有骂声；如果再提供个神马开售提醒是不是更贴心了？用户是不是要夸赞一下呢？

1、分析需求

任何设计的第一步都是对用户需求的分析，在Banner设计开始前，设计师应与需求方沟通，确定需求，找准定位，然后再有针对性地开始设计，色彩搭配要与整个页面相协调。

　2、Banner颜色

(1)下面两个banner哪个更吸引你呢?对比之下，我们会发现大多数人觉得后者给用户带来的视觉传达力更强，简洁明确、朴素有力的效果，给人一种重量感和力量感。前者颜色虽多，却没有带来更好的视觉传达效果。这是因为颜色过度使用会打乱色彩节奏，并且，减弱了颜色间的对比，使整体效果变弱。

(2)其次，使用颜色越多，最后保存时文件体积越大，加载起来越慢，让用户等待就意味着和用户说再见了，如果靠降低品质来达到Banner的上传要求，那展现给用户的是低质量的banner，也一样会丢失一些用户。

　3、图片与文字

一般来说，网站制作一个banner分为两个部分，文字和辅助图。虽然辅助图站的面积比较大，但如果不加入文字说明的话，客户就会看不懂你做的

banner要表现什么、要说明什么，所以文字是整个banner的主角，我们在制作banner的时候特别要注意对文字的处理和摆放。

但是，文字的搭配也能够一目了然地让受众知道所要传达的主题是什么，但如果文字与图片协调不好，也容易出现反面效果。下面这个Banner看起来比较清新，符合环保、健康的主题，图片没有过多的元素，但由于图片用的浅色，文字也用的浅色，用户是很难看出来，影响阅读性，是此Banner设计的一大败笔。

　4、banner设计注意事项

(1)Banner的文字用一两句话来表达即可。

(2)广告语要朗朗上口，突出重点。

(3)图形无须太繁杂，文字尽量使用黑体等粗壮的字体。

(4)图形尽量选择颜色数少。

(5)尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样会增加图形所占据的颜色数，增大体积。

(6)产品数量不宜过多。摆放太多产品，反而被淹没，视觉效果大打折扣。

一个好的Banner设计能够直接影响着整个页面的美观，企业想要让吸引和留住客户往往通过Banner设计来做点缀。所以Banner设计起着重要的作用，一定要重视。本文由微企点(wqdian.com)H5自助建站平台提供，关注微企点公众号wqdian_com

或加入微企点用户QQ群，103385602，一起探讨建站行业的发展。