印象當(dāng)中，最近這些年的春天總是會(huì)帶來(lái)讓人覺(jué)得真心別扭的氣候體驗(yàn)，雨和冷風(fēng)就像催化劑一樣，讓生活和工作當(dāng)中的人和事也變得異常凌亂，仿佛一團(tuán)被咀嚼到完全失去味道的檳榔。November Rain前奏當(dāng)中的鋼琴旋律多少可以讓心安然一些，一旦摘下耳機(jī)便又是個(gè)令人想要把自己的腦袋擰下來(lái)吃掉的世界。

可腦袋一旦被擰下來(lái)，就什么也無(wú)法吃的樣子了，不是嗎。說(shuō)正事兒吧。Designing for touch，關(guān)于這個(gè)話題及相關(guān)的文章，最近貌似已然鋪到大街上了，不過(guò)我還是做我的吧。在標(biāo)題里加了個(gè)不倫不類(lèi)的“又是”二字，以示區(qū)分。內(nèi)容方面應(yīng)該會(huì)有些交集，但這是我自己的。

Josh Clark老師最近蠻活躍的。在本文中，他將向我們介紹一些觸屏移動(dòng)設(shè)備用戶界面設(shè)計(jì)當(dāng)中需要注意的問(wèn)題，并對(duì)iPhone、iPad和Android相關(guān)設(shè)備在觸控交互體驗(yàn)方面的友好性進(jìn)行了對(duì)比和分析。歡迎，走著。

對(duì)于移動(dòng)設(shè)備的操作系統(tǒng)及應(yīng)用來(lái)說(shuō)，判斷其用戶界面設(shè)計(jì)方案是否優(yōu)秀的一個(gè)重要衡量標(biāo)準(zhǔn)，就是看它對(duì)于手指觸控操作的友好程度。相比于桌面計(jì)算設(shè)備及相關(guān)的軟件環(huán)境，觸屏移動(dòng)設(shè)備所具有的交互特性幾乎將用戶體驗(yàn)設(shè)計(jì)師們帶入了工業(yè)設(shè)計(jì)的領(lǐng)域；設(shè)計(jì)方案更多是在體現(xiàn)著人機(jī)工學(xué)方面的原理，而不再是僅僅用來(lái)規(guī)劃內(nèi)容與功能的視覺(jué)呈現(xiàn)方式。

拇指熱區(qū)與底部原則

首先，我們需要了解人們通常會(huì)以怎樣的方式將手指�？吭谠O(shè)備上。拿手機(jī)來(lái)說(shuō)，普通青年們多數(shù)會(huì)使用拇指來(lái)進(jìn)行觸控操作，所以觸屏手機(jī)的界面交互方案基本是圍繞著拇指來(lái)進(jìn)行打造的。

拇指是很不可思議的，據(jù)說(shuō)它是將我們與動(dòng)物區(qū)分開(kāi)來(lái)的重要標(biāo)志之一。..拇指的功能具有相當(dāng)?shù)膹椥�，同時(shí)也受到一定的局限。對(duì)于常規(guī)的觸屏手機(jī)來(lái)說(shuō)，我們可以使用拇指掃過(guò)屏幕當(dāng)中的大部分區(qū)域，但其中大約只有三分之一屬于真正有效的觸控區(qū)域。所以在設(shè)計(jì)當(dāng)中，要盡量將最重要的界面交互元素放置在這個(gè)范圍當(dāng)中。在右手持機(jī)的狀況下，有效觸控區(qū)域位于屏幕的左下方：

這也正是移動(dòng)系統(tǒng)或應(yīng)用中一些重要的工具欄或?qū)Ш浇Y(jié)構(gòu)通常被放置在界面底部的原因。與此相反的是，在傳統(tǒng)的桌面設(shè)備系統(tǒng)環(huán)境中，導(dǎo)航菜單一類(lèi)的界面元素通常被放在界面頂部，無(wú)論是本地軟件還是網(wǎng)頁(yè)基本都是如此。對(duì)于我們有限的拇指作用范圍來(lái)說(shuō)，這種傳統(tǒng)布局方式顯然不能在移動(dòng)設(shè)備的用戶界面當(dāng)中很好的適用。

