App 為什麼要有啟動頁(Splash screen)?

現在絕大部分手機app啟動的時候都會在啟動頁停留不到3秒的樣子,為什麼要有這樣的設計?


實際上,並不是所有的應用都需要有閃屏。

甚至在 iOS 人機交互手冊里,Apple 建議開發者盡最大努力不要展示閃屏。

(As much as possible, avoid displaying a splash screen or other startup experience.)

但是為什麼現在閃屏滿天飛呢?

首先,在最最初的時候,『閃屏』被發明的初衷是:對於一些啟動時需要花很多時間進行初始化(比如從網路拉取數據填充首頁……)的應用,開發者希望避免展示一個空的頁面給用戶。

後來,開發者紛紛打起了這一小塊空白時間的算盤,意識到其實可以更充分的利用:比如品牌性格展示(微信這種)、節假日營銷(QQ等,過節換換圖片增加親切感)、甚至廣告展示……

再後來,很多本來可以不需要閃屏的應用,有些因為慣性,有些可能為了能有一塊可以營銷的大廣告位,也跟風紛紛搞起來閃屏……


3秒不是絕對。

1.最早iphone配置較低,啟動程序,就盡量控制到三秒以內。

2.後來大家都喜歡在splash家一些凸顯產品調性的東西,為了方便閱讀,也有可能會有3秒

3.當然,你可以為了極致的體驗和快速,把時間縮短,一切都在你的控制之中啊.

4.就像windows和ios系統一樣,啟動的時候需要一定時間才能載入完成,從交互設計的角度來說,需要給予用戶「反饋」,即系統在這個階段是如何響應了用戶的行為,並且現在的狀態是什麼。


1.Windows Phone沒有在返回後台應用時閃屏

取而代之的是幾個代表進度條的小圓點,以及一句"正在載入"

因此被黑慘了……

這說明什麼? 所謂的"閃屏"其實是一種欺騙用戶的手段。掩蓋應用啟動"比較慢"的事實。

Windows Phone經常把大內存佔用的任務給墓碑掉(凍結後不是存在內存,而是在NAND里去),所以恢復是比較慢。。。

2.閃屏該不該要?

該,畢竟能夠秒開的應用太少了,閃屏可以大大減緩用戶在心理上的焦慮情緒。

此外,閃屏期間也可以對產品進行簡短的展示,這點前面的答案說的很好。

因此,這個設計可能會被保留很久,即使是日後硬體技術發展,載入應用已經沒那麼慢了,可能也會保留這個啟動屏幕。


掩蓋自己啟動太慢的事實……


1、完成首次客戶端的預載入

2、完成如下業務檢測(以曾經分析過的某app為例):

①獲取用戶位置許可權檢測

②升級邏輯檢測

③登陸狀態檢測

④Push推送許可權檢測

⑤閃屏業務檢測

⑥附加業務檢測:麥克風、攝像頭等

完成以上步驟後自動跳轉,如樓上所述,最好的體驗式沒有閃屏,但代碼命令的運行和數據的載入是需要時間的,借用看過的一個前輩寫過的評論:「 與其給用戶看代碼運行的過程,不如給用戶展示圖片,這也是用戶體驗。」


閃屏首先是交互的響應,就像一個按鈕凸起,點擊它如果沒有凹陷或者變色等變化,用戶會覺得不可點擊或者是木有反應,卡機,垃圾。閃屏就是一個最直接迅速的交互響應。

其次,通過閃屏可以有效捕捉用戶的視覺焦點,就像電梯間的分眾液晶,閃屏的生命就是啟動當下的場景。

像很多應用更新之後,或者新手引導都放在啟動輪播頁來實現,閃屏則是濃縮為一屏,一種電影開始放映的片頭感強調。有啟動感,有儀式感,有圖騰感。提升應用或者產品的逼格。

最後,才是各位答主所說的掩蓋啟動比較慢的事實,第一點已經說了,避免用戶不良體驗更重於降低用戶等待焦慮,畢竟用戶明白正在載入是在等待,比應用卡死崩潰這種猜測好。

微軟在瘟都死八開始用的磁貼美挫

Metro UI

個人認為很渣 首先二維平面故意扭曲成梯形,試圖體現出交互過程的動感,十萬個好難受。。然後就是樓上答主喜歡的載入的幾個點,轉圈圈首先並沒有進度條百分比讓用戶明白到底要等多久,也沒有閃屏有足夠的面積和圖素內容讓用戶視覺載入信息,實際上是非常焦慮的,因為幾個點轉圈圈完全沒有信息。。注意力全在:怎麼還在轉,是不是卡死了。。這種設計太糟糕了!滑鼠後的一個沙漏一直倒來倒去,這種卡死的體驗太常見太不好了。


1、應用啟動時需要一定的初始化時間來載入相關數據,這個時間根據應用和系統長短不一,為了避免給用戶展示一個空白頁面所以添加一個啟動頁。

2、啟動頁的位置對於用戶來說是一個注意力集中的點,利用這個位置可以展示產品特性或者其他有意思的內容。

3、啟動頁目前已經是一個極為重要的APP廣告入口,為了利益有無必要都會有一個啟動頁。


在交互中有一條建議就是不要使用splash。

如果非要用,也要給用戶體驗好一點。


推薦閱讀:

如果讓你來設計一款年輕人和父母的即時通訊 App,你會怎麼做?
為什麼沒有一款平板電腦(或部分功能)真正能替代紙質筆記本?
有的PM喜歡畫交互原型圖,有的PM喜歡畫線框流程圖。哪種方式對開發產品幫助大?兩種形式一起用會更好嗎?
為什麼陶瓷底部會有一圈不上釉?
什麼是成功的產品?

TAG:移動應用 | 產品經理 | 產品設計 |