Blog 232/365:【學新知】手機Lauch Screen的兩大設計方法 - Skeleton page vs. Splash page

🤔為什麼要寫這篇小記?

最近在公司都在用App的開發,當合作的工程師是外國人時,更容易聽到許多英文專用術語。今天要分享的手機Launch Screen就是工程師突然冒出一個「Splash」的名詞,一時間還不知道到底是在說什麼...

看了這篇《手機Launch screen設計方法介紹 — skeleton page design v.s splash page design》後豁然開朗。

所謂的Lauch Screen,就是手機App在點擊打開後看到第一個畫面。由於第一次開啟App時手機都需要一小段的讀取時間,因此在iOS/ Android design guideline中都有寫到,建議App的開發加上Lauch Screen來提昇使用者體驗。

此時就有兩種選擇: Skeleton page vs. Splash page。這兩者的差異在於,Skeleton page是有著基本介面架構但卻沒有任何實際內容的畫面 ; 而Splash page通常是一個背景色搭配公司的Logo,可以參考下圖。(以下圖片來源皆來自:手機Launch screen設計方法介紹 — skeleton page design v.s splash page design)





🤔兩者的優缺點分別是什麼?

Skeleton Page在使用體驗上,可以讓人感覺到App的使用流程非常順暢、讀取速度很快,打個比方來說,這就像去餐廳吃飯,老闆總是會先說:「餐點馬上就上來!」,只要等待時間不要過分長,我們會感覺餐廳的上餐速度非常快速 ; 但要注意的是,Skeleton page的架構最好跟接下來讀取的畫面非常相似,否則反而會讓使用者認為是畫面閃爍才正式載入App畫面。(參考2016年 Dcard案例)



Splash Page最常被做為品牌識別使用。雖然在iOS/ Android的design guideline中都建議開發者使用Skeleton Page作為Launch Screen,但許多知名的App都還是選擇使用Splash Page,可能在兩者權衡之下,還是選擇以品牌識別度作為優先考量吧!



📖參考資源

Medium - 《手機Launch screen設計方法介紹 — skeleton page design v.s splash page design》by Debby Hsu