轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源：http://www.zhouweisem.com/?post=40

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

2013年安卓旗艦機(jī)都有一個(gè)共同的主題——大屏，在大屏機(jī)當(dāng)?shù)赖默F(xiàn)在我們繼續(xù)探討手機(jī)該不該大屏化已經(jīng)漸漸沒(méi)有了意義，那么我們不妨直接從大屏入手來(lái)探討下 App 或 Rom 廠商如何在現(xiàn)在的安卓市場(chǎng)中適應(yīng)“大屏”潮流。

認(rèn)識(shí)問(wèn)題

魅族在發(fā)布 MX3 時(shí)提出了要做最好用的大屏機(jī)這個(gè)口號(hào)，但當(dāng)筆者在10月3日拿到真機(jī)后發(fā)現(xiàn)其并沒(méi)有真正符合“好用大屏機(jī)”這個(gè)稱號(hào)，從一成不變的下拉菜單、頂部的電源鍵等設(shè)計(jì)中我漸漸發(fā)現(xiàn)魅族仍舊是在用做小屏機(jī)的思想在做大屏機(jī)，所以效果才會(huì)如此差強(qiáng)人意。再看發(fā)展越趨成熟的 MIUI，小米的系統(tǒng)在現(xiàn)有的小米機(jī)型上暫無(wú)壓力，但如果將 MIUI 放在小米3上就又成為了一個(gè)老觀念適配新生事物的例子。

這就類似于 Z Watch 的設(shè)計(jì)（見(jiàn)上圖），用做手機(jī)的思路做手表顯然是行不通的?？v觀現(xiàn)在的安卓市場(chǎng)，很多廠家雖推出了便于單手操作的各種功能，盡力讓手機(jī)適應(yīng)各種使用場(chǎng)景，但卻鮮有廠家去思考如何去利用大屏的優(yōu)勢(shì)來(lái)擴(kuò)展自身的軟件體驗(yàn)，做那些在小屏幕設(shè)備上能想?yún)s不能做的事。

轉(zhuǎn)變觀念

想要做適配大屏機(jī)上的軟件，我們必須要從思想上改變對(duì)大屏的誤解，就像做扁平化的設(shè)計(jì)不能僅僅把按鈕、圖標(biāo)等拍扁，最重要的是從思想上接受扁平。

此前我們一直糾結(jié)的“大屏機(jī)無(wú)法單手操作”就是個(gè)明顯的誤解。一個(gè)機(jī)器只要能單手拿起就沒(méi)有什么不能操作之說(shuō)，不能操作的是手機(jī)上的軟件而非手機(jī)。其次就是手指盲區(qū)的問(wèn)題，筆者之前在《大屏?xí)rWindows Phone 將稱王？》中就曾探討了 WP 系統(tǒng)的設(shè)計(jì)優(yōu)點(diǎn)，其實(shí)在安卓 App 的設(shè)計(jì)上完全可以去借鑒這種設(shè)計(jì)模式。只要設(shè)計(jì)者將所需要的操作全放在拇指能觸碰到的區(qū)域里就不會(huì)有必須雙手操作的情況。

可見(jiàn)，大屏和單手操作并非是二選一的抉擇，只要廠商接受大屏，勇于拋棄之前做小屏機(jī)時(shí)固有的觀念，就一定能在這混沌的大屏機(jī)市場(chǎng)中殺出一條血路。所以說(shuō)大屏只是手機(jī)的一種自然進(jìn)化，而大屏軟件的出現(xiàn)才是手機(jī)真正的革命。

應(yīng)用實(shí)例

屏幕的增大擴(kuò)展了我們的視野，同時(shí)也讓軟件界面有了更大的顯示空間。所以在以大屏的思維去做軟件的時(shí)候，腦中應(yīng)時(shí)刻有“擴(kuò)展”這一概念，勇于想小屏?xí)r代不敢想之事。下面是筆者自我思考的幾個(gè)例子，希望能對(duì)大家有所觸動(dòng)。

1.優(yōu)化小部件

