网站设计之跨平台UI适配方法

我们都知道，iOS和Android之间的战争没有赢家。如果一个产品在一个平台上成功，那么它毫无疑问的会被移植到另一个平台。有时候开发人员甚至不用等待，同时在两个平台上发布应用。对于设计师而言，这只意味着一件事情——应用的UI和UX需要适配到另一个平台，以确保产品设计语言的一致性。

跨平台UI适配有三种不同的情景：

1.保持品牌的一致性；

2.符合平台特性；

3.寻求两者之间的平衡。这篇文章通过最热门的app分析这三种方法，让你了解什么方法最适合你。

一、品牌导向法

坚持品牌，和忽视“父级规则”是最快、最简单、追剧成益的方法，但是只是设计到设计UI，而没有涵盖软件工程。自定义的用户界面是相当复杂的，相对于用标准空间，开发工作要付出更多代价。

此外，选择品牌作为UI设计的优先选项是一个相当危险的方法。我们把这种应用叫做“teenagers”（青少年），因为他们不遵守规则，有时候相当烦人。他们认为自己是与众不同的，但是实际上他们和其他在那个年龄的人一样。但是也有例外。

 首先在app store发布，然后才在安卓平台可用。严格根据iOS规范设计的iOS版本经历了巨大的成功；在这种情况下，为苹果的支持者设计的典型UI变成了instagram与众不同的特色。这就解释了为什么instagram的开发者没有花很多的时间为安卓平台打造一套独特的UI。即使应用程序的整体美学不符合安卓用户的期待，instagram在谷歌商店获得了超过一天百万的下载量。用户在第一次打开app寻找导航时需要一些猜测。但是另一方面，wire使用了大量微互动，让用户体验更多乐趣和吸引力。简化的联系人搜索，好看的色调，自主选择背景图和背景颜色，都有助于构建wire的独特的世界，而区别于其他在线沟通应用所建立的准则，例如telegram，whatsapp，viber，和其他典型的沟通应用程序。

如果你的应用是款平台的，并且属于这种类型，你可能会在使用品牌导向方法之前三思。例如，Facebook在跨平台UI适配设计时使用混合的方案。原因是，facebook的用户倾向于只使用一种平台（iOS或安卓），而不是两种平台都适用。

自定义用户界面提供了直观的用户交互，并在同一时间吸引人的眼球。

有研究表明，直观的交互有四个部分组成：直觉、可语言性、不费力、神奇的体验。这些部分的组成，使设计师创造无缝的用户体验，不管他们是否遵循平台的规则指南。毕竟一些自定义组件可以提供更优秀的表象或互动体验。

同样值得一提的是，平台之间的差异可能是为什么app在一个平台上让人觉得方便在另一个平台上却不方便的原因。约会应用HowAboutWe的开发者认为，只有适用自定义的UI，才能真正确保应用的风格和布局在不同安卓系统版本，制造商，屏幕大小分辨率上的一致。原生的用户界面组件有一定的局限性，当你可以不断创新，来改善产品的用户体验。

例如，一个预算管理的安卓应用，Receipt。有不同寻常的下拉动画，忽略了所有平台的规则指南，但这个下拉动画确实吸引了用户。

“我对平台的规范感到不满意，而且我觉得我提出更好的解决方案。一般来说，只有当我觉得按我的做法会有明显的好处的时候，我才会忽略平台的规范，例如向用户提供坑好的反馈，删除不必要的步骤，或者防止流程被打断。大部分是用相关元素替换弹窗活着不必要的屏幕跳转。”

独特又好看的UI，他们会给用户留下很好的第一印象。用户觉得“My Day”这个倒数应用吸引人的原因之一就是其独特的用户界面，这在两个平台上都是相同的。

当把UI适配到另一个平台，你应该把自己放进用户的角色里，不管你使用什么方法。能够穿件无摩擦的用户体验同时保持品牌的一致性是一个杰出设计师的美德。

二、平台导向法

与以品牌导向相反，根据平台的特性标准要求要求更多的时间和金钱（在这里我们只讨论UI设计）。当导入设计去另一个平台时，很多UX和UI元素需要根据目标平台规范重建。

在这种情况下，焦点从品牌认同转向了用户熟悉的平台体验，因为用户已经习惯平台的规则。在惯用的平台上，他们对设计规则的有直观把握，你可以把这个作为你的优势——Telegram和WhatsApp在这点上都做的很好。

安卓版是按照谷歌material design设计规范来设计的。在导航栏有一个汉堡包菜单图标，里面有app的各个部分的导航链接，在导航栏的右边有一个简单的搜索按钮，在屏幕的底部有一个悬浮按钮——material design的核心

现在，通过这些示范性的app，讨论一下什么情况下坚持以平台规范为准则进行设计最合理。

什么情况下，我们应该遵循平台导向法？

高度竞争的市场环境促使你快速迭代用户快速增长。

