Tablet UI 还是 Phablet UI, 这是个问题——平板操作界面的探讨

注: 这篇文章于早些时间发表于极客公园. 嘛, 细节什么的不要在意就好, 反正作者也是我~

只要稍微关注Android的人就会知道, 自从Android 4.0发布之后, Android同一个系统里就包含了两种不同的操作界面—适用于手机的Phone UI和适用于平板的Tablet UI. 当年Android 4.0发布的时候, 同一系统两套UI的行为就被解读为统一操作界面和UI的第一步. Android 4.0也令Android平板市场迎来了一个春天.

Honeycomb时代

在Android 4.0之前, 谷歌就已经做出了一套适合平板电脑使用的操作界面. 没错, 失败作Android 3.X—Honeycomb使用的那套以蓝紫色为主色调, 具有很强未来感的界面便是Android 4.0上Tablet UI的原型.

从这张截图中我们可以看出, Honeycomb的主操作界面已经和Ice Cream Sandwich 相差无几了: 屏幕下方的Combined Bar将最重要的导航键与状态栏放置在用户左/右手拇指可以轻松操作的左/右下角, 令用户可以在双手握持平板时毋须改变姿势的轻松操作

Android 3.X失败的原因不在这篇文章讨论的范围之内, 你只需要知道, 在平板上操作体验方面, Android 3.0是一个重大的飞跃.

Ice Cream Sandwich时代

时间到了2011年十月, 谷歌发布了”Android历史上最大的改进”. 一个操作系统中包含了两种UI, 一个应用可以直接适配手机平板两种设备. 谷歌也发布了Android Design这样的官方应用设计适配指导. 可以说Android对平板的兼容性在不断朝着好的方向发展着.

 

想要让一套操作界面做到完美的支持平板和手机, 说句实话这是不可能的. 从上面的对比图中我们可以看出, Android 4.0在手机与平板的界面统一上下了不少功夫. 在使用了相同的虚拟导航键与相通的手势操作的同时, Android 4.0为平板做出了不少优化.

首先, Android 自带应用对双手持握操作进行了优化 . 不论是多大尺寸的平板, 只要是横屏状态下, 用户都可以在双手持握的状态下轻易地用拇指触碰到屏幕四角. 于是在设置, GMail等一干Android自带应用都采用了Multi-pane Layout, 即多分栏布局. 多分栏布局不仅可以更好的利用宽屏的空间, 更优化了双手持握的操作. 按下最近任务键呼出的最近任务缩略图也处于屏幕最左侧, 可以方便的用左手拇指进行选取或消去. 用右手拇指点击右下家状态栏呼出通知阴影, 选取或消去通知, 或切换到快速设置以更改设置. Tablet UI下所有重要的功能都集中于左下/右下这两个便于双手在不改变持握姿势的情况下用拇指操作的区域. 举个例子, 所有应用的Action Overflow都位于Action Bar的最右(也就是屏幕的右上/右下角). 而按照Android Design的论述, 应用在平板上应该采用多分栏布局, 这样便可以利用分栏的Action Bar将所有操作按钮和图标集中在屏幕的左右侧. 这里拿iPad做个对比. 我们可以很清楚的看出, iPad完全没有为双手持握的操作进行优化, 很多自带应用的操作在屏幕正中—这意味着用户必须要以单手持握iPad, 腾出惯用手伸向屏幕中心完成操作.通过对比, Tablet UI对双手持握的优化可见一斑.

其次, Tablet UI 对竖屏操作也进行了很好的优化. 在竖屏使用7寸和更大的平板时, 想要以拇指触碰四角会变得极其困难. Tablet UI给出的解决方案是, 将所有重要的操作都放在下方的角落. 按照Android Design的论述, 位于右上的Action Overflow是用来放置没那么常用的功能的. 常用的功能都应该集中在位于右下的Split Action Bar. 这样, 用户只要握住平板中下段便可以轻松的用拇指完成一切操作了. 而且, 为了避免用户经常进入竖屏, Tablet UI下大部分应用会在横屏模式下显示更多信息(比如GMail).

Jelly Bean时代

在2012年六月谷歌的I/O 2012随着Android 4.1一同发布的7寸平板Nexus 7在平板市场掀起了一股不小的波浪. 说句实话, 我看完I/O大会之后, 脑海里只回响着一个声音: “Nexus 7使用的居然是Phone UI, Nexus 7使用的居然是Phone UI, Nexus 7使用的居然是Phone UI…”

 

直到我拿到了Nexus 7的那一刻, 我之前的”肯定是谷歌放错图片了”的梦境彻底破裂了. Nexus 7采用的是一种新的操作界面布局, 谷歌称之为Phablet UI—顾名思义, 就是 (Tablet+Phone)/2=Phablet. 在Phablet UI下, 部分应用会以Tablet UI显示, 另一部分则会以Phone UI显示. 而Phablet UI本身—即系统的状态栏和虚拟键—又是接近Phone UI的存在.

