移動交互設(shè)計的個人想象

2012-4-19    藍藍設(shè)計的小編

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

 

 移動設(shè)備交互設(shè)計

前一陣子,朋友購入了 Galaxy S II ,總體滿意,但仍不時在聊天時怨及其中一些“反人類”的設(shè)計——相信手持 Android 設(shè)備的各位心里都會有類似的感受。

這些抱怨讓我想起了諾基亞高級副總裁 Marko Ahtisaari 在接受 ifanr 采訪時 說過的話 :

他們(指現(xiàn)有的移動設(shè)備界面)都很棒,但很顯然,設(shè)計還沒有到達頂峰,尤其是在程序切換、優(yōu)雅和簡潔等方面。

這觀點近來逐漸被人接受,近期的文章也常常提及此事。

故而便有了此文,寫些我對移動交互的期盼與想象。以下諸般構(gòu)想,均以全觸摸屏設(shè)備為基點。

一、倒置的聊天界面

通常聊天界面是這樣的:

文本輸入框在底下,消息自上而下,按時間排序,之前的在上,最近的在下。這一布局沿襲自傳統(tǒng)書籍的排版,合乎人類的閱讀習慣,自是絕對合理的。

但以我愚見,將其倒置一下,也是有幾分好處的:

其好處有二:

若采用這個布局,舒適度會有所提高。在傳統(tǒng)布局中,若是虛擬鍵盤未曾打開,那最近的消息——往往也是最需要關(guān)心的消息——便位于屏幕底部,而用戶的視線,通常是集中在屏幕中上部的。注意力中心頻繁上下移動,應(yīng)不是什么舒適的體驗。

另一個好處,便是操作效率較傳統(tǒng)布局為高。在虛擬鍵盤彈出時,采用倒置布局的界面是穩(wěn)定的,而按傳統(tǒng)布局,輸入框便得讓位:


采用倒置布局,彈出鍵盤時,界面穩(wěn)定

采用傳統(tǒng)布局,彈出鍵盤時,界面整體移動

主界面的整體移動,會造成短暫的注意力失焦。在注意力重新集中前,無法進行有效的操作。以我個人經(jīng)驗而言,這個操作上的空白期在一秒左右,遠比動畫補間占用的時間為長。每一次開合虛擬鍵盤停頓一秒多,累積起來也是頗大的浪費。

若要說倒置的布局不符合常習,會對造成閱讀造成妨害,應(yīng)也不致。要知如今大熱的微博網(wǎng)站,便都是上下倒置的布局,也未見有人抱怨閱讀不便。而更古早時的功能手機,短信也是這般排列的。而那時的不便,更多是短信無法按對話形式歸類引起的,與上下順序倒是無甚關(guān)系。

對于廠商來說,此種設(shè)計有其優(yōu)點,又無明顯的妨害,而且無論如何,都可在逐漸趨同的界面設(shè)計中,收鶴立雞群之效,應(yīng)當是值得一試的。

二、操作區(qū)域的集中化

這兩年設(shè)備屏幕尺寸飛漲,可視面積也隨之日新月異,這自是好事。但操作區(qū)域也跟著擴大了不少,卻難說是好是壞了。我那位手持 Galaxy S II  的朋友便曾提及,每每去伸指去點屏幕底端的菜單,便覺吃力,長此以往,實在難保關(guān)節(jié)炎癥不致發(fā)作。

如今的界面設(shè)計,屏幕的中央?yún)^(qū)域,大體是用來展示內(nèi)容的,除了點擊與拖曳這兩個導航操作,便沒多少用處了。絕大部分的其他操作,都有賴于屏幕頂部與底部的交互元素。iOS 的設(shè)計可作代表:

設(shè)計師的意圖,當是把不常用的操作仍到邊角上去,好將中原腹地留給最重要的內(nèi)容來展示。但實際使用之后,往往便覺那些“不常用”的操作,實在常用得緊。別的不談,iOS 左上角的返回鍵,便是被無數(shù)人摁爛的了。

