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