規(guī)則就是用來(lái)打破的?這完全取決于規(guī)則本身。在移動(dòng)應(yīng)用界面設(shè)計(jì)(后續(xù)簡(jiǎn)稱(chēng):移動(dòng)設(shè)計(jì))的世界里,大家對(duì)美學(xué)、手勢(shì)和動(dòng)效的看法略有不同。有時(shí)一個(gè)簡(jiǎn)單的功能性應(yīng)用比華麗的應(yīng)用帶來(lái)的效果更好,而有時(shí)候卻恰恰相反。
不過(guò),有些基本規(guī)則是人們不愿意去打破的。如果你的移動(dòng)設(shè)計(jì)使得用戶(hù)無(wú)法順利觸達(dá)關(guān)鍵功能,這顯然是行不通的。假使你的文字字號(hào)過(guò)小導(dǎo)致沒(méi)人能順利完成閱讀,那么你得回爐重做。淺色背景搭配白色文字?重來(lái)吧。
我們?cè)噲D了解優(yōu)秀的設(shè)計(jì)師們心目當(dāng)中移動(dòng)設(shè)計(jì)的7宗罪是什么。經(jīng)過(guò)垂詢(xún)?nèi)M設(shè)計(jì)專(zhuān)家,我們得到了三個(gè)略有區(qū)別的結(jié)果,看看你是否能從其中找到一致的地方呢。
來(lái)自AKTA的意見(jiàn)
Alyssa Burke與Macy Nguyen是AKTA(一個(gè)數(shù)字體驗(yàn)咨詢(xún)公司)的設(shè)計(jì)師,倆人都曾為財(cái)富500強(qiáng)的公司以及迅速增長(zhǎng)的創(chuàng)業(yè)公司效力,參與過(guò)原生移動(dòng)設(shè)計(jì)項(xiàng)目,為某些機(jī)構(gòu)的頂級(jí)項(xiàng)目貢獻(xiàn)設(shè)計(jì)輸出。以下是他們認(rèn)為無(wú)法接受的移動(dòng)設(shè)計(jì)7宗罪:
1、忽略上下文情境
目標(biāo)用戶(hù)的個(gè)人檔案(年齡、生活習(xí)慣、技術(shù)潛能等)與他們的物理環(huán)境(室內(nèi)室外,在線(xiàn)離線(xiàn),早晨晚上等)會(huì)影響許多設(shè)計(jì)決策。移動(dòng)設(shè)計(jì)師應(yīng)該在迭代流程中 充分考慮上下文因素,以降低可用性不足的風(fēng)險(xiǎn)。即使擁有平滑的過(guò)渡轉(zhuǎn)場(chǎng)、光滑的按鈕和美麗的字體,一些應(yīng)用也會(huì)因?yàn)檎w界面設(shè)計(jì)不符合特定用戶(hù)場(chǎng)景(深色 界面用于戶(hù)外場(chǎng)景:糟糕的移動(dòng)設(shè)計(jì))而失去成名機(jī)會(huì)。
2、閉門(mén)造車(chē)
設(shè)計(jì)和開(kāi)發(fā)數(shù)字產(chǎn)品是一項(xiàng)需要團(tuán)隊(duì)協(xié)作的工作。即使有項(xiàng)目成員(開(kāi)發(fā)、新人、極客、狂熱者、朋友、陌生人、你的哥們兒和設(shè)計(jì)師潮人)對(duì)具體項(xiàng)目?jī)?nèi)容完全不 了解,將設(shè)計(jì)工作及早并及時(shí)推廣到整個(gè)項(xiàng)目周期中的不同角色之間也是非常關(guān)鍵的。我們需要讓他們了解到必要的上下文信息,并持續(xù)保持相關(guān)信息互通。與其在 發(fā)布后修復(fù)問(wèn)題,不如在項(xiàng)目進(jìn)程早期預(yù)留調(diào)整空間。
3、怠慢開(kāi)發(fā)人員
程序員和工程師(以及偶爾酗酒的碼農(nóng))不僅是你的同伴,而且是技術(shù)先導(dǎo)。他們除了知道哪些能夠在現(xiàn)實(shí)中奏效之外,還能夠如你設(shè)想的那般確保你的想法得到完 美落地。有些移動(dòng)設(shè)計(jì)在技術(shù)上行不通,有些或許可行,但這些都需要很多努力或時(shí)間在項(xiàng)目中驗(yàn)證。如果不問(wèn)你或許永遠(yuǎn)無(wú)法確定能否做到。在項(xiàng)目交付時(shí),開(kāi)發(fā) 人員會(huì)把你的設(shè)計(jì)成果實(shí)現(xiàn)出來(lái),此刻,他們可能很欣賞你,也可能很討厭你。
4、低估動(dòng)效設(shè)計(jì)
隨著物聯(lián)網(wǎng)逐步成熟,數(shù)字界面在人們與周?chē)鎸?shí)世界的互動(dòng)中扮演了更重要的角色,界面設(shè)計(jì)的這一部分需要被設(shè)計(jì)師更加慎重的對(duì)待。人類(lèi)擁有與生而來(lái)的本 能,從所處環(huán)境的變化中得到不同的感知與反應(yīng)。使用合理的界面動(dòng)效是一種呈現(xiàn)優(yōu)先級(jí)和重要內(nèi)容的有效方式。在某些情形下的恰當(dāng)運(yùn)用,甚至能夠引發(fā)用戶(hù)的愉 悅。有興趣的讀者可以了解下迪斯尼動(dòng)畫(huà)的12項(xiàng)基本法則。
5、字號(hào)太小
比起紙質(zhì)內(nèi)容,人們?cè)谑謾C(jī)屏幕上進(jìn)行閱讀的精確度和深入度略有不足。正如移動(dòng)設(shè)計(jì)拇指觸控規(guī)則所定義,數(shù)字界面的字號(hào)最少應(yīng)該兩倍于印刷字號(hào)。不同情形適 用不同的字體和設(shè)置,尤其當(dāng)用戶(hù)試圖在移動(dòng)設(shè)備上完成多類(lèi)任務(wù)時(shí)。為了避免字號(hào)太小,還需要優(yōu)先考慮按鈕形狀、圖片及交互等界面元素對(duì)整體體驗(yàn)有何影響。
6、忽略觸控目標(biāo)
許多移動(dòng)設(shè)計(jì)師仍然對(duì)用戶(hù)手指大小不同的現(xiàn)狀缺乏重視。一旦涉及行動(dòng)或者任務(wù)導(dǎo)向的觸控目標(biāo),盡可能的使它簡(jiǎn)單而且容易點(diǎn)擊。為老人設(shè)計(jì)時(shí)要考慮觸控時(shí)的 抖動(dòng)因素,同樣為兒童設(shè)計(jì)時(shí)需要考慮點(diǎn)擊的不準(zhǔn)確性。建議為圖形資源周?chē)黾恿舭讌^(qū)域,以便本質(zhì)上提升觸控面積,幫助提升完成任務(wù)的速度。
7、死摳平臺(tái)規(guī)范
在Android和iOS平臺(tái)上統(tǒng)一一套設(shè)計(jì)方案有一定局限性,也容易對(duì)全局體驗(yàn)?zāi)繕?biāo)帶來(lái)副作用。兩個(gè)平臺(tái)上有各自用戶(hù)熟悉的設(shè)計(jì)模式,設(shè)計(jì)師不應(yīng)該只熟悉規(guī)范,而應(yīng)該探索在兩個(gè)平臺(tái)上流行的應(yīng)用。
來(lái)自Moblico Solutions的意見(jiàn)
我們同Moblico Solutions(一家提供移動(dòng)關(guān)系管理方案的企業(yè),其目標(biāo)是協(xié)助品牌“打造更多有意義的移動(dòng)瞬間”)的一些員工進(jìn)行了交流,他們不僅為諸多行業(yè)客戶(hù)提 供了“如何讓他們的移動(dòng)應(yīng)用體驗(yàn)更棒”的建議,而且掌握移動(dòng)設(shè)計(jì)方面的竅門(mén)。以下是他們認(rèn)為移動(dòng)設(shè)計(jì)的7大禁忌:
1、在用戶(hù)設(shè)備上占用過(guò)多容量只為了體現(xiàn)存在感
當(dāng)用戶(hù)收到“磁盤(pán)空間不夠”的提示時(shí),會(huì)馬上遍歷手機(jī)上已經(jīng)安裝的應(yīng)用并開(kāi)始選擇刪除的對(duì)象。如果一個(gè)移動(dòng)應(yīng)用體積很大,占用了過(guò)多的容量卻并未提供等同的價(jià)值會(huì)怎么樣?后會(huì)有期,用戶(hù)肯定拿你開(kāi)刀。記得保持應(yīng)用在體積上足夠輕量,這樣至少用戶(hù)不會(huì)輕易把你刪掉。
2、在應(yīng)用啟動(dòng)時(shí)及要求允許權(quán)限控制(推送、地理位置、攝像頭等)
回想下,有多少次我們興沖沖的下載一個(gè)應(yīng)用并準(zhǔn)備開(kāi)始使用時(shí),一個(gè)對(duì)話(huà)框立馬跳出來(lái)掃了興?我不關(guān)心這個(gè)對(duì)話(huà)框描述什么內(nèi)容,只想馬上關(guān)掉它并繼續(xù)使用應(yīng)用功能。它是啥?好吧,菜鳥(niǎo)應(yīng)用!
3、下載后在使用前就要求登錄、注冊(cè)甚至收費(fèi)
實(shí)際上,這條或許應(yīng)該排為第一禁忌,很難讓人忍受。你能對(duì)用戶(hù)所做最糟糕的事情就是:在他們下載你的應(yīng)用后告訴他們必須付費(fèi)才能使用。爛,爛,爛,重要的事情說(shuō)三遍,趕緊刪之。
4、設(shè)計(jì)的移動(dòng)應(yīng)用界面看起來(lái)像網(wǎng)頁(yè)
如果這樣,還需要移動(dòng)應(yīng)用干嘛呢?要說(shuō)有一件事情可以毀掉一個(gè)移動(dòng)開(kāi)發(fā)者,那就是把網(wǎng)頁(yè)的體驗(yàn)縮小到移動(dòng)端并且稱(chēng)之為移動(dòng)應(yīng)用。移動(dòng)應(yīng)用應(yīng)該有其具體優(yōu)勢(shì),只提供縮水的網(wǎng)頁(yè)體驗(yàn)遠(yuǎn)不能滿(mǎn)足用戶(hù)期望。
5、粗暴投放廣告,或者只提供極難點(diǎn)擊的廣告關(guān)閉按鈕
當(dāng)你在滾動(dòng)瀏覽移動(dòng)站點(diǎn)時(shí),只是手指不小心長(zhǎng)按了某張圖片就觸發(fā)了瀏覽器廣告,這難道不是讓人煩躁的事情?偏偏還提供極小的關(guān)閉按鈕,誰(shuí)能點(diǎn)得到?想要點(diǎn)擊簡(jiǎn)直跟賭博一樣。嘗試點(diǎn)擊關(guān)閉的時(shí)候還總是因?yàn)槭种赣|控面積較大誤觸了廣告,真是要了命!
6、消息推送過(guò)載
沒(méi)錯(cuò),現(xiàn)在你的應(yīng)用出現(xiàn)在數(shù)百萬(wàn)人的手機(jī)屏幕上,它有巨大的影響力。不過(guò),在推送之前請(qǐng)三思,捫心自問(wèn):推送是否與用戶(hù)相關(guān)?用戶(hù)是否真的需要它?當(dāng)然,你可以在你的移動(dòng)店鋪每次上新時(shí)都推送一下,但真的至于么?影響力越大,責(zé)任也越大,慎重使用消息推送吧。
7、移動(dòng)賬號(hào)缺乏單點(diǎn)登錄支持
當(dāng)移動(dòng)開(kāi)發(fā)者認(rèn)同并尊重用戶(hù)不愿意重復(fù)勞動(dòng)的想法時(shí),最好的體驗(yàn)才可能產(chǎn)生。沒(méi)人愿意為你的應(yīng)用重新登錄一次。我們得接受單點(diǎn)登錄的現(xiàn)行趨勢(shì),F(xiàn)acebook在這點(diǎn)上非常成功,繼續(xù)加油吧。
來(lái)自Ideaware的意見(jiàn)
Andres Max是數(shù)字創(chuàng)新機(jī)構(gòu)Ideaware(致力于幫助創(chuàng)業(yè)團(tuán)隊(duì)和財(cái)富500強(qiáng)的公司打造有競(jìng)爭(zhēng)力的移動(dòng)應(yīng)用)的創(chuàng)始人。在創(chuàng)建Ideaware之前,Max 是Mashable設(shè)計(jì)團(tuán)隊(duì)的 負(fù)責(zé)人。經(jīng)歷過(guò)為眾多行業(yè)巨頭設(shè)計(jì)移動(dòng)產(chǎn)品之后,Max對(duì)移動(dòng)設(shè)計(jì)7宗罪有自己深刻的見(jiàn)解:
1、用戶(hù)點(diǎn)擊后無(wú)反饋
看在上帝的份上,當(dāng)用戶(hù)在你的應(yīng)用中進(jìn)行點(diǎn)擊后請(qǐng)給予及時(shí)的反饋吧,否則用戶(hù)會(huì)以為你的應(yīng)用掛了,并且馬上退出。
2、無(wú)休止的引導(dǎo)
如果使用自己的手機(jī),我只想快速完成相關(guān)任務(wù)。別問(wèn)我各種問(wèn)題或者讓我填寫(xiě)亂七八糟的內(nèi)容。
3、觸控?zé)釁^(qū)尺寸不對(duì)
請(qǐng)停止把按鈕和輸入框做的太小,這不是網(wǎng)頁(yè)。我的手指需要輕松觸及行動(dòng)按鈕,而不是要進(jìn)行精確到像素級(jí)的點(diǎn)擊。
4、使用古怪的導(dǎo)航模式
想讓用戶(hù)可以快速熟悉你的應(yīng)用?那就不要以自己獨(dú)特的方式來(lái)組織導(dǎo)航。Apple的人機(jī)交互規(guī)范和Google的設(shè)計(jì)指南就是最好的參照標(biāo)準(zhǔn)。導(dǎo)航設(shè)計(jì)方面別引入爭(zhēng)議,從而給潛在用戶(hù)一個(gè)卸載應(yīng)用的理由。
5、選取糟糕的配色色系
給眼睛一些休息的空間,你不必采用黃黑色文本那樣的出挑配色。
6、留白
移動(dòng)應(yīng)用需要很多留白空間,把各種視覺(jué)元素進(jìn)行區(qū)分,按鈕得加大處理,所有一切都依靠留白來(lái)提供視覺(jué)緩沖。移動(dòng)端首屏的概念沒(méi)有網(wǎng)頁(yè)那么夸張,所以切忌把所有東西都塞到首屏當(dāng)中。
7、無(wú)休止的推送
為了上帝,請(qǐng)不要每天推送20條消息給用戶(hù)了。用戶(hù)在收到幾條推送后,就會(huì)深深的感覺(jué)到想要卸載應(yīng)用的那股沖動(dòng)。
你心目中的移動(dòng)設(shè)計(jì)7宗罪是什么呢?
盡管不同設(shè)計(jì)師心目中的7宗罪不盡相同,我們依然可以看到不少相似點(diǎn)和共識(shí)。最重要的兩條是:1、除非確有必要,避免推送消息;2、通過(guò)使用符合習(xí)慣與直覺(jué)的導(dǎo)航,以及提供其當(dāng)尺寸的視覺(jué)元素,讓你的移動(dòng)設(shè)計(jì)具備可用性。
我們還能想到的一條是:忽略數(shù)字原型。在原型設(shè)計(jì)階段能夠發(fā)現(xiàn)很多移動(dòng)設(shè)計(jì)問(wèn)題,以及讓它們更具可用性更加出色的寶貴反饋。這也是Proto.io為什么堅(jiān)持提供強(qiáng)大又易用的原型解決方案的原因。