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

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

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

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

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

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

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

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

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

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

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

我，機器人（Android）

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

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

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

標簽： 用戶體驗 移動設(shè)備用戶體驗  

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