一、什么是屏效？

或許我們曾聽過這樣一個(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)容，對(duì)于產(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á)相同等級(jí)的多種內(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)行展示利用。

注意：切不可過度追求屏效，過度會(huì)導(dǎo)致信息冗余，造成畫面混亂，缺少節(jié)奏感，用戶閱讀起來會(huì)有障礙，反而降低了信息的表達(dá)效率。其中的度在于，將頁面放在手機(jī)上看，換成質(zhì)量差的圖片看起來是否覺得凌亂。