相比之下，左下角還是右下角的問(wèn)題略顯次要。我們?cè)趯?shí)際當(dāng)中經(jīng)常會(huì)更改左右手持機(jī)方式，想想看是不是這樣，譬如對(duì)于右撇子來(lái)說(shuō)，當(dāng)他們正在寫(xiě)字或是需要同時(shí)使用鼠標(biāo)操作桌面設(shè)備時(shí)，通常會(huì)將手機(jī)交于左手操作；而左撇子們則正相反。不過(guò)在多數(shù)時(shí)間內(nèi)，使用右手持機(jī)的用戶還是要相對(duì)較多一些。

底部原則可以幫助我們對(duì)界面當(dāng)中的可觸控元素進(jìn)行更好的組織。最常用的功能按鍵應(yīng)該被放在拇指最容易觸摸到的熱點(diǎn)區(qū)域當(dāng)中，而其它相對(duì)次要或是比較敏感的控制元素則應(yīng)該盡量避開(kāi)這個(gè)區(qū)域。以iOS中的“編輯”按鈕來(lái)說(shuō)，它通常被置于界面右上方，這個(gè)位置即可以保證它清晰可見(jiàn)，同時(shí)又不會(huì)被很容易的觸碰到，以免發(fā)生誤操作。

另外，底部原則不僅與拇指的作用范圍有關(guān)。當(dāng)我們使用拇指在屏幕上進(jìn)行操作的時(shí)候，手指下方的內(nèi)容部分將會(huì)被遮擋��；只有將交互控制元素放在內(nèi)容區(qū)域的下方，才能讓這種負(fù)面效應(yīng)降至最低。其實(shí)這是一條具有廣泛適用性的設(shè)計(jì)原則，我們可以在很多其他類(lèi)型的設(shè)備中看到這種原理的體現(xiàn)，例如iPod、計(jì)算器、帶有實(shí)體鍵盤(pán)的普通手機(jī)、電子秤等，無(wú)不是內(nèi)容在上，控制在下。

我，機(jī)器人（Android）

在Android設(shè)備中，底部原則這檔子事被機(jī)身下方的實(shí)體硬按鍵搞的復(fù)雜了些許，尤其是冰淇淋三明治之前的平臺(tái)。這些硬件級(jí)的控制按鍵占據(jù)著底部區(qū)域，在某種程度上會(huì)與應(yīng)用內(nèi)的底部交互元素形成視覺(jué)上的競(jìng)爭(zhēng)。彼此層疊在一起的軟硬件工具欄會(huì)使用戶在快速操作的過(guò)程中產(chǎn)生迷惑，增大誤操作的幾率；對(duì)于在兩個(gè)維度上共存于拇指熱區(qū)當(dāng)中的軟硬件按鈕，它們之間的沖突幾乎是不可避免的。

固化的硬按鍵是無(wú)法被移除的，避免控制元素之間產(chǎn)生沖突的最直接的辦法就是讓虛擬與實(shí)體的工具欄在視覺(jué)上彼此分離，而這就意味著需要將Android應(yīng)用中的相關(guān)控制元素和導(dǎo)航結(jié)構(gòu)放置在用戶界面的頂部。這自然不是最理想的解決辦法，因?yàn)榻缑骓敳侩x拇指熱區(qū)遠(yuǎn)著呢，你要觸摸其中的某個(gè)按鍵時(shí)，幾乎會(huì)將半個(gè)手掌都覆蓋在屏幕上。不過(guò)比起與硬件工具欄層疊在一起的方式來(lái)說(shuō)，這種解決方案仍是利大于弊的。

這種將重要的控制及導(dǎo)航元素放在頂部的做法與iOS設(shè)備的方式正相反。雖然iPhone的Home按鍵同樣在機(jī)身底部，但它的表現(xiàn)形式與Android設(shè)備的硬按鍵有很大區(qū)別，它不會(huì)對(duì)應(yīng)用界面底部的相關(guān)操作元素帶來(lái)視覺(jué)上的干擾。下面的截圖展示了Foursqure應(yīng)用在這兩個(gè)平臺(tái)中的界面設(shè)計(jì)方案對(duì)比：

標(biāo)簽： 用戶體驗(yàn) 移動(dòng)設(shè)備用戶體驗(yàn)  

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。