UI設(shè)計中啟動頁的三種設(shè)計類型

　　什么是啟動頁?打開屏幕腦子還沒轉(zhuǎn)就第一眼看到的頁面，就是啟動頁。是不是很含糊?今天AAA教育郭老師就針對UI設(shè)計中啟動頁的三種設(shè)計類型進(jìn)行簡單的說明。
 

　　講的專業(yè)點(diǎn)就是：當(dāng)打開一個應(yīng)用程序時，在應(yīng)用啟動的過程中或在APP打開的過程中所顯示的一個占位符。它存在的目的就是為了讓用戶在等待的過程中忽略這個開啟的過程，其實也就是大家所說的提高了用戶體驗度，降低用戶焦慮感。
 

　　由此可以看出，啟動頁就是一個「過渡頁面」，產(chǎn)品根據(jù)這個應(yīng)用的性能來判斷在程序開啟過程中頁面停留時間的長短，可能有1秒，也可能有3秒。
 

　　那么很多企業(yè)就會利用這個機(jī)會做一個營銷手段，當(dāng)然也有為了用戶體驗而放棄宣傳品牌的產(chǎn)品。所以下面我把啟動頁分為三類，來專門說說它們不同的作用。
 

　　規(guī)范型
 

　　品牌推廣型
 

　　商業(yè)需求型
 

　　規(guī)范型
 

　　什么是規(guī)范型?根據(jù) iOS 和MD 的官方定義來說，啟動頁應(yīng)該是不打擾用戶，利用進(jìn)入應(yīng)用后的第一個界面的框架截圖來做啟動頁，這里的截圖是去掉里面的內(nèi)容的。它的作用就跟上面說的一樣，降低用戶焦慮感。
 

　　如：

 

　　這是新版的Instagram，它的啟動頁面就是首頁的框架，去掉了里面所有的內(nèi)容，除了標(biāo)題。這樣就好像是用戶進(jìn)入了應(yīng)用，它已經(jīng)在加載，感覺非?？焖俚膯恿耍層脩粲X得應(yīng)用性能好，速度快。
 

　　這就是iOS 官方給出的關(guān)于啟動頁的定義展示方式，總結(jié)來說就是兩點(diǎn):
 

　　1. 內(nèi)容盡量的少;
 

　　2. 展現(xiàn)時間盡可能的短;
 

　　這樣做的目的也已經(jīng)很明確，就是改善用戶體驗度。你可能會覺得官方的這些準(zhǔn)則會讓啟動頁看起來顯得乏味無趣。但他們就是這么想的，在他們看來，啟動頁不是讓你展示什么品牌藝術(shù)，而是增強(qiáng)用戶使用產(chǎn)品的感知度。
 

　　但是慢慢的，大多數(shù)人認(rèn)為如果不把這種絕妙的位置利用起來，都覺得對不起祖國的栽培。因此下面就出現(xiàn)了品牌推廣型啟動頁。
 

　　品牌推廣型
 

　　這類啟動頁其實就是在規(guī)范型的基礎(chǔ)上做了一點(diǎn)擴(kuò)展，幫助品牌做一些宣傳。其實在MD的官方定義中，是允許用戶展示具有品牌特色的啟動頁的，但是在 iOS 中明確說明是不允許的，但是，誰管他呢，哈哈哈。通常來說，這類啟動頁會包括LOGO、品牌名稱、Slogan(Slogan更多的是國內(nèi)的APP會加入)這三個元素。
 

　　如：

 

　　淘寶在品牌推廣這塊做的還是相當(dāng)好的，從啟動頁就可以看出確實花了不少心思。這種啟動頁面對于產(chǎn)品而言，可以提高它們的知名度，很好的起到了宣傳的作用。
 

　　有部分App還會把這塊做成一個小動畫，但是褒貶不一，有的人認(rèn)為經(jīng)常出現(xiàn)太煩，也有的人認(rèn)為很炫酷，每次打開都感覺產(chǎn)品很nice。
 

　　在做這類頁面時，要注意風(fēng)格的搭配，不要太突兀，影響了產(chǎn)品整體的視覺效果。雖然這只是一個過渡的頁面，但是它畢竟是用戶打開產(chǎn)品之后看到的第一個畫面，所以還是值得花點(diǎn)心思做的。
 

　　我的建議是，如果沒有商業(yè)需求，有品牌名稱和LOGO就足夠了，代入感也強(qiáng)，不會犯錯。
 

　　商業(yè)需求型
 

　　再來說說商業(yè)需求型的啟動頁，它就是產(chǎn)品利用這塊區(qū)域為商家做廣告，從而獲得收益，這種平時應(yīng)該經(jīng)常會看到。通常這類啟動頁的展示時間在3到5秒不等，是用戶最不喜歡的一種。
 

　　如：

 

　　騰訊新聞是比較典型的一類，它很好的利用了這塊區(qū)域來做廣告。一般的產(chǎn)品是沒辦法做到的，畢竟人家是騰訊，不論是用戶使用量還是品牌知名度，都是業(yè)內(nèi)名列前茅的。但是有注意到么，騰訊新聞會先彈出左邊(上圖)的啟動頁，再彈出右邊(上圖)的廣告，它利用了啟動原則加入了廣告的頁面。讓用戶以為App已經(jīng)可以使用了，其實還需要跳過這個廣告。
 

　　不過也有一些產(chǎn)品也會做這類啟動頁，但是要注意，無論你有什么目的，都不要為了廣告而在啟動頁停留過長時間，這樣不僅會流失用戶，到頭來連商家都不找你了。
 

　　還有些產(chǎn)品，做到了讓人無力吐槽的事情。就是先出現(xiàn)品牌推廣型啟動頁，以為要進(jìn)去首頁了，結(jié)果沒有，出來的是廣告。足足讓我等了6、7秒時間才進(jìn)去。(我果斷卸了)
 

　　有時候在商業(yè)利益和用戶體驗之間確實很難做到平衡，所以一定要慎重。
 

　　總結(jié)
 

　　最后來做個總結(jié)，看看在做啟動頁時要注意哪些事項:
 

　　1. 如果你的產(chǎn)品注重體驗，暫時還沒有商業(yè)需求也不需要做品牌推廣，那墻裂推薦規(guī)范型。
 

　　2. 如果用了品牌推廣型啟動頁，那么一定不要頻繁的更換，要用潛移默化的方式對用戶產(chǎn)生影響，讓用戶深刻記住你的品牌形象。
 

　　3. 如果你的啟動頁被商家購買來做廣告了，那么一定要控制時間，多注意一些好的App是怎么處理的，比如騰訊，在右上角做了跳過廣告。這樣不僅做了廣告，也適當(dāng)提升了用戶體驗。
 

　　4. 啟動頁最好是在產(chǎn)品開啟的時候才出現(xiàn)，某吧錄歌軟件每次在錄完歌之后切換到其他應(yīng)用后，再跳轉(zhuǎn)回來就會出現(xiàn)啟動頁然后再跳轉(zhuǎn)到你之前的頁面，這樣的體驗其實很不好。
 

　　隨著互聯(lián)網(wǎng)的發(fā)展越來越成熟，相信以后會有更多的展示方式，設(shè)計師不僅要站在自己的角度看待問題，還要學(xué)會審視一切可能改變結(jié)果的因素。確保將商業(yè)需求和用戶體驗限定在可控范圍內(nèi)，為產(chǎn)品和用戶做一個更好的溝通橋梁。因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計師的工作相關(guān)的主要技能。如果您想了解更多信息，請訪問AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。