2. Launch screen的兩種常見設計方法
接下來要介紹的是如何設計Launch screen。在市面上常見的兩種設計方法分別為 skeleton page和splash page。
3. 方法一：Skeleton page design（Placeholder UI）
仔細回想一下，當某日你正打開facebook時打算偷看前男/女友的動態時，有沒有注意到在瞬間幾秒內，有看到一個灰灰的、有著基本介面架構卻沒有任何實際內容的畫面呢？這個就是skeleton page，有時候又稱作 Placeholder UI。
有些app則比較簡單，只會放上基本的status bar, navigation bar或toolbar，不會有中間的內容skeleton，如圖下的apple內建Mail app。其他例子還有Instagram、apple內建calendar、時鐘的等。
＊使用skeleton page作為launch page的優點
根據MIT的研究，人的等待時間如果在一秒內，將會認知自己還在原本的使用者流程中，超過一秒則會開始分心，超過10秒就會覺得使用者流程被打斷。在app loading時，如果原本loading時間會超過一秒鐘，但在一秒鐘內我們放上skeleton page，會讓使用者產生錯覺，認為app讀取速度非常快，且可以隨時馬上被使用。打個比方就像是每次去早餐店點餐，老闆都跟你說“妹妹～你的已經在做了喔～”，讓你有著時間變快的感覺，其實老闆根本可能才剛開始做（誤）。
另一方面因為已經讓使用者熟悉之後將要出現的頁面架構，爾後在呈現新的資訊時，也可以讓使用者感覺到畫面之間的跳轉是非常流暢的，可以大大提升使用者體驗。
＊設計注意事項(1) : 必須跟之後馬上要看到的第一個畫面（first screen）架構幾乎完全相同
Skeleton page設計的目的是要讓使用者能夠預期接下來將會看到的畫面。如果Skeleton page的架構跟接下來的頁面長得不一樣的話，反而頁面跳轉時會因畫面不同而產生閃爍，就會讓使用者體驗變差。所以如果app一直有在持續迭代的話，記得要定期更新skeleton screen喲！下面給大家看一個沒有更新的例子。Dcard的skeleton page還保持著原本2016年的UI長相。
＊設計注意事項(2)
此畫面應該要盡可能不用文字（text），因為人們常常很頻繁的在app之間跳轉使用，盡可能的將launch經驗平淡化（Downplay launch）才可以創造較佳的使用者經驗。
4. 方法二：Splash page design（Branded launch）
通常為整頁顏色作為背景並配上產品的logo，特點是可以增加品牌鑑識度。yelp是選擇使用splash page方法作為launch page的設計。
＊設計注意事項(1) :
如果使用splash page作為launch page，只能在使用者重新開啟app時出現。如果是app在背景運行並重新開始，並不建議使用。如果從其他app跳轉過來也不建議使用。
5 . 哪種設計好呢？聽聽iOS和Android design guideline怎麼說
從單純的UX的觀點來看，筆者是比較喜歡skeleton design的，因為可以讓使用者先預知下一步會發生的事情，因此從心理上減少使用者等待期間的不悅感。
且從iOS design guidelines中，所描述的launch screen其實完全是skeleton screen這一種設計方法，iOS認為Launch screen唯一的目的是讓使用者知道您的app可以快速地被開啟，且隨時都可以直接使用。Launch screen不是讓app進行品牌宣傳的地方，不應該使用logo也不應該使用任何的品牌元素，強烈的建議不要使用splash page作為launch screen，讓我們看看原文。
“Don’t advertise. The launch screen isn’t a branding opportunity. Don’t design an entry experience that looks like a splash screen or an “About” window. Don’t include logos or other branding elements unless they’re a static part of your app’s first screen.”
另一方面Android design guidelines則是比較彈性，有同時列出上述兩種設計方法。不過雖然Android design guidelines沒有強烈禁止使用splash page，但也是強烈建議設計師使用skeleton page design來創造較佳的使用者體驗。
For apps that have very short load times, or don’t have a strong branding need, a placeholder UI presents the fewest possible transitions and greatest perceived responsiveness.
6 . 不負責任業界觀察 splash + skeleton ?
雖然iOS design guideline和Android design guideline從user的角度來看都較建議使用skeleton page design，但是根據筆者的觀察（如下圖），幾乎所有知名的app都有使用splash page design（大家一起不鳥design guideline的概念ＸＤ），但大多數app都還是有搭配skeleton page design，如airbnb, youtube, Dcard等。
身為產品設計師，除了從UX端考量也要從產品端考量，筆者之前有去修過MBA的branding strategy課，如果想要用設計幫助提升品牌的鑑別度(brand differentiation)和品牌的知名度（brand awareness），那使用splash page作為launch page則是非常合理的決策，畢竟大家都希望使用者能夠每次使用都看到app icon久而久之就深深的烙印腦海中了。但要小心的是，如果在splash page停留太久，有時候真的會想讓人關掉app呢....
如果是你你會怎麼選擇呢？
喜歡我的文章的話請不吝嗇給我一點鼓勵ㄛ～～～3Q~~
