身為設(shè)計(jì)師，你可能會(huì)記得蘋果剛剛發(fā)布了iPhone，而我(英文原版作者)則感覺(jué)好像昨天才發(fā)生的事情。它們把電容觸屏技術(shù)完整地應(yīng)用于這種私密的重要設(shè)備中，這是一個(gè)劃時(shí)代的時(shí)刻，同時(shí)也改變了整個(gè)行業(yè)的游戲規(guī)則。
幾年后的今天，連小孩子都習(xí)慣了觸屏體驗(yàn)，似乎這是一件很自然的事，而父母?jìng)儠?huì)驚訝于他們的孩子能如此快速地學(xué)會(huì)使用包括手機(jī)和平板在內(nèi)的觸屏設(shè)備。同時(shí)，觸摸屏設(shè)備以及基于手勢(shì)的交互模式也為手機(jī)帶來(lái)了巨大的潛力，使得手機(jī)體驗(yàn)更輕松有趣。
向?qū)Ш綑?，?biāo)簽欄，工具欄和按鈕挑戰(zhàn)。

Apple的“HIEDesignDesignDesign(HIG)”和嚴(yán)格的評(píng)審機(jī)制對(duì)移動(dòng)應(yīng)用質(zhì)量的提高起到了巨大的推動(dòng)作用，使得許多設(shè)計(jì)者和開(kāi)發(fā)人員了解移動(dòng)用戶界面系統(tǒng)的核心界面元素和交互模式的使用。
Apple在HIG上提供了許多重要的、被廣泛遵循的設(shè)計(jì)建議，比如UITabBar和UINavigationBar這樣的導(dǎo)航控件的使用說(shuō)明，等等，這些都是我們一直關(guān)注的。事實(shí)上，如果您設(shè)計(jì)的第一個(gè)iPhone應(yīng)用程序中沒(méi)有頂部導(dǎo)航欄或底部標(biāo)簽欄、工具欄，截圖就發(fā)給我，我會(huì)要求您喝啤酒(英文原版請(qǐng)客，而不是我；我要和兄弟姐妹一起喝啤酒，我們私聊-翻譯C7210)。
一上桌就有兩個(gè)字高加起來(lái)差不多是整個(gè)屏幕高度的20%，對(duì)我來(lái)說(shuō)確實(shí)是個(gè)問(wèn)題。界面上的任何一個(gè)像素都要用在重要的功能和內(nèi)容上，寸土寸金的說(shuō)法再適合不過(guò)了，因?yàn)槠聊灰?guī)格非常有限。
設(shè)計(jì)師需要花費(fèi)一些時(shí)間去思考和探索，在這個(gè)本不該缺少創(chuàng)新的行業(yè)里，嘗試設(shè)計(jì)出更多既有創(chuàng)意又好用的界面。從蘋果對(duì)“不遵守游戲規(guī)則的人”的態(tài)度來(lái)看，我們也可以想像Clear和Rise等軟件在上架前會(huì)浪費(fèi)很多等待時(shí)間。盡管這兩個(gè)應(yīng)用程序代表了設(shè)計(jì)風(fēng)格突破方面的一種更大膽和更極端的產(chǎn)品，但它們最終還是得到了市場(chǎng)的認(rèn)可；盡管這兩個(gè)應(yīng)用程序代表了用戶并非真正的大眾，但不可否認(rèn)的是，我們的確看到了手勢(shì)驅(qū)動(dòng)界面設(shè)計(jì)所蘊(yùn)含的創(chuàng)造性潛力。
近兩年來(lái)，我一直在關(guān)注手勢(shì)操作對(duì)于移動(dòng)體驗(yàn)的提升作用，其中最大的體會(huì)是，大多數(shù)基于手勢(shì)的交互模式都非常符合直覺(jué)。這就是為什么我認(rèn)為像“下拉刷新”這樣的操作會(huì)迅速流行并得到廣泛使用的最重要原因。在iPhone的Tweetie應(yīng)用程序中，下拉刷新是最早出現(xiàn)的一種方式，這種超棒的感覺(jué)讓無(wú)數(shù)基于列表視圖的應(yīng)用程序一夜之間模仿起來(lái)。
要?jiǎng)?chuàng)建手勢(shì)驅(qū)動(dòng)的界面，您可以先嘗試將應(yīng)用程序的主界面本身變成一個(gè)主要內(nèi)容視圖，而非傳統(tǒng)意義上的內(nèi)容入口。不需要強(qiáng)制要求自己接受“總界面必須總是呈現(xiàn)重要導(dǎo)航結(jié)構(gòu)”的想法，導(dǎo)航本身就可以擁有獨(dú)立的容器。
把視覺(jué)范圍擴(kuò)大，想象一下，如果有一個(gè)2D或者3D的大環(huán)境，一個(gè)獨(dú)立的導(dǎo)航容器可以被放置在這個(gè)環(huán)境空間的哪個(gè)地方，就像是一個(gè)主界面，或者是上下相鄰?；蛘呤恰扒懊妗被蛘呤恰昂竺妗钡闹鹘缑妫恳话闱闆r下，一個(gè)簡(jiǎn)單的拖拽或橫掃動(dòng)作就能使這種導(dǎo)航容器出現(xiàn)。不管怎么說(shuō)，這些都可以由您根據(jù)實(shí)際產(chǎn)品情況進(jìn)行設(shè)計(jì)和定義。(閱讀建議：iOS用戶體驗(yàn)分析)
例如，我喜歡在facebook和Gmail應(yīng)用程序中使用側(cè)滑菜單，它很好用。正常情況下，這些菜單都是隱藏的，你只要在界面向右滑動(dòng)，它就會(huì)向右展開(kāi)；這個(gè)模式不僅讓界面在正常狀態(tài)下更加整潔，顯示的內(nèi)容也更加寬廣，而且只需很簡(jiǎn)單的手勢(shì)操作，滑動(dòng)手勢(shì)本身也不需要精確地定位到屏幕的某個(gè)位置。
除導(dǎo)航外，您還可以通過(guò)這種方式呈現(xiàn)與當(dāng)前內(nèi)容相關(guān)的上下文功能。很明顯，在每一項(xiàng)內(nèi)容中插入兩到三個(gè)按鈕是一件很麻煩的事情；按鈕看起來(lái)確實(shí)是可點(diǎn)擊的，但是手勢(shì)在交互效率和趣味性上更好一些，只要點(diǎn)擊兩三次，或者長(zhǎng)時(shí)間按一下，你就能為當(dāng)前內(nèi)容呈現(xiàn)更多的功能。舉例來(lái)說(shuō)，在Instagram上，用戶可以雙擊一個(gè)“贊”或“取消贊”按鈕。