10分鐘,設計完美閃屏(SplashScreen)

閃屏在app 世界里常見到被無視,而當我真正去設計一個閃屏時,才真正體會到《設計心理學2:與復雜共處》中的一個概念:實物的復雜性是平衡的,某方面更簡單,某方面就會更復雜。

本文食譜:

閃屏作用

舉例說明

閃屏設計實操


閃屏的作用

閃屏產(chǎn)生之初,是因為當用戶點擊一個應用后,應用打開會有一個加載過程,而這個過程中程序一直處于“加載中”狀態(tài),這個默認的界面當然對用戶是不友好的,為了讓用戶明白自己已經(jīng)打開了應用,并且“舒適的等待”,應用會使用一張默認圖代替加載過程,而有些應用為了讓自己看起來加載的更快些,會機智采用一張首頁框架圖~

由于閃屏的大量使用,針對閃屏的設計也應運而生,從體驗角度講,盡快打開APP才是正確的處理方法,所以很多APP選擇上述做法,加載一張首頁的框架圖,給用戶“已經(jīng)進去了”的感覺;還有一些APP選擇在這一頁展示自己的Logo和Slogan,樹立品牌印象,提升用戶認知;再有就是無恥的在閃屏頁上加個廣告,雖然會給出“跳過”按鈕,這種做法還是很糟糕~

最后總結起來:閃屏終究是為用戶服務的,以何種形式展現(xiàn),能給用戶和企業(yè)帶來舒適或收益就是好的。

各種類型APP會采用什么形式的閃屏

舉幾個例子簡單說說:

1、一些工具類或者系統(tǒng)自帶的APP,會使用一張應用首頁的框架圖,例如iOS的計算器,閃屏是一張沒有數(shù)字鍵的計算機圖片,這樣看起來就是,我直接打開了計算器,但按鍵里的數(shù)字稍后才出現(xiàn)!

一般需要立即使用, 不被打擾的應用會使用此模式,也就是說“工具型”比較喜歡用。

2、一些體積較大,不一定能迅速打開的應用,會使用Logo和Slogan來樹立品牌印象,如bilibili,QQ,微信等等。

只放Logo和Slogan不放廣告是很舒服的,一般用在以個人為中心的垂直社交平臺(打開過程中不想受打擾,而且一旦打開會一直運行很久),還有一些比起廣告更注重品牌印象的APP中。

3、一些開放性平臺會在閃屏處開一個廣告位,這個東西一直是我很討厭的,就算它們給出了“跳過”。

像微博之類的開放平臺,以廣告為主要變現(xiàn)手段,所有每一寸土地都可以考慮做成廣告位(污),這時候權衡利潤和體驗,當然可以大膽放上廣告,只要給出“跳過”讓用戶感覺到可操控性,再加以良好的設計,就可以盡可能的減輕用戶的反感。

如何設計閃屏

親手設計一個展示Logo和Slogan,有時候還會嵌入廣告的閃屏(SplashScreen)

1.確認需求如題

2. 梳理流程

3、設計邏輯中各動作的時間點

與服務器通訊確定是否有廣告需要時間

加載廣告需要時間

廣告展示時長

獲取廣告超時時間(總不能網(wǎng)絡不好時候讓用戶一直等廣告)

4、如此就設計出了一個微博類型的帶廣告閃屏,下面展示部分PRD:

5、這次也是爬了幾個坑,有兩點需要特殊說明下:

閃屏終究是為用戶服務,能盡快進入應用才是王道(iOS設計規(guī)范之一)

注重邊界和邏輯

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容