第一印象很重要！訪問網站或應用程序的訪問者根據應用程序/網站的初始外觀判斷他們是否可以信任其背后的公司。

我們的大腦有助于做出快速判斷。只需十分之一秒即可形成關于某人的第一印象，而應用和網站也不例外。谷歌的一項研究發現，用戶需要大約50毫秒（即0.05秒）來形成對您網站的意見，以確定他們是留下還是離開。

對于原生移動應用程序來說，Web的真實情況也是如此。移動應用程序沒有很多機會來保留和吸引用戶。事實上，下載應用程序的人中有80％在最初幾天后消失并不罕見。

那你如何解決創造快速感知的問題呢？

讓我們來看看其他藝術形式如何處理它們如何應對感知挑戰。Saul Bass是一位革命性的電影信用設計師，他談到了起點學分如何對電影和電視節目至關重要。

“我有一段時間感覺觀眾參與電影應該從第一幀開始。在那之前，標題往往是無聊信用的列表，大多數被忽略，忍受或用作爆米花時間。

似乎有一個真正的機會以一種新的方式使用標題 - 實際上為即將展開的故事創造了一個氣氛。“ -? Saul Bass

與Saul一樣，用戶對應用程序的介入應從第一幀開始（在我們的案例中為應用程序圖標），并繼續直到真實內容加載，即 啟動體驗，為我們的故事展開創造完美的環境。

如果您想了解更多有關音樂行業如何使用專輯封面創造初步感知的信息，請查看此視頻，了解甲殼蟲樂隊如何通過使用創新的專輯封面來改變音樂行業，從而徹底改變“發布體驗”。

移動應用程序，特別是新創公司，必須考慮他們對用戶的第一印象。速度，正確的消息傳遞和極具吸引力的價值主張，以及出色的入職培訓是這種印象的關鍵考慮因素。

在這篇文章中，我們將只關注由移動應用程序啟動體驗創建的第一印象創建的視覺感知。正確的發布體驗吸引并處理用戶潛意識，并幫助創建正確的感知，有望幫助您保留和吸引合適的用戶。

有關使用發布體驗的分步指南，可為您的移動應用創建良好的第一印象

在深入探討設計策略之前，讓我們先了解一下發布體驗和啟動畫面的基礎知識。

什么是發布體驗？

啟動體驗是一組移動設計模式，有助于創建一個緊密的體驗，從用戶點擊應用程序圖標到內容加載到屏幕上。

破解時，發布經驗通常包含這些組件 -

應用圖標

Zenly App圖標

2.啟動畫面

Wonder App的啟動畫面

3.啟動屏幕到應用程序數據轉換

優步App發布經驗

4.使用骨架屏幕啟動屏幕

Slack在發布體驗中使用了骷髏屏幕

5.當數據太多時內容加載動畫

食用

啟動畫面與啟動畫面

在Apple的生態系統中，啟動屏幕是一個在您啟動應用程序時立即顯示的圖像。開發人員在他們的XCode項目中定義此圖像。Apple建議使用應用主窗口的屏幕截圖，以便您的應用啟動速度更快。

啟動畫面的一個示例是手機游戲使用的屏幕，您可以在其中查看品牌和其他信息。

以下是Apple關于使用Splash Screen的說法。

設計一個與應用程序的第一個屏幕幾乎相同的啟動屏幕。如果您在應用程序完成啟動時包含看起來不同的元素，則人們可能會在啟動屏幕和應用程序的第一個屏幕之間遇到令人不快的閃光。

不要做廣告。發布屏幕不是品牌推廣機會。不要設計看起來像啟動畫面或“關于”窗口的入口體驗。不要包含徽標或其他品牌元素，除非它們是應用程序第一個屏幕的靜態部分。

相反，Android將這兩種類型的屏幕視為啟動屏幕， Google實際上與Apple有不同的視角。

您可能會驚訝地聽到谷歌推薦使用閃屏，他們稱之為“品牌發布”。您可以在材料設計規范中閱讀更多相關信息。情況并非總是如此; 谷歌曾經主張反對啟動畫面，甚至稱它為反模式。

那么設計師在面對沖突的指導方針時應該使用什么？

啟動畫面是應用程序體驗的入口。通過模擬更快的加載時間和創建無縫的啟動體驗，Splash屏幕可以改善用戶體驗。創意使用時，啟動屏幕還有助于設置用戶的心情并為即將到來的內容做好準備。因此，請記住這些事項，我們建議使用Splash屏幕。

設計不是它的外觀，而是它的工作方式并解決了特定的用戶問題。那么，發布經驗解決了什么？

他們對潛意識的用戶說話并設定對即將到來的期望。

它們通過隱藏加載過程來減少感知的等待時間。

他們向用戶介紹應用程序和您的品牌的用途。

它們為用戶提供了愉快的體驗。

我們在應用程序商店中經歷了超過1,000個應用程序，發現有些應用程序通過使用啟動畫面構建了驚人的啟動體驗。

這使我們的列表縮小到5種設計出色的發布體驗的方法，有效地吸引了我們的注意力：

1.更改應用程序的圖標以個性化每個用戶的啟動體驗

