網(wǎng)站優(yōu)化之怎樣設(shè)計(jì)出好的空狀態(tài)
從用戶進(jìn)入到與APP交互的過程中,空狀態(tài)設(shè)計(jì)都是提升產(chǎn)品用戶體驗(yàn)的不錯(cuò)的方法。空狀態(tài)是指沒有數(shù)據(jù)的頁面,也就是說,在用戶進(jìn)行某些動(dòng)作后,頁面將會(huì)展示其產(chǎn)生的內(nèi)容。盡管如此,空狀態(tài)也可以提供有趣的用戶體驗(yàn)。事實(shí)上,空狀態(tài)完全可以用于指導(dǎo)用
從用戶進(jìn)入到與APP交互的過程中,空狀態(tài)設(shè)計(jì)都是提升產(chǎn)品用戶體驗(yàn)的不錯(cuò)的方法。空狀態(tài)是指沒有數(shù)據(jù)的頁面,也就是說,在用戶進(jìn)行某些動(dòng)作后,頁面將會(huì)展示其產(chǎn)生的內(nèi)容。盡管如此,空狀態(tài)也可以提供有趣的用戶體驗(yàn)。
事實(shí)上,空狀態(tài)完全可以用于指導(dǎo)用戶的操作,向他們介紹你的產(chǎn)品或展示產(chǎn)品品牌的個(gè)性。
你可以將空狀態(tài)變成一個(gè)與用戶進(jìn)行有意義交流的地方,為用戶提供一種參與式的用戶體驗(yàn)。在這篇文章中,將會(huì)說明什么是空狀態(tài)以及如何設(shè)計(jì)出好的空狀態(tài),以此來提升用戶體驗(yàn)。什么是空狀態(tài)?空狀態(tài)是APP中的內(nèi)容無法顯示的頁面狀態(tài),用“空”來描述其實(shí)是不恰當(dāng)?shù)模驗(yàn)榭諣顟B(tài)頁面中還有一些內(nèi)容的。事實(shí)上,空狀態(tài)可以顯示多種不同的內(nèi)容來提升用戶體驗(yàn),接下來我們就會(huì)著重介紹這一點(diǎn)。例如:如果你曾經(jīng)使用過一款允許你把你喜愛的內(nèi)容添加到收藏夾里的APP,你就會(huì)對(duì)空狀態(tài)有所了解。或者你使用搜索,有過沒有搜索結(jié)果的經(jīng)歷…
以Instagram為例:當(dāng)你進(jìn)入沒有添加任何照片的收藏夾時(shí),你可能會(huì)看到一個(gè)空狀態(tài),并告訴你還沒有添加任何照片。由于沒有數(shù)據(jù)內(nèi)容,因此只能展示空狀態(tài)或無數(shù)據(jù)。Instagram的空白狀態(tài)但是,Instagram的收藏頁面并沒有空狀態(tài)說明,相反,它是空白的頁面。因此,他們錯(cuò)過了一次引導(dǎo)用戶去與APP互動(dòng)的機(jī)會(huì)。設(shè)計(jì)空狀態(tài)的原因多種多樣,最常見的原因有以下幾種:用戶清空了所有的數(shù)據(jù)(如:清空收件箱);用戶是新用戶,并且剛剛才登錄APP成功;用戶遇到了某種錯(cuò)誤(如:沒有WIFI連接)。被忽略的空狀態(tài)設(shè)計(jì)ShruthiPadala曾經(jīng)在Medium上寫道:許多人認(rèn)為空狀態(tài)只是輔助頁面,不需要去關(guān)注它們。但是空狀態(tài)會(huì)將空白頁呈現(xiàn)給用戶,如果能夠利用好空狀態(tài)頁面,會(huì)極大的提升用戶體驗(yàn)。曾在Shopify擔(dān)任插畫師的MegRobichaud寫過一篇關(guān)于空狀態(tài)研究的文章。
因?yàn)榕c其他部分的用戶體驗(yàn)不同,空狀態(tài)設(shè)計(jì)的難點(diǎn)就在于它需要不斷的更新。但是只有2%的用戶會(huì)看到空狀態(tài),這也就意味著它不會(huì)是占用過長(zhǎng)的用戶使用時(shí)間。這也就解釋了空狀態(tài)被忽略的原因,因?yàn)椴皇撬械挠脩舳寄芸吹剿鼈儯曰ㄙM(fèi)過多精力在上面反而是得不償失。也正是這種心態(tài),導(dǎo)致了空狀態(tài)設(shè)計(jì)被設(shè)計(jì)師給忽略掉了,進(jìn)而影響最終的用戶體驗(yàn)。最后,Meg和Shopify決定重新設(shè)計(jì)空狀態(tài),即使只有少數(shù)的用戶會(huì)碰到這種頁面,為什么呢?因?yàn)椋词怪挥?%的用戶,他們也需要一個(gè)好的用戶體驗(yàn),它給體驗(yàn)帶來了更多的細(xì)節(jié)和影響力。