即使你需要时间重新设计应用程序的概念，平台导向的方式可以使你的开发人员更快速的实现你的想法。。一旦一个程序被启动，用户会找到一个熟悉的交互方式。不仅如此，你不需要等待灵感来临去设计一些特别的东西。你所要做的就是遵守设计指南。

苹果和谷歌推出的一些设计趋势在用户中被证明是成功的。

一个聪明的品牌进入谷歌市场，即使你的app是从iOS版本上移植的，也必要改成符合material design规范以示诚意。但是这种流行趋势也吸引了苹果用户的目光。因此，我们可以看到也有一些iOS上的app体现了material design的一些元素和风格。我提这件事只是为了强调一款app遵循设计规范是十分重要的，即使这意味着偶尔忽视平台的具体细节。

你的应用具有复杂的功能和用户界面。

任何移动应用都应该尽可能简单容易使用，即使它负载很多功能。使用平台导向法使有很多功能内容的app看起来井井有条。举个例子，例如Accent Kit，英国的口音和方言训练设计的app，包含多重功能：音频播放、录

acebook移动应用的前生是用html5做，但是这是一个很大的错误，作为公司的创始人 Mark Zuckerberg也承认。最终，facebook决定致力于提升在iOS、安卓、以及其他平台的体验。

一方面，facebook的品牌具有巨大的影响力。另一方面，这是一个用户数量庞大的跨平台网络。这则是为什么混合法能最和谐的结合品牌认证和多种平台。

iOS版和安卓版app看起来差不多，但是也都让人感觉非常像所属平台的原生应用。facebook为了用户，遵循苹果和谷歌的设计规范。由于内容是facebook app的重要特征，设计者决定用简约的设计风格，给内容留下更多的空间。

“我们希望我们的app让我们的用户感到熟悉，这也意味着要找到他们习惯于使用它们的通性。我们也想要让他们感到是在体验同一个airbnb。

平台之间的连贯性——手机，网络，邮件等等——对我们建立的自信和信任很重要，因此我们决定不仅仅被各平台的规范所驱动。贯穿的、连续的、同一的体验造就了品牌。”——Katie Dill，airbnb的首席体验设计师。

第一眼看过去，airbnb的iOS版和安卓版的主要区别是导航栏的位置：iOS在底部，安卓版在顶部。

什么时候应该使用混合法？

当在根据反馈和评价逐渐发展和完善产品设计的时候。

三、混合法

有了一点独特性，我们就能足够对应平台的细节，并且保持品牌价值。混合法来适应多种平台，是在以上两种方法之间寻找一个平衡点，它也是最复杂的一个。

在这种情况下，你应该考虑两种用户：一种是熟悉你的产品的人，另一种是从没用过产品的人。前者追随品牌，而后者习惯了其他平台的特性。选择混合法的设计师像外交官一样，代表了品牌的利益，同时也旨在促使和用户的友好关系。他们需要找出哪些用户界面元素能使产品脱颖而出，并找到不会伤害品牌的跨平台的具体解决方案。

混合法意味着用户体验在各个平台上连续作用，这是一个基础的设计迭代方法。这意味着你应该分析指标去了解用户是如何与你的产品进行互动的，定期更新改进，并保持增长率。迭代设计代表了一个循环过程：原型设计、测试、分析和提炼产品每一个版本。

混合法是在一个奇特的情况下，让体验称为品牌的代言。这是我认为的最好的方法去进行跨平台的完美适配。他能让你找到平台、品牌和用户的真相。此外，使用这种方法可以改变品牌和平台设计指南之间的平衡，作为结果，得到一个伟大的产品。

混合法的唯一缺点是，不太可能在初创的小团队中实施。因为小型初创团队通常承担不起大量的时间和金钱来提升应用的设计。此外，我猜在一个app的第一个版本，不测试用户对UI特征也可能是一种幸运。

四、哪一种设计方法更好？

尽管混合法看起来像是最好的方法，我想说的是，文章中提到的方法没有一个是完美的。

有时选择品牌识别会导致特定的用户体验问题，无论你的app看起来多么美丽。毕竟，用户决定了一个菜单是否应该滑进，刷哪里会进入特定的功能，以及如何返回个人主页。

app使用平台向导的会导致app看起来过于程式化，对品牌识别没有帮助。当从另一方面来说，使用平台向导设计法最有可能获得成功，特别是你的app有很多功能，并且以获得大量用户为目标。

我用来说明混合设计法的例子是成功的适配跨平台应用实例。这种情况其实很少见。但是，这不意味着你不应该尝试去获得相同的结果。

当我们设计app时，我们应该总是记得，我们为了现实世界中真实的人真实的设备而做的。事实上，这并不是说品牌，平台，或是你的创意，很重要。唯一重要的用户。他们并不关心你用了什么方法去适配UI设计。不管我们喜欢与否，所有用户只是对整个公司的体验感兴趣——当它是积极的时候，说明这个公司成功了。