最近一直在花時(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)畫(huà)）都被我們統(tǒng)稱(chēng)為啟動(dòng)頁(yè)。由于啟動(dòng)頁(yè)在每次打開(kāi)應(yīng)用時(shí)都會(huì)出現(xiàn)，并且往往停留很短的時(shí)間，就像閃現(xiàn)的效果一樣，所以也有人把啟動(dòng)頁(yè)稱(chēng)之為閃屏。

以上這段定義是參考了網(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ì)把書(shū)展現(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.使用廣告圖片，賺錢(qián)或宣傳其他。

這種模式簡(jiǎn)直了。不知道該說(shuō)啥。而且，很多時(shí)候，為了能夠讓用戶看到廣告圖片。app在設(shè)計(jì)上就故意給啟動(dòng)頁(yè)留了幾秒的時(shí)間。這完全讓啟動(dòng)頁(yè)變味兒了。完全不推薦。除非你不在乎用戶體驗(yàn)或你的應(yīng)用是網(wǎng)易新聞這種級(jí)別的，那你忽視用戶我也沒(méi)啥好說(shuō)的。

5.動(dòng)畫(huà)。

這種模式以前見(jiàn)過(guò)，但一下子沒(méi)找到合適的。不貼圖了。同上一種模式一樣，個(gè)人完全不推薦這種模式。完全違背了啟動(dòng)頁(yè)的初衷。屬于漠視用戶。

四、如果我來(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ì)上（一次就夠了）。

完。

#專(zhuān)欄作家#

岳山丘，微信公眾號(hào)：iamyueshanqiu，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家，慕課網(wǎng)產(chǎn)品經(jīng)理。兜兜轉(zhuǎn)轉(zhuǎn)好多年，一直在教育行業(yè)做產(chǎn)品。初始做內(nèi)容，后來(lái)開(kāi)始做WEB端。關(guān)注在線教育、互聯(lián)網(wǎng)金融（順便賺點(diǎn)小錢(qián)花）。最近一段時(shí)間開(kāi)始研究移動(dòng)APP產(chǎn)品，希望能夠多學(xué)習(xí)一些東西。

本文系作者授權(quán)發(fā)布，未經(jīng)許可，不得轉(zhuǎn)載。