摩托羅拉新發(fā)超大屏幕手機,也注意到了這個問題,做了一些改進 ,好讓用戶的拇指能少些操勞。而蘋果固守3.5寸的屏幕,可能也有這方面的考慮。

只是屏幕尺寸的進步乃是趨勢,便連極端重視持握感的諾基亞,N9 的屏幕尺寸也達到了 3.9 寸——只是憑著巧妙的設(shè)計,設(shè)備本身并沒有增大罷了。

照此趨勢,若不加改進,用戶拇指難免整日價上下翻飛,飽受舟車勞頓之苦。以多任務(wù)切換為例,大部分系統(tǒng)都要求用戶拇指移動到屏幕底部,進行操作。iOS、Android、Windows Phone 7 均在此列,其體驗如何,想來也無需我在此贅言。此種操作若是照搬到超過 4 寸的超大屏幕上,用戶拇指的安危實在是可懼可慮之事。

在這方面,諾基亞 N9 的滑動操作便舒適得多了。除了其本身符合人類天性外,能將操作集中在屏幕中段,也是很大的一個原因:

在多任務(wù)體驗上備受贊譽的 webOS 設(shè)備,在鍵盤打開后,多任務(wù)切換的操作區(qū)域,也是位于設(shè)備中段上的:

此外,早期諾基亞的九鍵功能機,其手感很多人至今難忘。究其原因,可能也在于那些設(shè)備將操作壓縮到了設(shè)備中段:

由此想來,將設(shè)備的操作區(qū)域壓縮,盡可能地集中到設(shè)備中段,以減少操作時拇指的運動,當是提高交互體驗的良方。而從各個方面來看,其實設(shè)計師們也是知曉此間關(guān)竅的。例如通過長按呼出菜單,在拇指當前位置進行操作,便是很常見的一個設(shè)計。

而 iOS 的輔助觸摸功能,也是一個不錯的思路——通過懸浮的透明窗口,提供額外的操作可能性。

無論如何,希望廣大的開發(fā)者和設(shè)計師,在設(shè)計交互邏輯時,更多地考慮一下這個問題,拿出更好的方案來。為用戶拇指關(guān)節(jié)的健康多花上幾分心思,也是諸位工作中應(yīng)有之義。

三、一個 Windows 那樣的任務(wù)欄

主界面切換過于頻繁,是現(xiàn)今移動設(shè)備都有的問題。目前移動界面都是單窗口——或者說是單交互進程——的設(shè)計,這是受屏幕尺寸所限,實在是無法可想的。人力所能做的,也就是減少切換時的時間損耗罷了。

在這方面,移動系統(tǒng)都是各顯神通,有做的較好的,也有做的極爛的。令我困頓的是,有一個成熟完善、久經(jīng)考驗的設(shè)計,卻始終沒有被采用過,那就是傳統(tǒng)的 Windows 式任務(wù)欄。

若是前兩年,設(shè)備屏幕尺寸有限,放一個任務(wù)欄在屏幕上,確非良策。若是做的小了,操作時必致使人不快,而放大之后,卻會占掉過多的空間,看起來足以令人切齒。

但正如前文所言及的,這兩年來,屏幕尺寸已有了長足的進步,主流比例也從傳統(tǒng)的 4:3,變成了較為狹長的 16:9,一個尺寸合理的任務(wù)欄,理應(yīng)是塞得進去的。但 Galaxy Nexus (還有諾基亞的 Lumia 800 )選擇了用多余空間放幾個虛擬按鍵,實在教人難以理解。

當然,這個任務(wù)欄是要做些調(diào)整的。例如要有防止誤觸的機制,在橫屏時能轉(zhuǎn)到側(cè)面,還得有一些便利的手勢操作。若依我所想,大體是這樣的:

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