在我看来,对平板友好的Tablet UI放着不用, 却用了这么个对平板极不友好的Phablet UI绝对是个错误的决定. 举个例子, 在Phablet UI上, 你得要把手指伸到屏幕顶端把Notification Shade给拖下来, 简直和IPad的下拉通知栏一样愚蠢. 虚拟键也一样, 在Phablet UI上, 一旦进入横屏界面, 无论是左手还是右手的拇指都是不可能直接够着位于屏幕正中下方的Home. 还有Recent Tasks界面, 在Phablet UI的横屏状态下, Recent Tasks是以类似Phone UI的状态出现的, 想要直接选中/划掉位于中间的某个应用是不可能的任务. 更何况宽屏的平板纵向空间本就不多, Tablet UI以Combined Bar节省独立状态栏的空间是个好主意, 但是在Phablet UI下, 高度和Combined Bar相同的Navigation Bar之外还加入了单独的状态栏.

基于以上几个令人感到难以理喻的特点, 我只能说我虽然不能断言Phablet UI是个失败的产物, 但是这套UI确实只适合竖屏, 单手持握—甚至就连Phone UI都比Tablet UI更适合横屏操作(Phone UI在横屏状态下会把虚拟键集中到屏幕右侧, 便于使用右手拇指操作).

但是理论上, 这套看似失败的UI出现在Nexus 7上是不应该有问题的. Nexus 7的定位是电子杂志/便携办公平板, 应该不会经常以横屏状态使用. 问题是实际使用的时候, 比如说浏览网页和收发邮件, 经常会用到横屏状态. 好在XDA上还有一群的开发者, 诞生了很多可以在Nexus 7上使用Tablet UI的ROM. 刷了Tablet UI之后的Nexus 7简直脱胎换骨, 各种应用都变得顺手不少. 当我为了体验最新的Android 4.1.2而不得不将它刷回原生系统后, 我便产生了从天堂坠入地狱的错觉…

实际上, 在XDA的Nexus 7开发区, 几乎每个ROM都会附带Tablet UI功能. 由此可见Phablet UI是多么地不受待见.

Nexus 10与Phablet UI

到了2012年十月, Nexus 10的传言开始甚嚣尘上. 泄漏出的截图上, Nexus 10赫然使用了Phablet UI. 这不由得令我毛骨悚然, 不断祈祷着, “那只是泄漏图, 真机不可能用脑残的Phablet UI的…”

血淋淋的现实又一次击碎了我的幻想. 10寸平板上使用手机式的UI, 我一直以为这种事情只有苹果才会做. 看看吧, 在10寸, 600g的平板上使用对双手持握完全不友好的Phablet UI. 就算是340g的Nexus 7, 单手拿久了都会累, 更何况是几乎两倍重的Nexus 10? 为什么不使用Tablet UI? 我心中有太多的疑问了. 当你双手持握Nexus 10的时候, 无论你想要操作哪个虚拟导航键都必须将一只手离开机身. 新的Notification Shade从状态栏的左侧和右侧下拉又有不同的功能, 这里倒是和Tablet UI的快速设置略有相似. 问题是, 为什么不使用Tablet UI? Phablet UI到底有什么好处?

Nexus系列设备作为谷歌的”亲儿子”, 起到的作用引导其他厂商开发硬件/软件. 当Nexus 10以Phablet UI出现在我面前时, 我对谷歌的期待彻底破灭了.

一点期待 

这是在Android Design的主页上出现的, 当初一直被人认为会是下一代Nexus平板的未知平板的一角. 从Combined Bar可以看出它是用Tablet UI的. 也就是说, 在Android 4.1时代还是有Tablet UI的. 而不知为何, 在Android 4.2上, Tablet UI却失去了容身之处. 这到底是为什么? 究竟Tablet UI犯了什么错, 以至于谷歌要将其完全抹消? 这些问题只能由我们猜测并不会得出答案了. 不过我还不能轻易的盖棺定论. 如果谷歌没有完全将Tablet UI抹消, 而只是强行使Nexus 10显示Phablet UI, 那么很快在XDA上就可以见到Tablet UI的ROM了.

唯愿上帝保佑Tablet UI了.

Advertisements

4 thoughts on “Tablet UI 还是 Phablet UI, 这是个问题——平板操作界面的探讨

  1. Pingback: 从魅族Flyme OS的Smart Bar说开去 - 陈继's BAK

  2. Pingback: 从魅族Flyme OS的Smart Bar说开去 | CJ's Blog

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s