屏幕 Widget 一直是安卓系統(tǒng)的特色，其實(shí)準(zhǔn)確的來(lái)講 Widget 并不單單指桌面的部件，所以還是用桌面小工具來(lái)代稱吧。在筆者的印象中 HTC 的桌面小控件一直是最豐富的，sense 的出現(xiàn)也確實(shí)讓美化控們找到了自己的樂(lè)園。然而在安卓漸漸成熟的4.x 時(shí)代，各大 ROM 廠商均大力刪減自己的桌面工具數(shù)目，這從 sense4 到 sense5 的全力瘦身，MIUI、flyme 僅保留“日期+時(shí)間”控件等就可以看出。從這點(diǎn)我們可以推知用戶的需求已漸漸從追求功能豐富、界面絢麗轉(zhuǎn)變到了易用為主、簡(jiǎn)潔至上了。

同樣，在這剛剛顯現(xiàn)的大屏機(jī)時(shí)代，用戶的需求必然會(huì)再次發(fā)生改變。大屏機(jī)用戶已經(jīng)不愿意將圖標(biāo)放在一個(gè)主屏上了，他們更希望將圖標(biāo)放在手能輕易觸碰的地方（屏幕下部），這就會(huì)使得屏幕上方出現(xiàn)了大范圍的空閑區(qū)域，這些空閑區(qū)域就是小工具的寄生之地?？杀氖悄壳昂芏?App 廠商對(duì)自家的小工具都沒(méi)有足夠的重視，即使自家的 App 增加了十個(gè)功能，而小工具的編碼都不會(huì)動(dòng)一次。

這是課程格子和超級(jí)課程表的小工具（上圖），我們可以發(fā)現(xiàn)這兩個(gè)實(shí)用小工具無(wú)論是上部還是側(cè)邊的按鈕部分都是很難按到的。從筆者的測(cè)試來(lái)看，誤操作的可能性極大。其實(shí)改進(jìn)的方式很簡(jiǎn)單，就是增大觸控按鈕的大小，適當(dāng)擠壓內(nèi)容部分。在大屏機(jī)上其實(shí)已經(jīng)有了足夠大的空間來(lái)展示內(nèi)容了，仍舊保持小的按鈕反而會(huì)拉伸失真。所以，筆者認(rèn)為在大屏幕上小工具必然會(huì)重新被用戶使用，而 App 廠商應(yīng)該重新重視起小工具的易用性。

2.擴(kuò)展側(cè)邊欄

側(cè)邊欄（滑動(dòng)抽屜）是個(gè)很巧妙的設(shè)計(jì)，在目前可以說(shuō)是解決多欄目布局的一劑良藥。小屏機(jī)時(shí)代側(cè)邊欄的功能僅僅只是一個(gè)切換開(kāi)關(guān)，并沒(méi)有太多的附加意義，那么在屏幕空間剩余的大屏機(jī)上能不能給它增加新的功能呢？

facebook 手機(jī)有個(gè)主打的功能叫做 Chat Heads，簡(jiǎn)單理解就是一個(gè)信息的懸浮窗（可以去聯(lián)想蘋(píng)果的虛擬 Home 鍵）。只要用戶的 facebook 來(lái)了私信，那么用戶可以在任何頁(yè)面中點(diǎn)擊懸浮窗呼出聊天界面，而不再需要進(jìn)入應(yīng)用回應(yīng)信息了。Chat Heads 是個(gè)絕妙的功能，筆者常常會(huì)遇到看 ZAKER 時(shí)收到私信，而不得不回到微博界面回復(fù)然后再回到 ZAKER 中的別扭情形，有了 Chat Heads 后便一舉解決此問(wèn)題。那么將 Chat Heads 和滑動(dòng)抽屜融合的結(jié)果又是怎樣呢？

從上圖的設(shè)計(jì)中可以看出，當(dāng)我們?cè)谒⑽⒉⑷巳说臅r(shí)候收到私信時(shí)，我們只需要打開(kāi)抽屜進(jìn)行回復(fù)，回復(fù)完畢后方可繼續(xù)瀏覽，這樣就使得瀏覽回復(fù)兩不誤，保證了操作的連貫性。

3.改變信息界面

