遵循這4步設(shè)計應(yīng)用啟動頁面，讓用戶愛上你的APP

作者： 點擊量： 2015-09-29 15:34:15

       從App Store誕生伊始，蘋果就一直在強調(diào)他們的一個觀念，那就是應(yīng)用的啟動圖像（也就是桌面上所有應(yīng)用在打開時應(yīng)該短暫顯示的一個圖像），必須是一個處于中心位置的圖像，而且不能有其他的東西。如果你仔細閱讀了蘋果的人機界面指南，那么你一定注意到了這一點。
       應(yīng)用的圖像應(yīng)該在iOS屏幕上盡可能的簡潔。這樣的圖像能夠為用戶提供良好的感覺，讓他們覺得你的應(yīng)用響應(yīng)迅速、準確。在打開你的應(yīng)用之后，應(yīng)用的第一屏要立刻代替啟動圖像出現(xiàn)在屏幕上。—蘋果人機界面設(shè)計指南對于應(yīng)用啟動圖像的要求。
       然而現(xiàn)在的問題是，幾乎每一個人，包括我自己，都沒有注意到這個指南對于應(yīng)用啟動圖像設(shè)計的要求。如果你很好奇這個問題究竟有多普遍，你可以看看上圖的例子，或者是關(guān)掉后臺中的所有應(yīng)用進程，并且重新打開這些應(yīng)用。我相信，你會發(fā)現(xiàn)有許多應(yīng)用其實并沒有遵循蘋果的這個要求。
       更糟糕的是，有許多開發(fā)人員其實同意蘋果的這個看法（誰不希望給用戶留下一個響應(yīng)快速、準確的印象呢？），但是在實際的應(yīng)用開發(fā)過程當中，我們很多人都會忽略這個要求，或者只是為第一次使用應(yīng)用的用戶提供了啟動圖像。在我日常的咨詢工作中，我也會發(fā)現(xiàn)許多公司忽略了這個東西，當他們了解到啟動圖像的作用之后，他們都會愛上這個東西。
       一些應(yīng)用開發(fā)人員則了解到了啟動圖像的重要性，他們甚至更進一步，用一些動畫和視頻來代替啟動圖像。2010年的時候，我就用這種方式打造了我的日歷應(yīng)用Free Time。對此，我和我的團隊都感到非常自豪。

Free Time啟動動畫，2011年
       如果你看了視頻，你就會發(fā)現(xiàn)，在打開這個應(yīng)用之后，你會看到一個非常好看的動畫，很多人在第一次看到這個動畫之后，都表示他們非常喜歡它。但是并不是當你每一次打開應(yīng)用的時候，你都會看到那些云彩和那張圖片，然后再過渡到應(yīng)用的主體界面中。雖然這個動畫很可愛，但是用戶看多了馬上就會對它失去興趣。
       商標啟動圖像只會浪費時間，并且阻礙用戶的使用體驗。
       蘋果說的沒錯，我們不應(yīng)該忽略他們的指導，因為那些類似廣告的啟動圖像只有當用戶第一次看到的時候才會讓他們感到有意思。如果每一次啟動應(yīng)用都會看到他們，用戶只會感到厭煩，在最極端的情況下，用戶甚至會放棄繼續(xù)使用這個應(yīng)用。
       這個錯誤，不僅僅是2010年出現(xiàn)的應(yīng)用犯過，甚至是今天出現(xiàn)的應(yīng)用也在犯。例如，F(xiàn)ood Network的最新一次應(yīng)用升級（這個應(yīng)用幾周前剛剛被蘋果推薦過，因此挑挑他們的毛病也不算過分）。
       每一次當你啟動應(yīng)用的時候，都會看到這個視頻（要知道它足足有5秒那么長）！
       在一段時間的使用之后，我甚至開始感覺這個應(yīng)用變慢了，但是我心里其實知道這僅僅是一個錯覺，它其實是一個制作精良的應(yīng)用。而造成這種錯覺的罪魁禍首，就是那段視頻。看看App Store里的用戶評論，你就知道有這種感覺的不僅僅是我一個人而已。上一次我查看的時候，這個應(yīng)用的評分為4.5星，但是評論中有很多人都在抱怨那段視頻是在浪費用戶的時間。
       我們算一個有趣的數(shù)字，這個應(yīng)用平均5.5秒被啟動一次，它的用戶數(shù)量達到了100萬人。就算這些人每周啟動3次這個應(yīng)用，這意味著，在接下來的一年中，這個應(yīng)用將會浪費人類820,000,000秒的時間。換句話說，在未來12個月中，F(xiàn)ood Network的應(yīng)用將會浪費我們總共26年的時間。

