這年頭設(shè)計(jì)一個(gè)App越來(lái)越有講究又活,大到一個(gè)框架,小到一個(gè)按鈕锰悼,很多時(shí)候一個(gè)拿捏不好,就會(huì)失去所謂的用戶了团赏。怕不怕箕般?反正我是怕的,哈哈~
今天跟大家來(lái)講講啟動(dòng)頁(yè)舔清。什么是啟動(dòng)頁(yè)丝里?打開(kāi)屏幕腦子還沒(méi)轉(zhuǎn)就第一眼看到的頁(yè)面,就是啟動(dòng)頁(yè)体谒。是不是很含糊杯聚?
講的專(zhuān)業(yè)點(diǎn)就是:當(dāng)打開(kāi)一個(gè)應(yīng)用程序時(shí),在應(yīng)用啟動(dòng)的過(guò)程中或在APP打開(kāi)的過(guò)程中所顯示的一個(gè)占位符抒痒。它存在的目的就是為了讓用戶在等待的過(guò)程中忽略這個(gè)開(kāi)啟的過(guò)程幌绍,其實(shí)也就是大家所說(shuō)的提高了用戶體驗(yàn)度,降低用戶焦慮感故响。
由此可以看出傀广,啟動(dòng)頁(yè)就是一個(gè)過(guò)渡頁(yè)面,產(chǎn)品根據(jù)這個(gè)應(yīng)用的性能來(lái)判斷在程序開(kāi)啟過(guò)程中頁(yè)面停留時(shí)間的長(zhǎng)短彩届,可能有1秒伪冰,也可能有3秒。那么很多企業(yè)就會(huì)利用這個(gè)機(jī)會(huì)做一個(gè)營(yíng)銷(xiāo)手段樟蠕,當(dāng)然也有為了用戶體驗(yàn)而放棄宣傳品牌的產(chǎn)品贮聂。所以下面我把啟動(dòng)頁(yè)分為三類(lèi)靠柑,來(lái)專(zhuān)門(mén)說(shuō)說(shuō)它們不同的作用。
規(guī)范型
品牌推廣型
商業(yè)需求型
規(guī)范型
什么是規(guī)范型吓懈?根據(jù)IOS和MD的官方定義來(lái)說(shuō)病往,啟動(dòng)頁(yè)應(yīng)該是不打擾用戶,利用進(jìn)入應(yīng)用后的第一個(gè)界面的框架截圖來(lái)做啟動(dòng)頁(yè)骄瓣,這里的截圖是去掉里面的內(nèi)容的停巷。它的作用就跟上面說(shuō)的一樣,降低用戶焦慮感榕栏。如:這是新版的Instagram畔勤,它的啟動(dòng)頁(yè)面就是首頁(yè)的框架,去掉了里面所有的內(nèi)容扒磁,除了標(biāo)題庆揪。這樣就好像是用戶進(jìn)入了應(yīng)用,它已經(jīng)在加載妨托,感覺(jué)非掣组唬快速的啟動(dòng)了,讓用戶覺(jué)得應(yīng)用性能好兰伤,速度快内颗。這就是IOS官方給出的關(guān)于啟動(dòng)頁(yè)的定義展示方式,總結(jié)來(lái)說(shuō)就是兩點(diǎn):
1.內(nèi)容盡量的少敦腔;
2.展現(xiàn)時(shí)間盡可能的短均澳;
這樣做的目的也已經(jīng)很明確,就是改善用戶體驗(yàn)度符衔。你可能會(huì)覺(jué)得官方的這些準(zhǔn)則會(huì)讓啟動(dòng)頁(yè)看起來(lái)顯得乏味無(wú)趣找前。但他們就是這么想的,在他們看來(lái)判族,啟動(dòng)頁(yè)不是讓你展示什么品牌藝術(shù)躺盛,而是增強(qiáng)用戶使用產(chǎn)品的感知度。但是慢慢的形帮,大多數(shù)人認(rèn)為如果不把這種絕妙的位置利用起來(lái)槽惫,都覺(jué)得對(duì)不起祖國(guó)的栽培。因此下面就出現(xiàn)了品牌推廣型啟動(dòng)頁(yè)沃缘。
品牌推廣型
這類(lèi)啟動(dòng)頁(yè)其實(shí)就是在規(guī)范型的基礎(chǔ)上做了一點(diǎn)擴(kuò)展躯枢,幫助品牌做一些宣傳。其實(shí)在MD的官方定義中槐臀,是允許用戶展示具有品牌特色的啟動(dòng)頁(yè)的锄蹂,但是在IOS中明確說(shuō)明是不允許的,但是水慨,誰(shuí)管他呢得糜,哈哈哈敬扛。通常來(lái)說(shuō),這類(lèi)啟動(dòng)頁(yè)會(huì)包括LOGO朝抖、品牌名稱啥箭、Slogan(Slogan更多的是國(guó)內(nèi)的APP會(huì)加入)這三個(gè)元素。如:
淘寶在品牌推廣這塊做的還是相當(dāng)好的治宣,從啟動(dòng)頁(yè)就可以看出確實(shí)花了不少心思急侥。這種啟動(dòng)頁(yè)面對(duì)于產(chǎn)品而言,可以提高它們的知名度侮邀,很好的起到了宣傳的作用坏怪。
有部分App還會(huì)把這塊做成一個(gè)小動(dòng)畫(huà),但是褒貶不一绊茧,有的人認(rèn)為經(jīng)常出現(xiàn)太煩铝宵,也有的人認(rèn)為很炫酷,每次打開(kāi)都感覺(jué)產(chǎn)品很nice华畏。在做這類(lèi)頁(yè)面時(shí)鹏秋,要注意風(fēng)格的搭配,不要太突兀亡笑,影響了產(chǎn)品整體的視覺(jué)效果侣夷。雖然這只是一個(gè)過(guò)渡的頁(yè)面,但是它畢竟是用戶打開(kāi)產(chǎn)品之后看到的第一個(gè)畫(huà)面况芒,所以還是值得花點(diǎn)心思做的惜纸。
我的建議是,如果沒(méi)有商業(yè)需求绝骚,有品牌名稱和LOGO就足夠了,代入感也強(qiáng)祠够,不會(huì)犯錯(cuò)压汪。
商業(yè)需求型
再來(lái)說(shuō)說(shuō)商業(yè)需求型的啟動(dòng)頁(yè),它就是產(chǎn)品利用這塊區(qū)域?yàn)樯碳易鰪V告古瓤,從而獲得收益止剖,這種平時(shí)應(yīng)該經(jīng)常會(huì)看到。通常這類(lèi)啟動(dòng)頁(yè)的展示時(shí)間在3到5秒不等落君,是用戶最不喜歡的一種穿香。如:
騰訊新聞是比較典型的一類(lèi),它很好的利用了這塊區(qū)域來(lái)做廣告绎速。一般的產(chǎn)品是沒(méi)辦法做到的皮获,畢竟人家是騰訊,不論是用戶使用量還是品牌知名度纹冤,都是業(yè)內(nèi)名列前茅的洒宝。但是有注意到么购公,騰訊新聞會(huì)先彈出左邊(上圖)的啟動(dòng)頁(yè),再?gòu)棾鲇疫叄ㄉ蠄D)的廣告雁歌,它利用了啟動(dòng)原則加入了廣告的頁(yè)面宏浩。讓用戶以為App已經(jīng)可以使用了,其實(shí)還需要跳過(guò)這個(gè)廣告靠瞎。
不過(guò)也有一些產(chǎn)品也會(huì)做這類(lèi)啟動(dòng)頁(yè)比庄,但是要注意,無(wú)論你有什么目的乏盐,都不要為了廣告而在啟動(dòng)頁(yè)停留過(guò)長(zhǎng)時(shí)間佳窑,這樣不僅會(huì)流失用戶,到頭來(lái)連商家都不找你了丑勤。還有些產(chǎn)品华嘹,做到了讓人無(wú)力吐槽的事情。就是先出現(xiàn)品牌推廣型啟動(dòng)頁(yè)法竞,以為要進(jìn)去首頁(yè)了耙厚,結(jié)果沒(méi)有,出來(lái)的是廣告岔霸。足足讓我等了6薛躬、7秒時(shí)間才進(jìn)去。(我果斷卸了)有時(shí)候在商業(yè)利益和用戶體驗(yàn)之間確實(shí)很難做到平衡呆细,所以一定要慎重型宝。
總結(jié)
最后來(lái)做個(gè)總結(jié),看看在做啟動(dòng)頁(yè)時(shí)要注意哪些事項(xiàng):
1.如果你的產(chǎn)品注重體驗(yàn)絮爷,暫時(shí)還沒(méi)有商業(yè)需求也不需要做品牌推廣趴酣,那墻裂推薦規(guī)范型。
2.如果用了品牌推廣型啟動(dòng)頁(yè)坑夯,那么一定不要頻繁的更換岖寞,要用潛移默化的方式對(duì)用戶產(chǎn)生影響,讓用戶深刻記住你的品牌形象柜蜈。
3.如果你的啟動(dòng)頁(yè)被商家購(gòu)買(mǎi)來(lái)做廣告了仗谆,那么一定要控制時(shí)間,多注意一些好的App是怎么處理的淑履,比如騰訊隶垮,在右上角做了跳過(guò)廣告。這樣不僅做了廣告秘噪,也適當(dāng)提升了用戶體驗(yàn)狸吞。
4.啟動(dòng)頁(yè)最好是在產(chǎn)品開(kāi)啟的時(shí)候才出現(xiàn),某吧錄歌軟件每次在錄完歌之后切換到其他應(yīng)用后,再跳轉(zhuǎn)回來(lái)就會(huì)出現(xiàn)啟動(dòng)頁(yè)然后再跳轉(zhuǎn)到你之前的頁(yè)面捷绒,這樣的體驗(yàn)其實(shí)很不好瑰排。
隨著互聯(lián)網(wǎng)的發(fā)展越來(lái)越成熟,相信以后會(huì)有更多的展示方式暖侨,設(shè)計(jì)師不僅要站在自己的角度看待問(wèn)題椭住,還要學(xué)會(huì)審視一切可能改變結(jié)果的因素。確保將商業(yè)需求和用戶體驗(yàn)限定在可控范圍內(nèi)字逗,為產(chǎn)品和用戶做一個(gè)更好的溝通橋梁京郑。
以上為本期內(nèi)容,為你獻(xiàn)上葫掉,謝謝你的支持~~