觸動(dòng)人心:如何設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用
在海量的應(yīng)用里面如何脫穎而出成為了設(shè)計(jì)師們永遠(yuǎn)不變的話題,今天從用戶使用的角度給大家介紹一下如何設(shè)計(jì)一款優(yōu)秀的iphone應(yīng)用。
用戶是如何使用iPhone應(yīng)用的
啊!美麗的夢(mèng)!溫情的iPhone應(yīng)用設(shè)計(jì)師的美夢(mèng)!每當(dāng)用戶沉浸于他設(shè)計(jì)的應(yīng)用之中時(shí),設(shè)計(jì)師就像夢(mèng)見(jiàn)自己沐浴著陽(yáng)光在漫步。我們的指尖在屏幕上滑動(dòng)、點(diǎn)擊、縮放、旋轉(zhuǎn)、輕拂,就像芭蕾舞女那優(yōu)美的腳步。我們很快就理解了屏幕上的每個(gè)圖標(biāo)、每個(gè)點(diǎn)擊的含義;我們很快就看到了每個(gè)按鈕;我們很快就能駕馭iPhone所有的變化和手勢(shì)。我們了解應(yīng)用,因?yàn)槲覀儗W(xué)著如何使用并沉浸于其中,就像應(yīng)用設(shè)計(jì)師一樣。
可惜,唉,故事純屬虛構(gòu)。冷酷的事實(shí)是,大多數(shù)人完全不認(rèn)真思考也沒(méi)必要認(rèn)真思考應(yīng)用的設(shè)計(jì)。最佳的應(yīng)用設(shè)計(jì)是看不見(jiàn)的,操作本身看起來(lái)就是退回到幕后,而把用戶的任務(wù)或是娛樂(lè)擺到前面的中心地位。創(chuàng)建這樣簡(jiǎn)捷而有效的設(shè)計(jì)真是臺(tái)上十分鐘,臺(tái)下十年功。但是移動(dòng)用戶的習(xí)慣卻讓這樣的設(shè)計(jì)高度變得舉足輕重。
大家一般不會(huì)在應(yīng)用上花太多時(shí)間。迅速點(diǎn)擊屏幕,無(wú)心去探索所有的細(xì)節(jié),而后切換至其他的應(yīng)用。他們?cè)?span id="k6zqhab033oa" class="nounderline" style="text-decoration: none; color: rgb(0, 0, 0); border-bottom: 1px dashed rgb(102, 102, 102); padding-bottom: 1px;">跑步機(jī)上、車(chē)?yán)?,甚至在超市里使用iPhone 應(yīng)用。他們只會(huì)瞄一眼屏幕,因?yàn)樗麄冞€需顧及周邊變幻多端的環(huán)境——前面的路、表格里的日期還有今晚的電視真人秀。他們并不知道所有的標(biāo)準(zhǔn)觸屏手勢(shì),也沒(méi)有興致去學(xué)習(xí)新手勢(shì)。這等于你精才鼎沸的大千世界進(jìn)行著一場(chǎng)激烈的斗爭(zhēng)。我們稱(chēng)之為人類(lèi)學(xué)接觸(Humancontact)。即使有人全神貫注地把玩你的應(yīng)用,也可能是在擁擠的地鐵、嘈雜的餐館或是客廳里,隨時(shí)會(huì)被打斷。也就是說(shuō),人們只用一只手操作你的應(yīng)用,只用一只眼睛看屏幕,只用一部分注意力在你精心雕琢的界面上,這和作為設(shè)計(jì)師的你所看到的應(yīng)用可完全不同。
這個(gè)模糊版的應(yīng)用讓大家要引以為戒。你應(yīng)該更加小心地排布好屏幕上的信息。使用漂亮、大而醒目的視覺(jué)風(fēng)格,并減少輸入。下一章,我們會(huì)談及這些話題。另外,受眾啟動(dòng)應(yīng)用的時(shí)間和地點(diǎn),也同樣會(huì)告訴你,他們的使用方式。
盡快搞定
移動(dòng)環(huán)境使用戶不能集中精神,用戶在這樣的環(huán)境中使用iPhone,使用的過(guò)程會(huì)被切成一段一段的,見(jiàn)縫插針于其他活動(dòng)中。當(dāng)一個(gè)朋友邀你周六去溜旱冰的時(shí)候,你停下話語(yǔ),將相約好的地點(diǎn)輸入到日歷中,然后立刻繼續(xù)交談。當(dāng)你正在郵局排號(hào),叫到號(hào)之前的幾分鐘,你查了查郵件,看了看Twitter,還有你喜歡的網(wǎng)站。就是這樣開(kāi)開(kāi)關(guān)關(guān)。
優(yōu)秀的應(yīng)用能將其自身融入用戶繁忙的日程中。這就需要關(guān)注界面的效率,盡量只需一兩下點(diǎn)擊即能搞定。當(dāng)然,這也需要在視覺(jué)上做減法。環(huán)境處處令人分心,你不能期望大家花時(shí)間和精力去學(xué)習(xí)界面。
當(dāng)然凡事都有例外。有些人會(huì)花上幾個(gè)小時(shí)的時(shí)間沉溺于游戲中。還有些人會(huì)長(zhǎng)時(shí)間全神貫注地閱讀小說(shuō)電子書(shū),或是將一些想法記錄在備忘錄中。但是,游戲、電子書(shū)閱讀器、備忘錄等應(yīng)用,同樣的人,可能在下一次只會(huì)匆匆花上30秒時(shí)間來(lái)使用。這就意味著,對(duì)于這種使用周期較長(zhǎng)的應(yīng)用,也需要為快速點(diǎn)擊進(jìn)行深入的交互和設(shè)計(jì)。(從32頁(yè)開(kāi)始,你會(huì)了解到大家在使用移動(dòng)應(yīng)用時(shí),不同的心態(tài)。)
你準(zhǔn)備搞個(gè)控制飛機(jī)的應(yīng)用。
滿滿一箱工具,你只是其中的一把
用戶如此匆忙,他們要急著去干嘛?原來(lái)用戶常常是急著切換到另一款應(yīng)用中去。當(dāng)在埋頭設(shè)計(jì)你自己的應(yīng)用時(shí),很自然地會(huì)全心關(guān)注你的應(yīng)用,也會(huì)很自然地以為你的用戶也會(huì)全神貫注地使用你的應(yīng)用:可如果是這樣的話,那就不會(huì)是iPhone了,而只會(huì)是一個(gè)超級(jí)無(wú)敵記事本。你自己作為一個(gè)iPhone用戶,應(yīng)該更 清楚這點(diǎn)。所有的應(yīng)用只是一出長(zhǎng)戲之中,眾多角色之一罷了。而你也不是這出戲的導(dǎo)演。不僅用戶會(huì)跳到其他應(yīng)用中去,其他的應(yīng)用也會(huì)通過(guò)推送通知來(lái)打斷你應(yīng)用的運(yùn)行。電話隨時(shí)都會(huì)打來(lái),短信時(shí)刻都會(huì)彈出,用戶還可能希望能將你應(yīng)用中的內(nèi)容復(fù)制到其他應(yīng)用中,或者復(fù)制回來(lái)。也就是說(shuō),作為應(yīng)用的設(shè)計(jì)師,必須去想象你的應(yīng)用不是孤立的,而是與眾應(yīng)用皆為鄰里。你的應(yīng)用也隨之和其他應(yīng)用共享手機(jī)空間,互相傳遞信息,偶爾還會(huì)相互爭(zhēng)斗。
參考書(shū)目
用戶iPhone里的應(yīng)用多如牛毛,這也告訴了你,必須清楚地認(rèn)識(shí)到你的應(yīng)用所扮演的角色。完美的應(yīng)用只專(zhuān)注一項(xiàng)工作。你應(yīng)用的構(gòu)想越天馬行空,你的受眾就會(huì)越搞不清楚什么時(shí)候該用你的應(yīng)用。要把iPhone想象成是一個(gè)裝著各種各樣工具的工具箱。“工具各盡其職”。你要假設(shè)大家會(huì)有很多其他的工具,這就是說(shuō),你的應(yīng)用不用把所有事情做完。選擇好其中一件事,集中精力,然后設(shè)法把你的應(yīng)用簡(jiǎn)化到夠用就好,接著改進(jìn),不斷地改進(jìn)。在下一章,你會(huì)學(xué)到如何讓你的應(yīng)用做好一件事。
無(wú)聊了,變卦了,于是換了
當(dāng)你的應(yīng)用得與其他應(yīng)用和諧共存時(shí),有時(shí)也須與其競(jìng)爭(zhēng)。iPhone用戶走馬觀花,會(huì)嘗鮮很多應(yīng)用,能忠實(shí)留下的極少。要是你的應(yīng)用沒(méi)法滿足他們的興趣,他們會(huì)毫不留情地?fù)Q另一款應(yīng)用。這也意味著他們不會(huì)向朋友介紹你的應(yīng)用(和口碑營(yíng)銷(xiāo)說(shuō)拜拜吧)。面對(duì)現(xiàn)實(shí)吧,用戶對(duì)于應(yīng)用的關(guān)注來(lái)得快去得也快,你必須盡一切努力提高用戶體驗(yàn)去滿足用戶需求。若沒(méi)能給用戶留下良好的第一印象,大部分用戶是不會(huì)回頭的。應(yīng)用的用戶都很喜歡嘗鮮。他們每個(gè)月大約下載10款應(yīng)用,但是下載之后很少會(huì)經(jīng)常使用或長(zhǎng)期使用。研究顯示,一般用戶啟動(dòng)一款應(yīng)用不超過(guò)20次就會(huì)刪了它。下 載下來(lái)的近15%的應(yīng)用在手機(jī)上熬不過(guò)一周,只有三分之一的應(yīng)用在購(gòu)買(mǎi)后的兩個(gè)月,還會(huì)繼續(xù)被使用。在排名靠后的應(yīng)用中,有些應(yīng)用雖然熱門(mén),但是靠噱頭吸引用戶(比如播放放屁聲音、編造的IQ測(cè)試、鈴聲),沒(méi)玩幾次,用戶就會(huì)刪除。
如果你就是想開(kāi)發(fā)個(gè)圖新鮮的應(yīng)用,那對(duì)你可能沒(méi)什么影響,你或許原本就預(yù)料到你的應(yīng)用只會(huì)被人們玩上那么幾次。傳遞了笑聲,任務(wù)也就達(dá)到了。然而如果你想讓你的應(yīng)用下載量持續(xù)增長(zhǎng)的話,這里有個(gè)壞消息:根據(jù)某調(diào)查顯示,有近一半的應(yīng)用是因朋友推薦而下載的。忠實(shí)的用戶一傳十,十傳百,但很少有應(yīng)用能夠擁有龐大的粉絲團(tuán)。
雙擊、縮放、旋轉(zhuǎn),這都是啥?
如果你是個(gè)iPhone專(zhuān)家,挖掘了iPhone所有的角落功能,這有個(gè)頭條新聞:大部分人其實(shí)并不和你一樣?;c(diǎn)時(shí)間接觸一下普通的iPhone用戶吧(如果想要驚喜,可以回頭看看iPhone新手),看看他們對(duì)標(biāo)準(zhǔn)iPhone控件和特殊的觸屏手勢(shì)單擊、輕拂、滑動(dòng)是如何的一知半解。iPhone的觸屏可是一大革命,這個(gè)創(chuàng)新讓iPhone的使用變得易如反掌。所以用戶對(duì)觸屏手勢(shì)也頗感興趣。確實(shí),即使是第一次使用iPhone的用戶也能立刻發(fā)現(xiàn)這顯而易見(jiàn)的物理隱喻:滑動(dòng)屏幕、點(diǎn)擊按鈕、輕拂數(shù)字輪盤(pán)、拖拽地圖。你可以完全放心地依賴這些交互,因?yàn)樗麄兒驼鎸?shí)世界中的物體運(yùn)作得一模一樣。一拖拽就能移動(dòng),一點(diǎn)擊就會(huì)按下。
一旦你開(kāi)始翹尾巴,不限于使用單擊和滑動(dòng),你就開(kāi)始背離群眾了。即使是有些標(biāo)準(zhǔn)的內(nèi)置手勢(shì),也有大批人不知道也從沒(méi)使用過(guò)。尤其是需要不止一根手指的多點(diǎn)觸摸手勢(shì)。測(cè)試發(fā)現(xiàn),很多iPhone用戶 提到多點(diǎn)觸摸時(shí),感覺(jué)其難以操作,甚至連標(biāo)準(zhǔn)的雙指放大縮小的手勢(shì)都覺(jué)得如此。所以,要盡可能選擇使用單手指操作,例如用雙擊來(lái)放大地圖。忠告各位,你的應(yīng)用最好要為單手操作優(yōu)化。(你會(huì)在58頁(yè)學(xué)到更多關(guān)于如何為單手優(yōu)化的知識(shí)。)
當(dāng)然,由于手勢(shì)并沒(méi)有展現(xiàn)在界面上,也沒(méi)帶著標(biāo)簽,所以它尤其讓用戶捉摸不清,也不易發(fā)現(xiàn)。舉個(gè)例子,在內(nèi)置的“地圖”應(yīng)用中,即使是自稱(chēng)專(zhuān)家的用戶也常常難以用雙指縮小地圖。另外,用戶也難以發(fā)現(xiàn)橫屏模式。例如在“股市”應(yīng)用中,用戶就從未想過(guò)旋轉(zhuǎn)屏幕可以查看操作圖表。無(wú)論你應(yīng)用里的手勢(shì)有多簡(jiǎn)單、多標(biāo)準(zhǔn)、多一致,你也不能自認(rèn)為這些手勢(shì)會(huì)被人發(fā)現(xiàn)。只把手勢(shì)作為一種完成某個(gè)操作的快捷方式,并確保這個(gè)操作能夠以另外一種(雖說(shuō)效率一般會(huì)更低些)方式完成,這樣人們總有辦法完成任務(wù)。你會(huì)在第8章看到關(guān)于手勢(shì)更深入的討論,還有第9章關(guān)于設(shè)備旋轉(zhuǎn)的討論。
我們可以諒解用戶不能立刻意會(huì)手勢(shì),因?yàn)楫吘顾鼈兪强床灰?jiàn)的??墒牵脩暨B帶標(biāo)簽的圖標(biāo)和按鈕都可能認(rèn)不出來(lái)。你的應(yīng)用的新手可能對(duì)圖標(biāo)和按鈕的意義難以理解。這種情況還不只會(huì)發(fā)生在自定義的圖標(biāo)上。 甚至有些內(nèi)置應(yīng)用里所用的一致的圖標(biāo),在他們單有圖標(biāo)沒(méi)有標(biāo)簽的時(shí)候,用戶一時(shí)半會(huì)兒也會(huì)難以理解。
笨手笨“指”
手指是一項(xiàng)輝煌的工程發(fā)明,它能出色地掌管各種事兒:一根手指能測(cè)量風(fēng)向,能在墻壁上挖洞,能測(cè)量溫度,甚至能指揮一架電梯??恐付菍???墒?,手指在精細(xì)的觸屏上交互卻十分笨拙。觸屏筆或是鼠標(biāo)指針能夠很輕易地在一兩像素之間點(diǎn)擊所想的目標(biāo)。相比之下,手指就不靈便了。這個(gè)笨拙的工具,每次點(diǎn)擊都會(huì)點(diǎn)到一大片像素,更糟糕的是,手指還會(huì)遮擋住屏幕:當(dāng)你的手指艱難地在屏幕上操作時(shí),甚至連所指的東西都被手指遮住了。
再加上用戶的匆忙、心神意亂,麻煩就大了。沒(méi)找著按鈕;點(diǎn)錯(cuò)了地方;或是本想滾屏,卻劃多了,點(diǎn)到了底部的圖標(biāo)上。如果你在iPhone屏幕上多放幾個(gè)可點(diǎn)擊的項(xiàng)目,用戶遲早會(huì)不小心點(diǎn)錯(cuò)。想要設(shè)計(jì)好觸摸操作,就需要仔細(xì)認(rèn)真地工作,并關(guān)注人類(lèi)工程學(xué)(人類(lèi)工程學(xué)對(duì)很多軟件設(shè)計(jì)師來(lái)說(shuō)還是個(gè)新鮮學(xué)科)。你會(huì)在第3章看到更進(jìn)一步的討論。
那,難道我要為笨蛋而設(shè)計(jì)?
煩躁、三心二意、笨手笨“指”、變卦無(wú)常、無(wú)趣、一知半解,這些辭藻未必是用來(lái)形容理想用戶的。和你一樣,iPhone用戶也不傻的。可能你正點(diǎn)擊著鐘愛(ài)的設(shè)備的時(shí)候,剛才那些辭藻很多卻是在描述你。埋頭玩弄iPhone不見(jiàn)得是我們唯一可做的事。我們固有的iPhone使用習(xí)慣很自然地繼承了移動(dòng)應(yīng)用的理念,這個(gè)理念就是在行走中將事情搞定。這種理念只有在設(shè)備足夠易用,不再費(fèi)神之時(shí),才能得到貫徹。
那還費(fèi)啥勁?如果大多數(shù)人從不會(huì)下意識(shí)地關(guān)注你的設(shè)計(jì),如果他們根本不留心甚至不在乎你的設(shè)計(jì),那么設(shè)計(jì)有什么用?為何我們含辛茹苦地推敲細(xì)節(jié),而用戶卻熟視無(wú)睹?如果(像你我一樣的)用戶那么漠不關(guān)心你的界面,那么答案就是我們只要做個(gè)簡(jiǎn)化的界面,是吧?
其實(shí):漠不關(guān)心≠簡(jiǎn)化。
別人并不想要簡(jiǎn)化你的應(yīng)用;他們想要的是簡(jiǎn)單易用。我們都只是想用iPhone來(lái)工作、學(xué)習(xí)、交流。優(yōu)秀的應(yīng)用是透明的,它不會(huì)擋住我們的去路。優(yōu)秀的應(yīng)用不會(huì)讓我們思考——至少不會(huì)讓我們思考該如何使用。優(yōu)秀的應(yīng)用不會(huì)讓我們感覺(jué)任務(wù)復(fù)雜,優(yōu)秀的應(yīng)用會(huì)讓我們事半功倍。點(diǎn)擊“起飛”按鈕,飛機(jī)就飛起;點(diǎn)擊“降落”按鈕,飛機(jī)就會(huì)降落。
要做到簡(jiǎn)單、易用是困難的。但簡(jiǎn)單、易用是一個(gè)優(yōu)秀設(shè)計(jì)的品質(zhì)保障。很可惜,用戶總是報(bào)“憂”不報(bào)“喜”。他們吹毛求疵,小小的屏幕卻放大了界面上的問(wèn)題 。所以啊,你真的需要含辛茹苦地推敲細(xì)節(jié)。你的任務(wù)就是在用戶體驗(yàn)設(shè)計(jì)的過(guò)程中,確保每一張頁(yè)面、每一個(gè)行為都能傳遞欣喜,提高效率并能達(dá)到目標(biāo),讓每個(gè)元素都能觸動(dòng)人心。