原生 android 虛擬按鍵的缺陷

  在 smart bar 之前，google 就已經(jīng)嘗試使用虛擬按鍵取代實(shí)體按鍵了。這樣的介紹有助于 android 設(shè)備在體驗(yàn)上的統(tǒng)一。但是虛擬按鍵有兩個(gè)很明顯的缺點(diǎn)：

1.占用屏幕空間。在 android 的界面布局中，虛擬按鍵占用屏幕 下方 48dp 的高度，換算成像素的話(huà)，一個(gè)號(hào)稱(chēng) 1280x768 分辨率的屏幕，實(shí)際上用于顯示內(nèi)容的空間是 1184x768

2.除了 底端的系統(tǒng)級(jí)虛擬按鍵之外，按照 google 官方的應(yīng)用設(shè)計(jì)指南，應(yīng)用普遍會(huì)在屏幕 下方再放上一排按鍵。雙排按鍵上下疊加的情況下，很容易導(dǎo)致誤觸的發(fā)生。這也是很多第三方廠商堅(jiān)持使用實(shí)體按鍵的原因之一。

smart bar 的出現(xiàn)，在很大程度上規(guī)避了上述兩個(gè)問(wèn)題。

整合，與釋放

  smart bar 的作用，簡(jiǎn)單的來(lái)說(shuō)，就是：整合界面元素，釋放內(nèi)容空間。

  下圖是原生 android 系統(tǒng)的底部結(jié)構(gòu)，按照官方命名方法標(biāo)出了 action bar 和 navigation bar：

下圖是帶有 smart bar 的 flyme os 底部結(jié)構(gòu)：

這是發(fā)布會(huì)上的展示圖。從圖上我們可以看出，這個(gè) smart bar 在豎屏狀態(tài)下主要的改動(dòng)是合并了原生系統(tǒng)中在屏幕 下方上下疊加的 action bar 和 navigation bar。從不同的展示圖中我們可以注意到，smart bar上只有五個(gè)可操作圖標(biāo)，多余的圖標(biāo)都進(jìn)入了右邊的菜單鍵中。從各種角度上說(shuō)，這樣的設(shè)計(jì)都使得誤操作概率大大降低。

如果你有讀過(guò) google 官方的 android design，相信會(huì)對(duì)這段話(huà)感到非常的眼熟吧？在 android design 中，google 曾經(jīng)強(qiáng)調(diào)底部 action bar 上不能有超過(guò)五個(gè)按鍵，而魅族 smart bar 在所有展示圖里按鍵的上限都是5個(gè)——多余的全部進(jìn)入了右邊的菜單鍵中，而且連菜單鍵的位置都和官方 action bar 里的那個(gè)菜單鍵位置對(duì)應(yīng)。

再看看這個(gè)橫屏模式下的 smart bar。它同樣對(duì)各種橫欄進(jìn)行了整合，在smart bar 中統(tǒng)一顯示， 大限度地把界面空間留給屏幕上的內(nèi)容。并且所有的操作按鈕都位于屏幕頂端的左右兩邊，便于在橫屏模式下雙手操作。這是不是很像 android 4.0 平板的作風(fēng)？在橫屏模式操作支持這一方面，smart bar 比其它國(guó)內(nèi)第三方 rom 甚至 google 官方 android 4.1 的解決方案都要更好些。

借鑒，與創(chuàng)新

在看到 smart bar 的時(shí)候，我非常自然的想起了當(dāng)初 google 為了相同的目的而創(chuàng)造出來(lái)的一種交互形式：combined bar。它同樣整合了平板上的各種橫欄，并把操作按鍵放在屏幕底部的左右兩邊，適合平板持握下的雙手操作。

這個(gè)對(duì)雙手操作極端友好，而且節(jié)省屏幕空間的設(shè)計(jì)，google 在 android 4.1 之后不知何故放棄了。而魅族的這個(gè) smart bar 和 combined bar 的設(shè)計(jì)思路如出一轍，并且在 combined bar 的基礎(chǔ)上對(duì)用戶(hù)體驗(yàn)的提升更進(jìn)了一步。試想，你所有的操作都被集中在慣用手的大拇指能夠很容易操作的地方，而且還不容易誤觸… 是不是很夢(mèng)幻？為什么之前都沒(méi)有人好好利用到這點(diǎn)呢？

但是我非常好奇的是，魅族是怎么做到將 action bar 中的按鈕整合進(jìn)smart bar中的。魅族方面表示只要是按照 android 4.0 規(guī)范進(jìn)行設(shè)計(jì)的應(yīng)用都可以無(wú)需改動(dòng)直接兼容，而在魅族的演示中，除了這些按照標(biāo)準(zhǔn)制作的應(yīng)用之外，沒(méi)有套用標(biāo)準(zhǔn)的老應(yīng)用也同樣有很好的集成效果。不知 google 的 android 團(tuán)隊(duì)對(duì)這個(gè) smart bar 有何感想。反正我可以說(shuō)，他們的臉色必定不會(huì)好看：當(dāng)初被拋棄了的 combined bar 以另一種方式出現(xiàn)在了 flyme os 2 上，而且還進(jìn)行了大量的優(yōu)化和改進(jìn)，用比較夸張的話(huà)說(shuō)——打臉打得啪啪響。

魅族的 ui 設(shè)計(jì)師一定有認(rèn)真的考慮過(guò) android design，站在用戶(hù)的角度設(shè)身處地地考證這些設(shè)計(jì)。你可以把 smart bar 看作是 action bar(實(shí)際上它也確實(shí)是 action bar 的一種形式)，但是它又同時(shí)起到了 navigation bar 的作用，同時(shí)還可以和標(biāo)準(zhǔn)與非標(biāo)準(zhǔn)應(yīng)用有良好的兼容性，比 google 的原生解決方案要好很多。

在實(shí)際的使用中，它確實(shí)有效地節(jié)省了屏幕空間，提高了屏幕使用的效率。這也正是當(dāng)初 google 在 android 3.0 里使用 combined bar 的初衷吧？

結(jié)語(yǔ)

把 j.wong 的人品性格之類(lèi)的話(huà)題拋開(kāi)不談，把將這種交互上的創(chuàng)新命名為 j.wong 交互到底合適與否的問(wèn)題拋開(kāi)不談，把 j.wong 設(shè)計(jì)的外殼與邊框拋開(kāi)不談，這次，在 smart bar 這個(gè)簡(jiǎn)潔精巧的改進(jìn)上，我們看到的，是真正的用心。

相關(guān)文章

• 上一篇： 靠丟漂流瓶：微信比微博有價(jià)值？
• 下一篇： 微軟Windows RT系統(tǒng)無(wú)法充分發(fā)揮Tegra3性能