充满争议的磁贴设计：微软，请等一等你的用户！

前段时间，微软收购tiktok消息甚嚣尘上。微软、苹果和谷歌为硅谷三巨头，我们对苹果的iOS和谷歌的MD设计更加熟悉，之前我也写文章分析。

今天我们一下微软的设。

△ 硅谷三巨

一提软的计，大家或许会立刻想充争议的磁贴设计风格。聊磁贴之，我希望家可以明白：设语言从不领导拍脑袋拍出的。分析一设语言，我们应该入当时的行业背景。因设语言反映了产品方对于未人机交互方式乃至整互联网行业的预判。我们觉得很「脑残」的一些法，当时的时背景，站他们的角度，或许就优解。所以聊磁贴设之，我先简单介绍一下磁贴设问世的微软。

后PC时代的微软

1999，微软以6000亿元全球市第一的企业。微软发家于PC时，凭借Windows操作系统的垄断，以及我们熟悉的Office系列产品，当之无愧的PC互联网时的霸主。

彼，脑是用户唯一的上网备。虽然越来越多的数码产品问，但是脑依然是用户数码生活的中枢，负责链起所有的数码产品。数码相机拍了一些照片，习惯于上传脑；歌曲必须通过脑才能下载mp3上。乔布斯在2001年1月提出了脑是用户数据中枢（digtal hub）的概念。

而随着3G络的普及，智手机和平的现，越来越多的设备可直接连接络。电脑链接有数字产的模式渐渐玩转了。如果我在iPhone上拍了一张照片想传到iPad上，怎么办？air drop？对起，air drop是2013才有的功。

△ 电脑是数据中枢

我们必须先把照片传到Mac上，再把照片传到iPad上。个流程常麻烦。2011年乔布发布iCloud，正将电脑从数据枢定位降低至跟手、平板样普上网设备终端。后PC时代，或者说移动互联网时代来了。

△ Windows Phone 7

2007年苹果推出iPhone，2008年谷歌安卓1.0系统。移动互联网时代的到来使得之前风光无的微软感受到挑战，微软也开始将战略中心转移到移动端。2010年，微软Windows phone 7系统，微软使用磁贴设计风。

△ 微软媒中心

这不微软第一次使用磁贴设，微软使用磁贴设，早可以追溯到2005的媒体中里，再到后面的zune。从这里我们也能看出，微软使用磁贴设过时间的反复论证，不脑突然发出的决。

△ Zune HD

什么是磁贴设计？

磁贴设风格又称Metro design/modern design，其灵感自于机场铁的指示系统。微软自己对磁贴设理念的解释「glance and go」，用户看一眼就能获得足够的信息，不需停留。

△ 公共交通设磁贴的灵感源

机和地铁的指示牌，行人一眼就了，不会停下来思考这个指示牌底代表着什思。磁贴计中规则的形状、高饱和度配色、扁化的图标，这些素都可以在公共交通的指示系统找。那软为什要在旗下的产品中大力推行磁贴计呢？这总结了三个因：1 保证多备体验的一致性；2 提升息获取效率；3 重新定义面；

多设备体验一致性

磁贴计是软为了迎移动互网的发展势头而做的一次改变。图标相比，磁贴中色块的交互面积更大，方便用户指在触摸屏备上直进行交互。

△ 大色块方便用户触摸交互

此外，随着智手机、平电脑还有后面iwatch的现，越来越多的设备可直接连接络。那么问题来了，如何保证你的产在同尺寸的设备上依然保持一致的操作体验呢？

磁贴矩形易于大小缩放、移动与任意组合，可以保证用户在不尺寸设备上保持致体验。后谷歌出MD设计卡片设计跟这个思路很类似，不知谷歌有没有借鉴这。

△ 矩形可以任意组合、缩放

里强一下，任何一个设计语言有自己最适用的互模式，鼠标指针互、键盘互和触摸互等。磁贴设计无疑最适用的就是触摸互，而Windows系统最主要的场是鼠标指针互。在win8上采用磁贴，鼠标用户得磁贴造成空间浪费，鼠标移动距离增加。

微软的愿景统一的one Windows。但让鼠标用户触摸用户使用同一UI，这种法否过于激呢？

△ 新版Mac OS图标采用扁平风

苹果也一直倡导多体验一致性，但是直今年，Mac OS图标才抛弃拟物风格，采用类似iOS的大圆角扁风格。为什说类似？因为Mac OS还保留了一些来的立体质。

△ Mac OS依然保留来的立体质

提升信息的获取效率

很多人无法忍受磁贴设满屏的色块，觉得很丑，微软官方直接回应了。我知道们会觉得丑，但我们的目的不于此，我们的目的提升用户的信息获取效率。

