产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

产品邦 首页 产品经理 查看内容

扫盲:细说Android SmartBar

2013-5-30 16:30| 发布者: Vegeta| 查看: 1136| 评论: 0|来自: 煮机网

摘要: 在Android 4.X当中,名为Navigation Bar的虚拟键盘几乎是固化在屏幕最底下,作为系统交互的基础存在,但凡是选择非光感/物理按键的安卓设备,基本都遵循着原生Android的设计,让Navigation Bar安稳地固定在屏幕底部 ...
 
PC140628.jpg

  在Android 4.X当中,名为Navigation Bar的虚拟键盘几乎是固化在屏幕最底下,作为系统交互的基础存在,但凡是选择非光感/物理按键的安卓设备,基本都遵循着原生Android的设计,让Navigation Bar安稳地固定在屏幕底部,因为它是程序的出口和入口,它必须固化。即使横屏或全屏的大多数状况下,Navigation Bar的位置也不会变化,只是图标横向旋转90°,并不会隐藏或者移动到底部(平板电脑除外)。这么一来,原生的虚拟按键始终会占据屏幕的一部分。

1.jpg




  Navigation Bar的存在,让手机的硬件设计有了更多的可能性。但是考虑到自家产品的延续性,很多厂商在处理按键的问题上,基本上是两种处理方式:

1、延续2.3时代的3个实体按键(或物理或光感)的设计;

2、机身正面上不设置任何按键,而是用系统内置的Navigation Bar虚拟按键。

2.jpg


  Android 2.X时代相对混乱的交互逻辑决定了菜单键必须随时待命,谁都没法保证每个程序都有菜单键。从Android 4.0开始,全屏幕操作的模式下,越来越多的新程序让菜单键融入到程序主界面当中来。而4.0以上版本系统在兼容Android 2.3程序的时候,则在Navigation Bar的最右边角落里面添加了一个临时的菜单键,以保证程序的兼容性。

 

3.jpg
 

但是对于而Andorid 4.X标准下的新程序,对于菜单的选择更加多元化:Action Bar。

 

4.jpg


  Action Bar控件也让开发者有了更好的安放菜单键的位置,它可以在程序底部,也可以在顶部。对于用户而言,要进行程序内的操作,需要使用Action Bar或者虚拟菜单键(诸如2.3时代那些需要菜单键带调用菜单的程序);要进行程序之间切换、回主界面或者返回上一步,则需要通过Navigation Bar来操作。这种层级关系,对于开发人员和手机制造商,是非常清晰的,但是双层甚至三层菜单同时存在于一个操作界面,确实比较……坑爹。相比于这种标准化的UI设计,MX2的处理方式,就比较有意思了。

5.jpg
 

  而MX2则不属于上述情况。从M8就开始考虑Home键设计的魅族,对于UI有自己的一套标准,在Android的交互设计出现改变的时候,魅族需要做出取舍。应该是出于魅族自家系统交互延续性的考虑,虚拟Home键用触摸按键代替,双击正好可以替代Android 4.X的虚拟按键中,用于程序间切换的“最近应用键”。新加入的按Home键上滑手势,则正好替代了Android 4.X三大虚拟按键中的返回键。这样一来,仅这三个动作,完全替代了Android 4.X的三个虚拟按键,一个Home键就搞定了。这么一来,菜单键应该怎么处理呢?

  行进到这一步,魅族的UI优化就需要深入到Android 4.X的系统设计中,这也决定了MX2的进化方向。

  原生的Action Bar原本带有菜单属性,魅族Flyme团队的做法正是将两者结合起来,新诞生的菜单栏魅族命名为Smart Bar。由于MX2上的返回手势,并没有向webOS上的返回手势的逻辑那么自然(向左滑动返回),可能是考虑多数习惯了点击操作用户并不一定能习惯得了它,虚拟的返回键也增加到Smart Bar。所以,返回键+Action bar+菜单键=Smart Bar。Action Bar当中的控件可以与菜单键完美的结合起来,最重要的三个显示在Smartbar当中,多的就缩到菜单键当中统一管理。


 

6.jpg
 

  Smart Bar 的灵活性很高。首先,在系统主界面中,Smart Bar是不需要出现的,因为Home键可以实现主界面当中的所有操作。

  在大多数程序当中,Smartbar会根据需求,只显示出返回键,或者同时显示返回键和菜单键,在这种情形下,Smartbar与Navigation Bar并无大区别,在底部占据一行。大多数的第三方应用程序基本都是这种情况,就目前测试的状况而言,各种软件的兼容性基本不是问题,毕竟,最差的情况也是如同Navigation bar一样占据底部一排位置。


 

8.jpg
 


  对于调用了Action Bar的Android程序,Action bar中的按钮会顺次出现在Smartbar中来,超过3个按钮的话,会自动排列到最右侧的菜单键当中。这种设计既节省了屏幕空间,也让“菜单”的逻辑更清晰了。以MX2的Google Map为例,对比起Android 4.1的地图,Smartbar调用了ActionBar里面的三个按钮,直接显示在底部,而图层功能自动调节到菜单内了。


 

7.jpg


  布卡漫画同样使用了原生的Action Bar,在MX2当中,也自动适配到了Smartbar中。

 

S21214-160450.jpg


  在进行全屏阅读或者观看视频的时候,Smartbar会自动隐藏。对于少数全屏设计的应用,Smartbar就干脆就隐藏了。阅读类应用在程序横屏操作时,Smartbar会自动挪动到屏幕顶端,方便双手操作。在横屏情况下,顶端的Smartbar可以容纳超过5个按钮,因为这种情况下,超过5个按钮并不会影响用户体验。所以在Google Map当中,横屏下所有的按钮会完整地摆放在顶部(初始设置的4个功能键+菜单键+返回键):


 

S21214-160125.jpg
 
  总的来说,Smartbar是完全为MX2定制的,在MX和M9当中,应该会有相应的适配。比起拥有光感/物理按键的安卓机,MX2会更简洁,更富有魅族特色。而比起使用Navigation Bar和Action Bar的安卓机,MX2确实显得更聪明。对于普通用户而言,Home键手势不可避免地会有一点学习成本,但是一般能快速适应。Home键手势+Smartbar的模式下,MX2的体验是非常可观的。

相关阅读

阅读推荐

小黑屋|产品经理之家 ( 粤ICP备12078725号 )

GMT+8, 2023-5-1 15:12

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

返回顶部