提升屏效可實(shí)施性最強(qiáng)的4大方法

2022-9-2    純純

一、什么是屏效？

或許我們曾聽過這樣一個(gè)詞 “坪效”，它常拿來計(jì)算商場經(jīng)營效益的指標(biāo), 指的是每平米可以產(chǎn)出多少營業(yè)額(營業(yè)額/專柜所占總坪數(shù))。 

類比下來，手機(jī)屏幕，也可以有這樣類似的計(jì)算公式，只是沒有專門定義過，通俗地講，即“每一像素可以帶來多少商業(yè)效益”。但確實(shí)在商業(yè)設(shè)計(jì)過程中，老板們越來越越來越關(guān)注這樣內(nèi)容的表達(dá)效率。他們也許不會(huì)說"你這個(gè)屏效有點(diǎn)太低了"等這樣專業(yè)的術(shù)語，而是會(huì)說類似“你這個(gè)槽是不是太高了”等這樣類似的話 。 


二、為什么要提高屏效？

通過數(shù)據(jù)統(tǒng)計(jì)，一般用戶最有用的瀏覽區(qū)域?yàn)槭謾C(jī)前3屏，如果更嚴(yán)格點(diǎn)來說是前2屏，在這個(gè)區(qū)域內(nèi)，用戶的點(diǎn)擊次數(shù)和轉(zhuǎn)化率是最高的。如果在此區(qū)域內(nèi)能夠表達(dá)更多的內(nèi)容，對于產(chǎn)品來說，無非是最經(jīng)濟(jì)的設(shè)計(jì)模式。不信隨便翻翻幾個(gè)APP，如下案例。 

咱們的某寶，基本上第1屏就表達(dá)完所有內(nèi)容，第二屏絕大部分也是feeds了； 


考拉海購，前2屏表達(dá)內(nèi)容，2屏之后全是feeds；


小紅書更不用說了，第一屏就直接開始種草了；


用戶在網(wǎng)絡(luò)上的注意力時(shí)間是1-3秒，如果在這個(gè)時(shí)間內(nèi)你沒有吸引到用戶的話，那么他就很有可能把你略過?？上攵?，在這樣爭奪互聯(lián)網(wǎng)用戶注意力的背景下，信息的高效性是多么重要。 

三、如何提高屏效？

1.用更小的面積表達(dá)同樣的內(nèi)容。



2.相同的屏幕內(nèi)表達(dá)更多的內(nèi)容。這同樣可以細(xì)拆為幾個(gè)方法。 
①利用滑動(dòng)或者翻滾的效果，在同一個(gè)區(qū)域內(nèi)進(jìn)行內(nèi)容的轉(zhuǎn)變；比如banner以及淘寶頭條這樣的表達(dá)方式； 

②巧用折疊與展開，進(jìn)行非重點(diǎn)內(nèi)容的隱藏；



③內(nèi)容區(qū)域進(jìn)行多層信息疊加，比方說Instagram的發(fā)布


④利用轉(zhuǎn)移的手法，將復(fù)雜的內(nèi)容用新頁面進(jìn)行承載，如下圖豆瓣


3.利用好導(dǎo)航結(jié)構(gòu)，同樣的屏幕可以表達(dá)相同等級的多種內(nèi)容；


4.做模式區(qū)分，在任務(wù)模式下隱藏不必要的信息。如美團(tuán)外賣在滑動(dòng)過程中會(huì)隱藏購物車。因?yàn)橛脩舢?dāng)前聚焦的是瀏覽內(nèi)容


四、總結(jié)下來方法論就是

時(shí)間、空間上的同時(shí)利用。時(shí)間上隨著用戶任務(wù)的進(jìn)程進(jìn)行當(dāng)前任務(wù)的集中顯示，隱藏當(dāng)前任務(wù)不需要的信息；空間上將手機(jī)屏幕當(dāng)做一個(gè)立體空間，由多層空間進(jìn)行展示利用。 



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945

作者：Sophia的玲瓏閣  來源：站酷

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

分享本文至：

日歷

鏈接

個(gè)人資料

存檔