1、内容入口还是App入口？
从iPhone到iPad，苹果整个定义了触摸UI，其最显著的特征是：App作为入口。无论里面装的是视频还是游戏，都要通过图标进入。这是简洁的设计。所以当亚马逊平板项目Kindle Fire面世时，它的网站式标签设计反而让人惊异：App不再作为入口，内容和内容分类成为主体。
众所周知，亚马逊善用硬件来销售内容，于是iTunes式的程序界面上升为系统界面，这是内容平台的优先权选择：卖内容比卖硬件更重要，内容比程序更重要，第一方内容比第三方内容更重要。
我们惯常在商业策略上区别亚马逊模式和苹果模式，但二者区别也会在系统UI上体现出来，于是也就有了两种主页结构：内容分类入口和App入口，让我们暂且也称之为亚马逊模式和苹果模式。
前种模式大概更有利于第一方内容售卖，但这是值得存疑的。且不讨论硬件销售和内容销售的依存关系，第三方的重要性等等。我觉得这里面有个惯常的中心化思维在起作用：大家觉得划分功能和类型会让使用逻辑更清晰。
借用一下做杂志的体验。杂志里的专辑是材料（图、文）汇聚的形式。有人爱用小标题把里面的条目分类，甚至有二级分类。其实这只有利于编辑的思路，读者在进行线性阅读时并不能把握其结构。而国外杂志常见的结构是去中心化的，常用数字list来引领条目，因为扁平反而显得简明易懂。
典型的亚马逊模式的例子，比如新出的盒子Amazon Fire TV。结构很常见，左边菜单，右边内容。将可提供的内容类型划分为游戏、程序、图书、音乐……看似简单，但这里面有个层级矛盾。
“电影“标签和Netflix程序都能提供电影，但二者并不同级，后者是“程序”标签的下级。对我们来说这可能没什么，但足够引起父母那辈的认知混淆。
如果把电影标签处理成为App图标的形式呢？并不在首页上展现内容，这样就和第三方内容程序同级。这正是小米电视所干的，既归属于菜单标签，其形式又是一个图标入口，但通过放大来显示对第三方的优势地位。
乐视早期为了强调第一方程序，将其固定在底部。
到了LeTVUI 3.0版本，也模仿小米改成类似的形式。
但这样的形式还是奇怪的，这个入口看起来算是个什么东西？其形式和其他App缺乏统一感。
鉴于在主页上同时出现文字标签和放大图标的形式受启于Xbox 360，我打算追本溯源地讨论一下Modern UI（即Metro UI，这里使用微软的官方称呼）对于国内电视界面的影响。我认为这仍然算是亚马逊模式的某种变体。
2、标签的变迁，以及Xbox 360为什么是一个糟糕的系统
小米盒子团队的前身是“多看“，Apple TV上的第三方内容平台。而多看的界面看起来与早期Xbox 360颇为相似。其特征是标签在Focus状态下出现放大的内容传送带。
所以当Xbox360变得Modern化时，小米盒子的界面也开始了新的进化。（小米电视出现在小米盒子之后，小米电视的电视App进入之后，和小米盒子的界面是一致的。）
Xbox 360的Modern UI出现在Windows Phone 7之后，而Windows Phone 7是在iOS之后寻求差异化的结果。所以我们的讨论先从iOS开始。
前几天知乎上有个讨论涉及到微信5.4安卓版本的变化。为什么微信 5.4 安卓版又回到 iOS 风格？如何评价这一改变？。不少人谈到iOS Tab设计的优点：方便、底栏位置便于触摸，可见性高等等。我认同此理，并举Apple TV的例子来补充证明。
手柄十字键所引起的交互运动是线性的，自然的顺序是从左到右，从上到下。按左右键在顶栏切换标签，按下键开始浏览内容，按返回键返回顶栏。所以，Apple TV的标签放在顶部才是自然的设计。
而iOS能把Tab设计在底栏，是基于触摸屏指哪打哪的特点优化过的。
触摸屏上最主要的交互是触摸按钮和滑动屏幕。在iOS“影响的焦虑”下，Windows Phone7选择滑动作为主要交互，并在可见性上精心设计来补足滑动的缺陷。
要么让后续页面边界“穿帮”在当前页面，来暗示页面是可滑动的。要么利用顶部标签文字提示你后续页面的内容。并通过不同速率来保证标签和页面在滑动后对齐。这些共同构成精心的诱导，使得Windows Phone里的滑动获得比Andriod远为自然的体验。
问题是，当它移到主机上全都变了味。我觉得Metro风格的Xbox 360甚至算得上糟糕的设计了。
因为没有滑动。
微软总犯这种毛病，为了跨平台视觉的一致性而罔顾不同平台的交互特点。
Xbox 360没有采用类似于Windows Phone的App入口，而是将App内的设计风格上升到主页，标签下侧是内容，以及第二级的分类标签，这里被处理成为图标样式。信息跨页面展示的设计暗示了页面是可切换的。事实上，微软试图用体感的手掌点按代替触摸屏上的手指触摸，用抓取移动来代替滑动屏幕——在当前的体感技术上，这有点好高骛远。相对方便的操作仍然是手柄的十字键，可以在标签之间移动，也可以在二级标签和内容之间移动——后者是痛苦的体验。
在横向和纵向上，可能都需要方向键的多次点击才能到达目的地。当横向和纵向混在一起，判断和更改方向，跟踪选择框就增加了用户成本。
即使在标签之间的移动，也因为标签设置过多而显得繁琐、低效。
这种繁琐和低效被小米盒子整个的继承下来。乐视则更加反动，它的多桌面概念像是阉割掉可见性的Xbox 360。页面标签不可见，也并没有跨屏幕的信息展示。我花了很多天才教会父母开机后按方向键右键，从“信号源桌面”中摆脱出来。而切换桌面要通过在横向的图标之间移动。（你知道什么是“当当当当当”吗？乐视用户应别有会心。）
Xbox One的新设计才发挥了Metro UI的某些魅力。标签被缩减成三个。内容被隐藏起来，二级标签的颜色块构成主体。
Metro UI在视觉上有一个特点，图形样式的图标可以和图片样式的图标进行混排。鉴于图片样式天然适合填载海报，Xbox 360起到了一个糟糕的示范，将图标和内容混排。即使它还算是克制的，基本上左边是色块，右边是图片。
而小米盒子的混排徒有其形，内在的逻辑区分被丢掉，各种认知上的混淆。如果说推荐页面和应用页面还算是清晰的，都是同一内容（视频或应用）的聚合。
那么，这几个页面的二级图标却有多种样式：扁平的图标，图文混排的图标，上面图下面深色块的图标。
上述讨论试图说明，含混而随意的分类已经构成了电视系统不断走低的体验，是时候从更简单的形式重新开始了。
比如说，App作为入口？
3、双入口
以App作为入口，需要考虑，除了App还有什么要放到主页上？我喜欢站在低水平用户的角度去考虑问题，比如我的父母。假设他们对于App毫不熟悉，那么打开电视的第一需要是什么？
看到内容。
内容推荐系统看来是必须的。另外，他们在某个App里观看过某个韩剧之后，不能指望他们记得这次的浏览路径。观看历史，包括收藏和追剧，这些源自用户的数据也应该在主页上体现出来。
上述这些都指向一个基本的形式载体：内容海报。于是构成App与内容海报的双入口，那么二者之间应该是怎样的关系？
小米和乐视的方式是把它们分割在不同页面里，也就是说，用户不能同时感知两种入口。
必须让它们置身于同一屏里，更进一步，让它们之间产生映射的关系，帮助用户理解其中的结构。鉴于电视、电影、音乐的推荐内容都可以对应相关的第一方App，我们可以很容易推导出双入口映射的形式。
让我们以批判和改造的方式重建结构，就以Modern UI风格的Xbox 360来展开想象。
标签下左侧的3个二级标签，重复出现在各个内容标签下。商店应该是一个独立的App，搜索可以放在其他交互位置。而打开程序的操作可以移在上面标签上，让它成为可以被打开的图标。这样，主要的入口将成为一行图标列表，这也正是PS4的界面结构。
我猜测PS4 UI团队多少受到了Metro的影响，比如那些大方块。但相比于PS3，我们更能看出设计语言延续和生成的价值。在XMB（Xross Media Bar“跨界导航菜单”）的界面基础上，一级图标变成App图标而不再是分类标签（以App作为入口）；大量的二级图标（主要是系统设置操作）被移动了界面的顶部。App的下部则会在Focus状态下弹出消息、视频App、当前游戏情报等内容。
PS4定义了在横向屏幕上，App和内容双入口映射的基本结构：横向的两块区域，上下是映射关系。
但如果我们没有记忆力减弱的话，这正是最初的智能电视盒子Apple TV就提供给我们的。当程序被选定，相关的推荐内容会从屏幕一侧弹出展开。
只是除了上面四个第一方程序，其他的第三方程序在这样的结构里并不能获得内容推荐区域。还需要进一步的改造。
当获得基本结构后，接下来的问题就是，如何协调内容海报和图标形状之间的形式关系。这是下一篇的内容。
— 完 —
本文作者：马骥
【知乎日报】
你都看到这啦，快来点我嘛 Σ(▼□▼メ)