從iOS 10開始，開發人員可以為個性化設置預定義的應用程序圖標。正如您所看到的，MLB應用程序允許用戶選擇他們團隊的圖標，Bear允許用戶根據他們的主題顏色更改顏色，而Pedometer ++允許用戶以輪椅作為圖標。

熊App圖標定制

這些應用程序允許用戶自定義其應用程序圖標

以下是Zenly應用程序如何使用應用程序圖標個性化向其應用程序添加游戲化元素。每個級別的新應用程序圖標都可以為該用戶解鎖，然后他可以自定義應用程序體驗。

2.通過品牌推廣和直接價值主張來傳達屏幕，傳達信息

您的移動應用程序的啟動屏幕可視為您的營銷活動的延續。因此，只要用戶打開應用程序，它就會強化應用程序的品牌。

如果您的應用程序未知，您還可以在啟動畫面中使用直接價值主張，因為它在視覺上強調了應用程序的用途。這些類型的閃屏通常具有漂亮的圖像，有助于設置用戶的期望。

您可以看到Estate.ly，Lily Pulitzer和應用程序如何使用Splash屏幕直接將用戶的品牌信息強制執行。圖像會立即提供有關應用程序內容的背景信息。

在這里，History，DocuSign和Ted Applications正在使用Splash屏幕強化其價值主張。

Calm擁有最好的閃屏之一，可以延續其價值主張并為用戶樹立心情。

3.使用交互設計從啟動畫面到應用數據的無縫體驗

飛濺屏幕是好地方持有人。那之后呢？

在顯示靜態屏幕時啟動應用程序會增加其感知的加載時間。如果您可以合并動畫，那么您可以幫助設定即將到來的情緒。

了解Ticketmaster，Uber和Twitter如何利用交互設計在啟動畫面與應用內容之間建立無縫橋梁。

Google，TinyFax和Cinamatic應用程序使用動畫將徽標輕微轉換為內容。

類似地，Turo，StumbleUpon和Soundhound使用不那么微妙的動畫來從啟動畫面轉換到內容。

然而，22Tracks，RoambiAnalytics和Carrot保持簡單。這些應用程序將其徽標用作閃存屏幕的主要品牌技術。

Chick-fil-A One通過動畫和其用戶的儀表板為他們的啟動畫面增添了幾分。

4.啟動屏幕與Skeleton屏幕相結合，以避免反饋循環空虛

對于許多應用程序，使用帶有骨架屏幕的空啟動屏幕更有意義。這些應用程序通常很輕，負載非常快。我們建議將骨架屏幕與這些應用程序混合，以獲得無縫體驗。

這些應用程序的啟動畫面具有某種形式的主加載屏幕骨架。呼吸應用程序使用類似于其主要內容屏幕的彩色骨架。Transit應用程序使用地圖的骨架作為其啟動畫面，以便在用戶點按應用程序圖標時立即創建應用已加載的展示。

Apple自己的Compass應用程序，Foursquare和Epicurious應用程序使用Skeletons和動畫來購買時間，同時給人一種“即將來臨”的印象。

Snow App，Dribbble和Launch Pro使用最少的骨架。

5.加載動畫以便在創造有趣體驗的同時為您節省時間

除了游戲，還有其他需要大量加載時間的應用程序。例如，某些應用需要加載大量數據，如視頻，音頻，甚至刷新整個內容。對于這些類型的應用程序，更長的動畫更有意義。隨著數據緩存和加載時間變短，此動畫可以變得越來越短。

Vogue Runway，Pandora和Zova在這里使用加載動畫來加載數據，這樣用戶就不會感受到等待時間。裝載機已經在網絡應用程序中使用了很長時間，但對于移動設備而言，它最近才開始流行。

Clashem，Tumbleweed和Chefsfeed使用有趣的動畫來繼續他們的品牌體驗，同時應用程序加載他們的數據。

Vogue，History Vault和Dollarshave俱樂部應用程序再次創造性地使用動畫，似乎等待時間更短。不可否認，Dollarshaveclub的應用程序似乎沒有那么多數據可以在動畫上花費這么多時間。

來自15s，Zocdoc和Vimo的更多示例使用無縫加載動畫來創建有趣的體驗。

最大的收獲：

你應該多長時間顯示閃屏？確切地說，應用程序配置自身并加載數據所需的時間。

根據您認為適合不同使用時間和用戶的情況自定義啟動體驗。

您還可以根據用戶生命周期的不同階段使用不同的啟動體驗（初始屏幕，營銷信息，動畫）。例如，對于正在入職的用戶使用不同的感知和消息，并為高度敬業的人使用不同的發布體驗。

不同類型的數據繁重的應用需要不同類型的發布體驗。如果應用程序大小較輕且可以更快地啟動，則使用帶有骨架屏幕的啟動屏幕。

相反，您有很多選項可以自定義整個啟動體驗。喜歡使用：

傳達目的的圖像。

動畫使發射體驗成為一個門戶。

盡可能使用獨特的應用圖標來強制執行品牌宣傳。

在你離開之前 - 這是給你的獎金！在Mobile Patterns上查看免費精心挑選的iOS和Android應用程序的靈感Splash Screens ?- 一個設計中關鍵玩家的模式庫。