軟件廠商該如何擁抱大屏?xí)r代?

2013-10-21    藍藍設(shè)計的小編

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

來源:http://www.zhouweisem.com/?post=40

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

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

認(rèn)識問題

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

zWatch

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

轉(zhuǎn)變觀念

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

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

hands

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

應(yīng)用實例

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

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

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

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

widget

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

2.擴展側(cè)邊欄

側(cè)邊欄(滑動抽屜)是個很巧妙的設(shè)計,在目前可以說是解決多欄目布局的一劑良藥。小屏機時代側(cè)邊欄的功能僅僅只是一個切換開關(guān),并沒有太多的附加意義,那么在屏幕空間剩余的大屏機上能不能給它增加新的功能呢?

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

chat

從上圖的設(shè)計中可以看出,當(dāng)我們在刷微博、人人的時候收到私信時,我們只需要打開抽屜進行回復(fù),回復(fù)完畢后方可繼續(xù)瀏覽,這樣就使得瀏覽回復(fù)兩不誤,保證了操作的連貫性。

3.改變信息界面

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

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

miui

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

QQ

上面所說的辦法適合于有固定長度的信息列表,在微博這種每個信息長度均是隨機的列表中我們可以采取智能排列功能。

weibo

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

4.擴展下拉菜單

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

menu

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

總結(jié)

其實一個時代總是在不知不覺中來臨的,人們也都總是后知后覺的。

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

日歷

鏈接

個人資料

存檔