關(guān)于App啟動(dòng)頁(yè)的三種設(shè)計(jì)類(lèi)型

這年頭設(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)上葫掉,謝謝你的支持~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末些举,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子俭厚,更是在濱河造成了極大的恐慌户魏,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,888評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挪挤,死亡現(xiàn)場(chǎng)離奇詭異叼丑,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)扛门,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)鸠信,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人论寨,你說(shuō)我怎么就攤上這事星立。” “怎么了葬凳?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,386評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵绰垂,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我火焰,道長(zhǎng)辕坝,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,726評(píng)論 1 297
  • 正文 為了忘掉前任荐健,我火速辦了婚禮,結(jié)果婚禮上琳袄,老公的妹妹穿的比我還像新娘江场。我一直安慰自己,他們只是感情好窖逗,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布址否。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪佑附。 梳的紋絲不亂的頭發(fā)上樊诺,一...
    開(kāi)封第一講書(shū)人閱讀 52,337評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音音同,去河邊找鬼词爬。 笑死,一個(gè)胖子當(dāng)著我的面吹牛权均,可吹牛的內(nèi)容都是我干的顿膨。 我是一名探鬼主播,決...
    沈念sama閱讀 40,902評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼叽赊,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼恋沃!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起必指,我...
    開(kāi)封第一講書(shū)人閱讀 39,807評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤囊咏,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后塔橡,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體梅割,經(jīng)...
    沈念sama閱讀 46,349評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評(píng)論 3 340
  • 正文 我和宋清朗相戀三年谱邪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了炮捧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,567評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡惦银,死狀恐怖咆课,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情扯俱,我是刑警寧澤书蚪,帶...
    沈念sama閱讀 36,242評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站迅栅,受9級(jí)特大地震影響殊校,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜读存,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評(píng)論 3 334
  • 文/蒙蒙 一为流、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧让簿,春花似錦敬察、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,420評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春锐帜,著一層夾襖步出監(jiān)牢的瞬間田盈,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,531評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工缴阎, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留允瞧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,995評(píng)論 3 377
  • 正文 我出身青樓药蜻,卻偏偏與公主長(zhǎng)得像瓷式,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子语泽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 最近在整理做產(chǎn)品以來(lái)收集到的各種資料贸典,準(zhǔn)備針對(duì)app的常見(jiàn)功能模塊總結(jié)下經(jīng)驗(yàn),一來(lái)加深學(xué)習(xí)效果踱卵,二來(lái)供大家學(xué)習(xí)交流...
    jason_peng閱讀 1,696評(píng)論 0 22
  • 本文大綱:1)APP啟動(dòng)頁(yè)的設(shè)計(jì)初衷廊驼;2)APP啟動(dòng)頁(yè)的分類(lèi);3)APP啟動(dòng)頁(yè)的設(shè)計(jì)方法和原則 1 為什么要做啟動(dòng)...
    Tu_衛(wèi)佳閱讀 1,226評(píng)論 1 5
  • 好久不見(jiàn)惋砂,由于換了城市換了工作妒挎,兩個(gè)月零五天沒(méi)有發(fā)布文章,自責(zé)加愧疚加難為情西饵,真心的酝掩,不要笑。我會(huì)反省眷柔,之后會(huì)定期...
    鄒志楠閱讀 8,799評(píng)論 8 69
  • 總結(jié)反思才會(huì)成長(zhǎng)期虾,那就開(kāi)啟設(shè)計(jì)成長(zhǎng)之路吧。 好了驯嘱,今天梳理啟動(dòng)頁(yè)镶苞。提5個(gè)問(wèn)題就能全面地了解啟動(dòng)頁(yè)。 問(wèn)題: 1鞠评、啟...
    閱讀思考再踐行閱讀 989評(píng)論 0 3
  • 著急茂蚓,焦慮,怎么還不給我拉人呢剃幌? 怎么還不給我拉人呢聋涨? 說(shuō)好了拉呢怎么還不拉。 著急死了负乡,焦慮死了 好著急牛郑,好焦慮...
    窗前的小豆豆Y閱讀 41評(píng)論 0 0