2012-4-19 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( m.ocunn.cn )是一家專(zhuān)注而深入的設(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ù)
前一陣子，朋友購(gòu)入了 Galaxy S II ，總體滿意，但仍不時(shí)在聊天時(shí)怨及其中一些“反人類(lèi)”的設(shè)計(jì)——相信手持 Android 設(shè)備的各位心里都會(huì)有類(lèi)似的感受。
這些抱怨讓我想起了諾基亞高級(jí)副總裁 Marko Ahtisaari 在接受 ifanr 采訪時(shí) 說(shuō)過(guò)的話 ：
他們（指現(xiàn)有的移動(dòng)設(shè)備界面）都很棒，但很顯然，設(shè)計(jì)還沒(méi)有到達(dá)頂峰，尤其是在程序切換、優(yōu)雅和簡(jiǎn)潔等方面。
這觀點(diǎn)近來(lái)逐漸被人接受，近期的文章也常常提及此事。
故而便有了此文，寫(xiě)些我對(duì)移動(dòng)交互的期盼與想象。以下諸般構(gòu)想，均以全觸摸屏設(shè)備為基點(diǎn)。
通常聊天界面是這樣的：
文本輸入框在底下，消息自上而下，按時(shí)間排序，之前的在上，最近的在下。這一布局沿襲自傳統(tǒng)書(shū)籍的排版，合乎人類(lèi)的閱讀習(xí)慣，自是絕對(duì)合理的。
但以我愚見(jiàn)，將其倒置一下，也是有幾分好處的：
其好處有二：
若采用這個(gè)布局，舒適度會(huì)有所提高。在傳統(tǒng)布局中，若是虛擬鍵盤(pán)未曾打開(kāi)，那最近的消息——往往也是最需要關(guān)心的消息——便位于屏幕底部，而用戶的視線，通常是集中在屏幕中上部的。注意力中心頻繁上下移動(dòng)，應(yīng)不是什么舒適的體驗(yàn)。
另一個(gè)好處，便是操作效率較傳統(tǒng)布局為高。在虛擬鍵盤(pán)彈出時(shí)，采用倒置布局的界面是穩(wěn)定的，而按傳統(tǒng)布局，輸入框便得讓位：
采用倒置布局，彈出鍵盤(pán)時(shí)，界面穩(wěn)定
采用傳統(tǒng)布局，彈出鍵盤(pán)時(shí)，界面整體移動(dòng)
主界面的整體移動(dòng)，會(huì)造成短暫的注意力失焦。在注意力重新集中前，無(wú)法進(jìn)行有效的操作。以我個(gè)人經(jīng)驗(yàn)而言，這個(gè)操作上的空白期在一秒左右，遠(yuǎn)比動(dòng)畫(huà)補(bǔ)間占用的時(shí)間為長(zhǎng)。每一次開(kāi)合虛擬鍵盤(pán)停頓一秒多，累積起來(lái)也是頗大的浪費(fèi)。
若要說(shuō)倒置的布局不符合常習(xí)，會(huì)對(duì)造成閱讀造成妨害，應(yīng)也不致。要知如今大熱的微博網(wǎng)站，便都是上下倒置的布局，也未見(jiàn)有人抱怨閱讀不便。而更古早時(shí)的功能手機(jī)，短信也是這般排列的。而那時(shí)的不便，更多是短信無(wú)法按對(duì)話形式歸類(lèi)引起的，與上下順序倒是無(wú)甚關(guān)系。
對(duì)于廠商來(lái)說(shuō)，此種設(shè)計(jì)有其優(yōu)點(diǎn)，又無(wú)明顯的妨害，而且無(wú)論如何，都可在逐漸趨同的界面設(shè)計(jì)中，收鶴立雞群之效，應(yīng)當(dāng)是值得一試的。
這兩年設(shè)備屏幕尺寸飛漲，可視面積也隨之日新月異，這自是好事。但操作區(qū)域也跟著擴(kuò)大了不少，卻難說(shuō)是好是壞了。我那位手持 Galaxy S II 的朋友便曾提及，每每去伸指去點(diǎn)屏幕底端的菜單，便覺(jué)吃力，長(zhǎng)此以往，實(shí)在難保關(guān)節(jié)炎癥不致發(fā)作。
如今的界面設(shè)計(jì)，屏幕的中央?yún)^(qū)域，大體是用來(lái)展示內(nèi)容的，除了點(diǎn)擊與拖曳這兩個(gè)導(dǎo)航操作，便沒(méi)多少用處了。絕大部分的其他操作，都有賴(lài)于屏幕頂部與底部的交互元素。iOS 的設(shè)計(jì)可作代表：
設(shè)計(jì)師的意圖，當(dāng)是把不常用的操作仍到邊角上去，好將中原腹地留給最重要的內(nèi)容來(lái)展示。但實(shí)際使用之后，往往便覺(jué)那些“不常用”的操作，實(shí)在常用得緊。別的不談，iOS 左上角的返回鍵，便是被無(wú)數(shù)人摁爛的了。
摩托羅拉新發(fā)超大屏幕手機(jī)，也注意到了這個(gè)問(wèn)題，做了一些改進(jìn) ，好讓用戶的拇指能少些操勞。而蘋(píng)果固守3.5寸的屏幕，可能也有這方面的考慮。
只是屏幕尺寸的進(jìn)步乃是趨勢(shì)，便連極端重視持握感的諾基亞，N9 的屏幕尺寸也達(dá)到了 3.9 寸——只是憑著巧妙的設(shè)計(jì)，設(shè)備本身并沒(méi)有增大罷了。
照此趨勢(shì)，若不加改進(jìn)，用戶拇指難免整日價(jià)上下翻飛，飽受舟車(chē)勞頓之苦。以多任務(wù)切換為例，大部分系統(tǒng)都要求用戶拇指移動(dòng)到屏幕底部，進(jìn)行操作。iOS、Android、Windows Phone 7 均在此列，其體驗(yàn)如何，想來(lái)也無(wú)需我在此贅言。此種操作若是照搬到超過(guò) 4 寸的超大屏幕上，用戶拇指的安危實(shí)在是可懼可慮之事。
在這方面，諾基亞 N9 的滑動(dòng)操作便舒適得多了。除了其本身符合人類(lèi)天性外，能將操作集中在屏幕中段，也是很大的一個(gè)原因：
在多任務(wù)體驗(yàn)上備受贊譽(yù)的 webOS 設(shè)備，在鍵盤(pán)打開(kāi)后，多任務(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)竅的。例如通過(guò)長(zhǎng)按呼出菜單，在拇指當(dāng)前位置進(jìn)行操作，便是很常見(jiàn)的一個(gè)設(shè)計(jì)。
而 iOS 的輔助觸摸功能，也是一個(gè)不錯(cuò)的思路——通過(guò)懸浮的透明窗口，提供額外的操作可能性。
無(wú)論如何，希望廣大的開(kāi)發(fā)者和設(shè)計(jì)師，在設(shè)計(jì)交互邏輯時(shí)，更多地考慮一下這個(gè)問(wèn)題，拿出更好的方案來(lái)。為用戶拇指關(guān)節(jié)的健康多花上幾分心思，也是諸位工作中應(yīng)有之義。
主界面切換過(guò)于頻繁，是現(xiàn)今移動(dòng)設(shè)備都有的問(wèn)題。目前移動(dòng)界面都是單窗口——或者說(shuō)是單交互進(jìn)程——的設(shè)計(jì)，這是受屏幕尺寸所限，實(shí)在是無(wú)法可想的。人力所能做的，也就是減少切換時(shí)的時(shí)間損耗罷了。
在這方面，移動(dòng)系統(tǒng)都是各顯神通，有做的較好的，也有做的極爛的。令我困頓的是，有一個(gè)成熟完善、久經(jīng)考驗(yàn)的設(shè)計(jì)，卻始終沒(méi)有被采用過(guò)，那就是傳統(tǒng)的 Windows 式任務(wù)欄。
若是前兩年，設(shè)備屏幕尺寸有限，放一個(gè)任務(wù)欄在屏幕上，確非良策。若是做的小了，操作時(shí)必致使人不快，而放大之后，卻會(huì)占掉過(guò)多的空間，看起來(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ì)操作。若依我所想，大體是這樣的：
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.ocunn.cn