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