UI設計啟動畫面如何受歡迎

　　為什么使用啟動畫面?在低帶寬，AOL聊天室和慢速設備的美好年代，經(jīng)常使用啟動屏幕來“掩蓋”加載應用程序所需的時間，而在UI可以使用時消失了。如今，隨著移動設備變得越來越強大，并且應用程序幾乎可以立即加載，啟動屏幕似乎沒有必要了，但它們?nèi)钥捎糜谝恍┲匾康?。下?a href="http://m.5wd995.cn/" target="_blank">AAA教育的武老師就來為大家分享，如何讓你的啟動畫面更受歡迎。
 

　　原因1：歡迎用戶并設置應用內(nèi)體驗的基調
 

　　出色的用戶體驗從用戶打開您的應用程序開始。閃屏用于為用戶設置場景，讓他們知道“我們知道您在這里”。
 

　　如果您要花費時間和精力來改善應用的感知用戶體驗，那么最大的回報就是在用戶體驗的早期階段花時間。
 

　　這就像到達一家餐廳—您的服務器在您坐下后經(jīng)過您的桌子，只是為了讓您知道他們一看完那張桌子，他們就會和您在一起。這是一個很小的接觸，但可以減輕用戶對其余體驗的感知。如果最初的體驗是積極的，那么讓用戶滿意就容易了。但是，如果初次體驗是負面的，則會產(chǎn)生一種光環(huán)效應，以一種很難恢復的方式提高他們對應用程序其余部分的期望。
 

　　原因2：管理用戶對您應用的看法和期望
 

　　根據(jù)作者和業(yè)務顧問David H. Maister的說法，用戶對服務的滿意程度背后的公式既簡單又有效：滿意=感知–期望
 

　　如果用戶期望某種特定的應用內(nèi)體驗，但他們認為體驗超出期望，他們會很高興。如果他們的看法不能滿足他們的期望，他們將感到失望。
 

　　回到我們的餐廳類比中，女主人可能會給您比他們期望的更長的等待時間，因此當桌子準備就緒時，他們可能會超出您的期望。同樣，在門廳中安裝鏡子可能會分散食客在等候時的注意力，從而減少了他們對等候時間的感知。
 

　　啟動畫面可以幫助您的應用程序，網(wǎng)站或產(chǎn)品達到相同的目的。從用戶打開應用程序的那一刻起，啟動畫面就可以幫助您提高感知度，從一開始就有助于減少放棄并管理用戶的期望。
 

　　原因3：消除不可避免的加載延遲
 

　　UI用戶體驗的意義是什么？不確定的等待總是比有限的等待更長。這就是為什么雜貨店中的其他生產(chǎn)線總是運行速度更快，以及為什么人們早早排隊登機，即使他們知道整個航班會在同一時間到達。
 

　　未知的焦慮使等待的時間更長—用戶不確定應用程序是否仍在加載，或者不確定加載過程將花費多長時間。即使在高級設備上，等待也常常是不可避免的-諸如加載用戶數(shù)據(jù)或通過遠程服務進行身份驗證之類的任務需要花費一些時間來設置，然后用戶才能開始與應用程序進行交互。
 

　　初始屏幕有助于減少等待時的用戶焦慮。它們使等待時間變得更短，使用戶確信該應用程序仍在加載，有時會提供實時反饋，讓他們知道需要多長時間。
 

　　最好的啟動畫面可能沒有啟動畫面
 

　　如果啟動畫面如此有價值，為什么它們會受到如此強烈的反對呢?
 

　　一切都歸結為摩擦。設計出一流的用戶體驗意味著要盡可能減少摩擦，并且由于錯誤的原因而添加防濺屏時會產(chǎn)生不必要的摩擦。
 

　　用戶不在乎發(fā)布時的品牌宣傳，但營銷團隊卻利用自己的固定受眾來推銷產(chǎn)品?，F(xiàn)代設備瞬間即可加載應用程序和網(wǎng)站-啟動畫面會在加載過程中增加看似不必要的延遲。啟動屏幕由于錯誤的原因而添加時經(jīng)常會增加摩擦，而沒有創(chuàng)建其他值來平衡方程。
 

　　如果確實向應用程序或網(wǎng)站添加了初始屏幕，請確保牢記一些一般規(guī)則。
 

　　UI設計流程，使用啟動畫面的最佳做法
 

