昨天25學(xué)堂分享了一篇APP設(shè)計(jì)術(shù)語(yǔ)解讀：什么是APP空狀態(tài)界面設(shè)計(jì)，在文章中，主要跟大家介紹了什么是app的空狀態(tài)，空狀態(tài)出現(xiàn)在app哪些情況和場(chǎng)景當(dāng)中。

當(dāng)我們熟悉和理解了這些APP空狀態(tài)相關(guān)知識(shí)和術(shù)語(yǔ)之后，才能著手設(shè)計(jì)這些看似輕微的app空狀態(tài)界面設(shè)計(jì)。

這節(jié)課主要講解如何來(lái)設(shè)計(jì)APP空狀態(tài)界面。算是一篇小白自學(xué)APP設(shè)計(jì)的教程。

APP空狀態(tài)設(shè)計(jì)足夠優(yōu)秀的話可以提高用戶體驗(yàn)，使得用戶留存率增加。這也是25學(xué)堂為什么要跟大家談?wù)凙PP空狀態(tài)界面設(shè)計(jì)的原因。

第一步：善于發(fā)現(xiàn)和積累APP空狀態(tài)界面

學(xué)會(huì)和發(fā)現(xiàn)現(xiàn)有APP設(shè)計(jì)當(dāng)中的一些常見(jiàn)的APP空狀態(tài)界面設(shè)計(jì)靈感。下面就是來(lái)自手機(jī)瀏覽器當(dāng)中的一些空狀態(tài)常見(jiàn)界面效果圖。 ?這些有愛(ài)的設(shè)計(jì)可以激發(fā)我們的設(shè)計(jì)靈感。

看到上面這些，你的腦海當(dāng)中有沒(méi)有回憶出一些有意思的空狀態(tài)的場(chǎng)景呢？

如果沒(méi)有，可以跟隨我們來(lái)看下這幾個(gè)經(jīng)典的APP空狀態(tài)界面設(shè)計(jì)。

第一種：有權(quán)限控制的。比如需要登錄或者注冊(cè)才能看到的一些app界面。

25學(xué)堂點(diǎn)評(píng)：這一種APP空狀態(tài)設(shè)計(jì)：先提示，然后告訴你點(diǎn)擊登錄按鈕登錄。非?？ㄍ蓯?ài)的界面設(shè)計(jì)。對(duì)于這樣有權(quán)限控制的app界面設(shè)計(jì)，需要非常的小心和用心。這個(gè)細(xì)節(jié)處理不好，損失的用戶轉(zhuǎn)化率是很大。如果你只是彈出警告層。這是粗魯?shù)谋憩F(xiàn)方式。

25學(xué)堂點(diǎn)評(píng)：這一種是比較直接的告訴你暫時(shí)沒(méi)內(nèi)容，需要進(jìn)行下拉操作才能添加。 ?這也是非常棒的引導(dǎo)性app空狀態(tài)設(shè)計(jì)。

25學(xué)堂點(diǎn)評(píng)：這一種是更高級(jí)的一種空狀態(tài)APP設(shè)計(jì)。首先告訴你沒(méi)有特別關(guān)心的好友，在界面當(dāng)中顯示你有特別關(guān)心好友的界面和假想的狀態(tài)。 第三步就是引導(dǎo)你去添加。

非常的完美的APP空狀態(tài)界面設(shè)計(jì)案例。

第二種場(chǎng)景：斷網(wǎng)的時(shí)候的APP空狀態(tài)界面設(shè)計(jì)。

25學(xué)堂點(diǎn)評(píng)：這是一種APP的設(shè)計(jì)風(fēng)格。學(xué)會(huì)善于app的動(dòng)畫(huà)和企業(yè)logo元素來(lái)過(guò)渡這樣的場(chǎng)景界面。也是非常形象的表達(dá)。

以上2個(gè)案例都是非常形象的表達(dá)了無(wú)網(wǎng)絡(luò)的時(shí)候，提示用戶采用刷新或者重新聯(lián)網(wǎng)的操作。而且把網(wǎng)絡(luò)的標(biāo)志設(shè)計(jì)的非常逼真。場(chǎng)景也很合理。都是我們app設(shè)計(jì)師需要考慮的一個(gè)因素。APP使用場(chǎng)景的設(shè)計(jì)。

以上2種場(chǎng)景都是?在APP產(chǎn)品的初體驗(yàn)中，空狀態(tài)的首要目標(biāo)就是教育引導(dǎo)用戶，幫助用戶快速了解產(chǎn)品的首要功能跟操作方式，避免用戶在操作過(guò)程中產(chǎn)生挫敗感等負(fù)面情緒。

未完待續(xù)..... ? ?謝謝大家對(duì)25學(xué)堂的支持和關(guān)注！