最近一直在花時(shí)間琢磨各種各樣的app。看得多了，對(duì)于如何設(shè)計(jì)app有了一些自己的小心得，準(zhǔn)備針對(duì)app的常見(jiàn)模塊總結(jié)下自己的想法，以加深學(xué)習(xí)效果。
今天從app的啟動(dòng)頁(yè)開(kāi)始。
一、什么是啟動(dòng)頁(yè)？
每個(gè)做產(chǎn)品的聊起來(lái)啟動(dòng)頁(yè)都頭頭是道，但究竟什么啟動(dòng)頁(yè)很少有人能夠給一個(gè)定義。多數(shù)時(shí)候在解釋不清楚的時(shí)候，我們會(huì)打開(kāi)一個(gè)app，然后指著啟動(dòng)頁(yè)說(shuō)“喏，這就是啟動(dòng)頁(yè)”。贊，漂亮地解決了問(wèn)題。但在這里我還是想要說(shuō)下啟動(dòng)頁(yè)的定義。因?yàn)?，從定義中我們可以看出一個(gè)東西的根本，有利于我們討論如何設(shè)計(jì)它。
啟動(dòng)頁(yè)的定義：
當(dāng)應(yīng)用程序被用戶打開(kāi)時(shí)，在程序啟動(dòng)過(guò)程中被用戶所看到的過(guò)渡頁(yè)面（或動(dòng)畫）都被我們統(tǒng)稱為啟動(dòng)頁(yè)。由于啟動(dòng)頁(yè)在每次打開(kāi)應(yīng)用時(shí)都會(huì)出現(xiàn)，并且往往停留很短的時(shí)間，就像閃現(xiàn)的效果一樣，所以也有人把啟動(dòng)頁(yè)稱之為閃屏。
以上這段定義是參考了網(wǎng)絡(luò)上對(duì)啟動(dòng)頁(yè)的各種描述后的總結(jié)，沒(méi)找到標(biāo)準(zhǔn)的定義或系統(tǒng)設(shè)計(jì)官方的定義（ios人機(jī)交互指南里頁(yè)沒(méi)能搜索到）。個(gè)人覺(jué)得還是比較靠譜的。
二、為什么要有啟動(dòng)頁(yè)？
由定義可以看出，啟動(dòng)頁(yè)的作用在于過(guò)渡。也就是說(shuō)，它是用戶啟動(dòng)和真正能使用app功能的中間階段。那么，必然地，時(shí)間盡可能地短成為了啟動(dòng)頁(yè)的基本要求。讓用戶盡快用上功能才是王道啊。OK，既然應(yīng)該讓用戶最快地使用app的功能，為什么不能沒(méi)有啟動(dòng)頁(yè)呢。當(dāng)然，這是一種非常好的想法，ios人機(jī)交互指南也提到了：
“Start Instantly
It’s often said that people spend no more than a minute or two evaluating a new app. When you make the most of this brief period by presenting useful content immediately, you pique the interest of new users and give all users a superior experience.
快速啟動(dòng)
常言說(shuō)，人們至多花一兩分鐘來(lái)判斷一個(gè)新應(yīng)用。當(dāng)你能夠在最短的時(shí)間內(nèi)向用戶展現(xiàn)有用的內(nèi)容時(shí)，你就勾起了新用戶的興趣，同時(shí)能夠給所用用戶一種卓越的體驗(yàn)。
As much as possible, avoid displaying a splash screen or other startup experience. It’s best when users can begin using your app immediately.”
因此，要盡可能地避免展現(xiàn)一個(gè)啟動(dòng)頁(yè)或其它啟動(dòng)體驗(yàn)。讓用戶立即用上你的應(yīng)用是最好的。
摘錄來(lái)自: Apple Inc. “iOS Human Interface Guidelines”。?
但是，理想很豐滿，現(xiàn)實(shí)很骨感啊。現(xiàn)實(shí)中，產(chǎn)品啟動(dòng)過(guò)程中多數(shù)時(shí)候是需要一定的時(shí)間的，特別大型的app，如繪圖軟件或是游戲，啟動(dòng)的時(shí)間都相對(duì)較長(zhǎng)。此時(shí)，如果不給予用戶合理的反饋，就會(huì)讓用戶覺(jué)得：
1.app是卡死、奔潰了？還是出什么問(wèn)題了？
2.界面難看死了，一看就知道不是啥好app。比如啟動(dòng)頁(yè)是一個(gè)進(jìn)度條。
因此，理論上啟動(dòng)頁(yè)應(yīng)該是一種不存在事物，但卻成為了一種合理的事物。
三、怎么設(shè)計(jì)啟動(dòng)頁(yè)？
既然啟動(dòng)頁(yè)不可避免，那么就應(yīng)該設(shè)計(jì)好它，以給用戶盡量好的體驗(yàn)。在這里要強(qiáng)調(diào)一句，從某種意義上說(shuō)啟動(dòng)頁(yè)是一種不得已的選擇。因此，個(gè)人的觀點(diǎn)是：1.應(yīng)用設(shè)計(jì)上，要讓啟動(dòng)頁(yè)展現(xiàn)的時(shí)間要盡可能地短。2.由于展現(xiàn)時(shí)間短，啟動(dòng)頁(yè)的設(shè)計(jì)要盡可能地簡(jiǎn)單。
以下是幾種常見(jiàn)的啟動(dòng)頁(yè)設(shè)計(jì)模式：
1.設(shè)計(jì)與主界面相似的圖片，給用戶快速啟動(dòng)的感覺(jué)。
這是ibooks的啟動(dòng)頁(yè)。當(dāng)我們?cè)谥髌聊簧宵c(diǎn)擊應(yīng)用程序圖標(biāo)時(shí)會(huì)立即顯示這個(gè)啟動(dòng)圖像。真正啟動(dòng)后界面會(huì)把書展現(xiàn)出來(lái)。但由于啟動(dòng)頁(yè)和真實(shí)界面上非常相似，會(huì)讓你有啟動(dòng)了的錯(cuò)覺(jué)，好像應(yīng)用啟動(dòng)很快。
這種啟動(dòng)頁(yè)設(shè)計(jì)方式好像越來(lái)越少了。
2.使用應(yīng)用logo和slogan作為主元素，傳遞品牌信息。
當(dāng)然，也有更狠的，只放一個(gè)logo，更加簡(jiǎn)潔。但本質(zhì)是相同的。這種模式目前比較普遍。
3.使用意境化啟動(dòng)頁(yè)，引起情感上的共鳴
這種模式的重點(diǎn)在于情感共鳴，其實(shí)設(shè)計(jì)難度是最大的。建議沒(méi)有必然的信心就別嘗試了。
4.使用廣告圖片，賺錢或宣傳其他。
這種模式簡(jiǎn)直了。不知道該說(shuō)啥。而且，很多時(shí)候，為了能夠讓用戶看到廣告圖片。app在設(shè)計(jì)上就故意給啟動(dòng)頁(yè)留了幾秒的時(shí)間。這完全讓啟動(dòng)頁(yè)變味兒了。完全不推薦。除非你不在乎用戶體驗(yàn)或你的應(yīng)用是網(wǎng)易新聞這種級(jí)別的，那你強(qiáng)奸用戶我也沒(méi)啥好說(shuō)的。
5.動(dòng)畫。
這種模式以前見(jiàn)過(guò)，但一下子沒(méi)找到合適的。不貼圖了。同上一種模式一樣，個(gè)人完全不推薦這種模式。完全違背了啟動(dòng)頁(yè)的初衷。屬于強(qiáng)奸用戶。
四、如果我來(lái)設(shè)計(jì)啟動(dòng)頁(yè)，那么：
1.在應(yīng)用設(shè)計(jì)時(shí)，讓啟動(dòng)頁(yè)展現(xiàn)的時(shí)間要盡可能地短。
2.使用應(yīng)用logo和slogan作為主元素，簡(jiǎn)單有效地傳遞品牌信息。要知道，很多公司為了讓自己的logo和slogan能夠出現(xiàn)在用戶面前，不斷加深用戶對(duì)自己的印象，往往花費(fèi)成百上千萬(wàn)只為讓其在種種場(chǎng)景下出現(xiàn)。所以，在自家的應(yīng)用上就不要浪費(fèi)了。每一次啟動(dòng)都是一次印象的加深，都是增加粘性的機(jī)會(huì)。
3.從始至終，盡量用同一個(gè)啟動(dòng)頁(yè)。理由同第二條。
4.始終記住啟動(dòng)頁(yè)只是一個(gè)過(guò)渡，過(guò)渡就意味著應(yīng)該快、不重要，沒(méi)必要花費(fèi)太多的精力在設(shè)計(jì)上（一次就夠了）。
完。
預(yù)告：接下來(lái)會(huì)寫一寫引導(dǎo)頁(yè)。
最近對(duì)粉絲數(shù)比較在乎，歡迎關(guān)注！
我的文章也會(huì)在微信公眾號(hào)中更新，大家可以關(guān)注公眾號(hào)“iamyueshanqiu”來(lái)訂閱。