　　初始屏幕具有各種形狀和大小，但幾乎所有屏幕都遵循一些常見的最佳做法。
 

　　保持設計簡單，但不平凡
 

　　初始屏幕應引人注目并吸引新用戶，這使他們有理由留下來。
 

　　提示
 

　　將您的靜態(tài)設計轉換為可點擊的原型。
 

　　使用醒目的顏色，創(chuàng)意背景圖像，原始徽標和微妙的動畫，使您的設計引人注目而又不至于霸道。使您的設計簡單—避免添加文本，廣告或其他需要較長時間來消化的設計元素。請勿將您的啟動畫面用作營銷廣告牌，因為它會給用戶留下您以銷售為目標的印象，并損害應用程序的聲譽。
 

　　查看Mighty Networks應用程序的啟動屏幕-簡單明了，色彩鮮艷，徽標從背景中脫穎而出，沒有絨毛。
 

　　Mighty Networks初始屏幕簡單但引人注目保持啟動畫面盡可能短
 

　　您的啟動屏幕應盡快來回移動，最好不要超過兩到三秒。不僅如此，用戶很快就會感到沮喪，尤其是如果他們每天多次打開您的應用程序時。
 

　　如果您的應用加載時間超過幾秒鐘，請嘗試用“骨架屏幕”替換初始屏幕。骨架屏幕(如下面的Slack中的示例)使用可視占位符顯示應用程序或網(wǎng)站正在加載時最終UI的提示，從而通過創(chuàng)建額外速度的錯覺來幫助增強動力和熟悉度。提升用戶體驗。
 

　　Slack使用骨架屏幕來創(chuàng)造速度的錯覺研究表明，與靜態(tài)初始屏幕或加載微調器相比，骨架屏幕有助于減少感知的加載時間-它們是用于管理等待時間周圍感知的出色解決方案。
 

　　減少等待的焦慮
 

　　如果您的應用需要很長時間才能加載，那么就進度提供反饋至關重要。如果您的網(wǎng)站或應用程序沒有通知用戶它仍在加載中，則他們可能認為未收到他們的請求，或者更糟的是，該應用程序已完全崩潰，因此放棄了您的應用程序。

　　讓用戶滿意，讓他們知道事情正在發(fā)生。使用進度條或動畫之類的視覺指示器使用戶了解您的應用進度，并減少放棄。這就是要提升用戶體驗。
 

　　即使是一個簡單的加載指示器(例如Nest的指示器)也可以幫助用戶保持了解情況微調框和其他開放式負載指示器可在較短的延遲時間內(nèi)很好地工作，但有時可能使等待的感覺變得更長，因此，如果您的應用程序需要花費一些時間來加載，請盡量避免使用它們。
 

　　為您的設計增添些許樂趣
 

　　UI設計原則，如果您無法避免出現(xiàn)啟動畫面，請確保將檸檬變成美味的UX檸檬水。初始屏幕是讓用戶滿意并為您的應用程序注入個性的絕好機會。
 

　　不要太重視您的設計，但也不要太過分。用戶可能會第一次欣賞到這種有趣的動畫(例如Zocdoc應用程序中的以下示例)，但是在每次會話中強迫他們坐下來，可能會令人沮喪。
 

　　Zocdoc在其啟動畫面上通過簡單的動畫添加了一種奇想相反，請嘗試僅在首次啟動時顯示歡迎動畫，然后在后續(xù)會話中顯示一個更簡單的替代方法(或完全跳過啟動屏幕)。
 

　　如何創(chuàng)建啟動畫面
 

　　如果您仍在設計應用程序，還可以在InVision原型中添加啟動屏幕或加載屏幕。加載原型時會出現(xiàn)加載屏幕，然后自動切換到為原型選擇的開始屏幕。
 

　　InVision使您可以輕松地將初始屏幕添加到原型中要將加載屏幕添加到InVision原型，請單擊原型上的第一個插槽以設置加載圖像。該文件必須為PNG格式，并且大小正確以適合設備。顯示加載屏幕的時間長度取決于原型加載所需的時間，因此您甚至可能看不到小型原型的屏幕。這是指向有關在InVision中設置自己的加載屏幕的詳細說明的鏈接。

         啟動畫面就是門面，也一樣要重視，以上內(nèi)容你學會了嗎，更多資訊請持續(xù)關注AAA教育。