多數(shù)大屏用戶都討厭去碰屏幕的上方區(qū)域，但設(shè)計(jì)師在信息流的設(shè)計(jì)中往往不會(huì)考慮到這個(gè)問(wèn)題。手機(jī) QQ 的界面中的消息永遠(yuǎn)都是放在第一條的，這就會(huì)迫使用戶去點(diǎn)擊那片“痛苦的區(qū)域”。魅族 MX3 的下拉懸停在理論上確實(shí)是一個(gè)解決辦法，但從其耗費(fèi)的時(shí)間代價(jià)何不直觀性來(lái)看，這個(gè)功能基本處于無(wú)用狀態(tài)。筆者對(duì)此問(wèn)題的解決辦法就是用一個(gè)不常用但卻很有必要的信息將或需要點(diǎn)擊的信息壓到手指可觸碰的區(qū)域。

在應(yīng)用商店里應(yīng)用展示界面中，我們可以模仿小米商店的做法。

將熱門推薦壓在信息列表的上面，這樣即使我們需要下載“ QQ 電影票”這個(gè)應(yīng)用，也不會(huì)出現(xiàn)夠不到的情況。對(duì)于手機(jī) QQ 的界面，我們可以把一個(gè)較為有用但卻不常用的“傳文件到我的電腦”這一功能更壓在消息上，同時(shí)根據(jù)屏幕比例稍稍擴(kuò)大列表的大小，讓第一個(gè)消息能被拇指輕松夠到。

上面所說(shuō)的辦法適合于有固定長(zhǎng)度的信息列表，在微博這種每個(gè)信息長(zhǎng)度均是隨機(jī)的列表中我們可以采取智能排列功能。

所謂智能排列就是在每次刷新時(shí)將的五條微博按照微博長(zhǎng)度的優(yōu)先級(jí)進(jìn)行排列，找出最長(zhǎng)的微博置頂。比如：微博1是的，本應(yīng)該顯示在屏幕的最頂部，但因?yàn)槠溟L(zhǎng)度太短，如果用戶想對(duì)其評(píng)論的話就會(huì)夠不到。這時(shí)系統(tǒng)就會(huì)在這的五條微博中選出一個(gè)與微博1時(shí)間最接近但長(zhǎng)度足夠的微博和微博1交換位置，這樣就永遠(yuǎn)不會(huì)出現(xiàn)短微博夠不到的問(wèn)題了。

4.擴(kuò)展下拉菜單

如果說(shuō)大屏機(jī)什么操作最痛苦，呼出下拉菜單這一操作必然會(huì)名列前茅。下拉菜單這個(gè)功能本身就是小屏?xí)r代的產(chǎn)物，在大屏?xí)r代說(shuō)其過(guò)時(shí)也無(wú)可厚非。但系統(tǒng)層面的改變并非一日之事，我們只有去用現(xiàn)有的手段去盡力減少其不便性。隨著手機(jī)屏幕的增加，下拉菜單的顯示界面也得到了擴(kuò)展，但其信息卻未必需要如此大的空間來(lái)展示。

因此，筆者將下拉菜單在大屏上進(jìn)行的壓縮，在右邊留出了一定的空白區(qū)域。在手機(jī)屏幕的任意區(qū)域中我們只需要下拉就可以喚出下拉菜單，如果想收起菜單時(shí)，我們也只需要在空白區(qū)域向上提就能讓菜單的底邊回到手指的位置，快速上提會(huì)直接關(guān)閉菜單。

總結(jié)

其實(shí)一個(gè)時(shí)代總是在不知不覺(jué)中來(lái)臨的，人們也都總是后知后覺(jué)的。

大屏?xí)r代已經(jīng)來(lái)臨，很多廠商也漸漸明確的認(rèn)識(shí)到大屏已成為了用戶需求的一部分，但他們?nèi)耘f沒(méi)有意識(shí)到當(dāng)硬件大屏化后軟件該做如何改變。要想在大屏?xí)r代立足，廠商們應(yīng)該敢于拋開(kāi)小屏的限制，甚至舍棄很多已有的技術(shù)經(jīng)驗(yàn)，在思想上接受大屏、改變自身軟件。如果一個(gè)廠商想要在大屏浪潮中得以生存，那么它就必須革己命在先，變他人在后！