移動(dòng)交互設(shè)計(jì)的個(gè)人想象

2012-4-19    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   yvirxh.cn  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(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ù)

 

 移動(dòng)設(shè)備交互設(shè)計(jì)

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

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

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

這觀點(diǎn)近來(lái)逐漸被人接受,近期的文章也常常提及此事。

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

一、倒置的聊天界面

通常聊天界面是這樣的:

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

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

其好處有二:

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

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


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

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

主界面的整體移動(dòng),會(huì)造成短暫的注意力失焦。在注意力重新集中前,無(wú)法進(jìn)行有效的操作。以我個(gè)人經(jīng)驗(yàn)而言,這個(gè)操作上的空白期在一秒左右,遠(yuǎn)比動(dòng)畫補(bǔ)間占用的時(shí)間為長(zhǎng)。每一次開合虛擬鍵盤停頓一秒多,累積起來(lái)也是頗大的浪費(fèi)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