不管是脑还是机，可以给用户提供内容和服的是应用。长久以来，的思维是「想干什就去开某个应用」。传统的图标仅仅作为快捷方式，你想要获取息必须点击图标进入应用。Windows phone 7的广告好的体现这一点，把每一个应用都比做一个房间。

△ 磁贴是快捷方式和通知中心的组

而户打开应，可只想查看更的容。例如，你打开邮箱是想查看最的邮件，你打开b就是想看争哥有没有更视频。磁贴中有一个态磁贴功，户可在打开应的前查看信息。这相当于将快捷方式和消息通知结合起来，供了一个更效的信息查阅方式。

磁贴不再仅仅是内容入口，磁贴本身是内容。为了让用户注意力可以聚焦于内容，磁贴删减切不需要装饰性元素，例如高、阴影、纹理和圆等。

△ 圆视线内聚作用

圆角里说一下。微软去除圆角是担心用户的视被圆角所吸引，但是有人提出反对意见，认为圆角不仅不分散用户注意力，还有视内聚的用。用户视接触圆角，圆角将视引导至圆心。

不怎么磁贴所表内于形式的设理念，内本身视觉主体。Content before chrome。不觉得这法很熟悉？这不就扁平化设吗？错，硅谷三巨中，微软先试扁平化设的。苹果2013的iOS7中面积使用扁平化设，谷歌不用了，2014推出了统一的设语言material design。

观的视觉效果还高的信息获取效率？这问题，微软选择了后者。这让我起之体检的时候，每一科室门口都一显示屏，展示当排队的人。我发的人面咖啡图标，的人。

我很好奇，就问护士咖啡图标什么意思。护士，咖啡图标表这人已完了空腹项目，可以去吃早餐了。咖啡图标或许会好看一点，但我觉得这里直接「可食早餐」四字可能加合，起码我能看懂。

重新定义桌面

第三点第二点很类似，但了防止第二点太冗，这里我拆第三点。传统意义的桌面，只APP的入口，用户桌面找到对应的图标，点击入应用，用户并不会桌面停留过多时间。这种以图标启动应用的模式反映了「以app中」的设思。这种设思app数激增的况下，会两问题：1 很难具体的app；2 app的孤岛化；

我们先第一点，例如，手机里安装了40app，但常用的就b站、微信、Chrome知乎。与此同时，的手机里还会一些app我们很少打，但又不能卸载。比如办了贷车贷。安装贷款银行app，只会还款日间打这款app，其余时间基本都吃灰。这些低频应用面提到的高频应用的入口都桌面的图标，它们形状小都很相似。用户的诉求，希望可以速找到那些高频的应用。

△ 磁贴设，用户可以自义桌面

磁贴计可以通过大和位置来改变磁贴权重，对于一个计来说，PS、sketch是常用的软件，可以放大尺寸、放在界面中央位置让更容易找。iOS 14的面组件，用户可以定义尺寸，了磁贴的。

△ iOS 14面组件

此外，前面Windows phone 7的广告还反映了一个现象那就APP的孤。每个app都是一个独立的房间，我要享受同的务，就要打开同的房间。打开app，享受务，这个模式我们已经习为。但是习为，就是正确的吗？

买票，我要做是告诉系统「买张明天上午8左右到上海高铁票」；而不是「打开XXapp，买张明天上午8左右到上海高铁票」。

△ iOS 14 画画

磁贴设计让用户在桌面上就以查阅新闻、邮件。让用户不打开app就以享受服务，iOS 14的画中画功能，用户在桌面就以观看视频。他俩的共同点就是弱化APP的定位，桌面不仅仅是APP的口，用户也不需要在APP里才能享受服务。或许在不久的将来，场式互成熟，手机以根据不同的场给用户切换不同的服务，而不是让用户自己主动去打开一个个APP。

微软，等一等你的用户

磁贴是微软针对现有互模式做的一次大胆的改革，提出很新的理念。在现有的语系中，我们一直被教育创新是正确的。我们像忘创新意味着对现有模式的颠覆，改革是需要支付成的。么谁来支付成？微软愿意投大量的资源去研一套新的设计语言，有没有问他的用户是否愿意支付学习成来适应套新的设计语言？

△ 从开始菜单到开始桌面

Windows 7 之的始单于桌面左下角，空间很小，找应用还翻翻去。Windows 8把始单改了始桌面，start menu变了start screen，让用户可以的找到应用。但久以的操作习惯，让用户离不始单。微软第二又拿回始单了。

创新是必要的，也是值得鼓励的。但是创新必须发生在适的间节点并且配辅以正确的执行段。过于超前和激进，先锋容易成了先烈。

注作者的微信公众号：「王M争」