為品牌冠名啟動屏幕找到解決方式
       很多年來，我自己也并不是十分在意蘋果的啟動圖像設(shè)計指南，但是如今我已經(jīng)認識到了它的重要性，因為在這份指南中我找到了最好的設(shè)計方式，甚至可以說我進入到了一個全新的世界中。在這個世界里，開發(fā)人員可以展示自己的品牌，而蘋果也能維持良好的應(yīng)用體驗。
       如果你覺得按照以下指南，你只能設(shè)計出無聊的應(yīng)用啟動圖像，你一點錯都沒有。記住，啟動圖像其實無法為你創(chuàng)造更多的機遇，它的作用只是提升用戶的使用體驗，讓他們感覺應(yīng)用的響應(yīng)迅速而準確。—蘋果人機界面設(shè)計指南對于應(yīng)用啟動圖像的要求。
       我們開發(fā)的應(yīng)用啟動動畫, 目的非常明確：
       1 獲得我們需要的用戶授權(quán)（使用設(shè)備日歷和通知功能）
       2 立刻消失（一些應(yīng)用的登錄體驗簡直慢的讓人難以接受）
       3 讓第一次使用應(yīng)用的用戶感到高興，但是嚴格遵守蘋果UX的規(guī)定
       如今的扁平化UI的趨勢，能夠讓應(yīng)用開發(fā)人眼在設(shè)計應(yīng)用啟動圖像和動畫的時候更好的遵守蘋果的人機設(shè)計指南。
       在以前的iOS版本中，擬物化的設(shè)計讓遵守設(shè)計指南變得非常困難。但是如今的扁平化導航欄能夠輕松的通過鋪平整個屏幕，變身為過渡動畫的畫布。而且更好的是，這種過渡一點都不突兀，而且非常自然。
       下圖展示了用戶在打開Free Time之后所看到啟動動畫的過渡：



       制作應(yīng)用啟動圖像或是動畫其實很簡單，只需要遵從以下4步：
       1 如果你的應(yīng)用中有頂部導航欄或是分頁條，你要用純色，然后按照蘋果的規(guī)定創(chuàng)建一個簡潔的啟動圖像。
       2 在第一次啟動的時候，通過動畫效果從上到下擴展導航欄，讓它成為應(yīng)用啟動圖像的“背景畫布”。
       3 在這個界面上展示你的商標，并且向用戶索取授權(quán)，歡迎用戶，然后立刻消失。
       4 通過動畫讓“畫布”變小，重新變成導航欄，然后讓界面過渡到應(yīng)用第一屏。
       如果采取了這樣的設(shè)計，你的用戶將會非常高興，他們根本不會有被打擾到的感覺。同時，他們還會覺得你的應(yīng)用響應(yīng)迅速、準確，然后不斷的使用你的應(yīng)用。

       對你，對用戶，這都是一個雙贏的結(jié)果。

選購指南：
本公司主要為山東地區(qū)的商業(yè)、企業(yè)及個人提供各類定制開發(fā)服務(wù)，如：軟件定制開發(fā)、APP定制開發(fā)、微信定制開發(fā)以及P5業(yè)務(wù)支撐平臺等整體的信息化解決方案，能夠滿足各類大中小型商業(yè)、企業(yè)及個人的需要。

聯(lián)系電話：400-677-0389

如需了解本公司的詳細業(yè)務(wù)情況，敬請訪問本公司官方網(wǎng)站：http://www.motion-stereo.com。

公司名稱：山東森普信息技術(shù)有限公司

公司地址：濟南市高新區(qū)齊魯軟件園C座3樓

公司網(wǎng)址：http://www.motion-stereo.com

業(yè)務(wù)ＱＱ：176099777

聯(lián)系電話：400-677-0389