小谈品牌识别与多终端产品的统一及差异性

　　iPhone Android Symbian(触摸屏) Symbian(非触摸屏) Windows Phone 7

　　详情点击查看 http://www.spotify.com/

　　从上面Spotify在四大移动终端的图中可以看出，spotify在设计中尊重原生系统的交互、运用系统本身的设计语言、满足用户的使用习惯。对 iOS， Android和Symbian的触摸屏手机，保持上方为title，中间为列表形式，下方放内容模块tab的结构;对Symbian的非触摸屏手机，由于用户主要是通过上下左右和确定等物理键来操作app的，整个内容模块是设计成列表模式而非tab结构，以适应用户的操作;在Windows Phone这种具有独特的Metro设计风格和操作习惯的平台，spotify选择融入WP7的设计语言，满足用户体验的做法。

　　这点，跟品牌识别的协调统一且不失个体的差异的特性相同。

　　在保持统一的同时，我们需要最大限度地融入设备的原生用户体验，让用户感受到我们的app是为他们的设备而设计的，而不是简单的去适应设备的屏幕或粗暴的统一各平台，让用户来适应我们的app。

　　在此，举个反例。

　　Mac系统下app主窗口关闭后，默认后台挂起，点击dock中的icon可重新打开该app的主窗口，点击dock中icon右键菜单里的退出或 menu bar上的退出项可退出程序。但某某咪咕音乐for mac版本，虽然试图往Mac系统的操作习惯上靠拢，如把关闭和最小化等按钮放在了窗口的左上侧，但把Windows下点击关闭按钮，询问用户需要最小化还是退出程序的提示放到Mac下，显然与Mac的体验不相符，让用户不知所措，破坏了用户习以为常的认知和操作，使app变得不伦不类。

　　内容需要适应使用场景

　　讲完界面UI和系统原生态操作的体验问题，我们再讨论下，如何在不同终端定义内容结构。

　　我们先看下，一天中，用户是怎么使用各种设备的。

　　详情点击查看http://uxmag.com/articles/framework-for-designing-for-multiple-devices

　　简单描述上图，早晨，用户从起床开始就通过智能手机或电脑快速浏览信息;在去公司和回家的路途中，会使用到智能手机和平板电脑，其使用取决于出行的方式和方便程度;在工作中主要使用电脑，偶尔会使用手机;下班到家后，处于相对放松的状态，会同时使用台式电脑、平板电脑和智能手机。简而言之，用户的一天中，会接触到多种终端设备，包括电脑和移动设备。

　　了解用户使用设备的场景很重要，这有助于我们设计除符合用户使用场景的内容。对于设计师而言，我们要根据用户的使用场景和设备，在适当的时候给出恰当的内容。

　　我们看个案例。

　　Evernote

　　Evernote是一个用于记录笔记的产品，在移动设备上，适用于iOS， Android， Blackberry， Windows Phone 7和WebOS via AppCatalog;在电脑上，适用于Mac OS X， Windows， Safari， Chrome和Firefox。

　　详情点击查看https://www.evernote.com/

　　我们来看看，在不同的平台上，Evernote的内容结构有什么不同。

　　Evernote在PC和Tablet上，属于精细化编辑和内容型消费的app. 在智能手机上时，对app内容进行了优化，一是抓住用户在移动场景下使用evernote的核心功能--创建新笔记和查看旧笔记;二是根据智能手机的特点和移动设备上文字输入不便等情况，增加了拍照、音频输入和标记地理位置的功能;三是根据屏幕尺寸优化信息展示的层级结构，保持evernote一贯以来的简单易用，如下图，展示方式从大界面的并排结构到小界面层级递进。

　　多终端app承担纽带及互补关系

　　回到MIT media lab的品牌识别，我们可以看出，在不同的媒介上，品牌识别的核心不变，但具体展示的方式和内容会有所不同，是各司其职，互相补充的关系。

　　同样，一个产品，在不同的终端，核心功能不变，但展示方式和架构会有差异。我们需要了解每种设备的优势和弱势。如，使用性能和便携性等。不是所有的功能都会适用于所有的设备。台式电脑用户和移动设备用户对同一个产品的期望会有不同。

　　举个例子，思考一个关于正在上映电影的影院网站。在台式电脑中使用，用户会期待一种身临其境的感觉，包括可以看到预告片和影片相关的细节描述等。在移动端，用户更关注的是影片列表，离自己最近的影院地址和放映时间等。

　　从用户对多终端产品交叠使用的情况看，我们可以认为，同一个产品的多终端app之间，应该是互相补充和完善的关系。

　　集众家之智慧，小结多终端设计方法

　　1. 如果有可能，从移动端开始设计，因为在移动的场景下有诸多屏幕和功能的约束。这意味着，移动设备上的功能是最核心的。

　　2. 确保在每种独立的设备上(包括智能手机，平板电脑和台式电脑)都能支持到用户的目标。用户的首要和次要的目标取决于使用每一种设备的场景，因此用户的使用目标需要根据每种不同的设备来定义。在这里，提供一份nielsen所做的关于多终端产品使用情况的调研数据 http://blog.nielsen.com/nielsenwire/?p=27702

　　3. 在一篇讲解跨平台设计的文章中描述了一种交互设计方法。简而言之，就是，一、先根据原生态系统的交互，设计简单的线框图;二、用缩放到适应每种屏幕大小的视觉元素，以及所对应平台本身的常用基本元素控件等去设计精细的线框界面。这样有助于在设计的早期，创建跨平台的统一。而不是设计完交互后，坐等着视觉设计师去定界面元素和风格。

　　4. 创建和归档设计风格规范以及模版，以便在出现设计不统一时，给出设计样式的详细说明。

　　5. 以上设计方法来自于平时的收集和累积，把方法运用到实战项目中，是个艰巨而漫长的过程，D3多媒体的设计师们努力进行中。

　　文章小结：

　　1. 多终端产品，犹如品牌识别，需要协调统一又不失差异;

　　2. 多终端apps之间的关系是各司其职，互相补充。

　　作者：judy

　　文章来源：腾讯CDC