歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

關(guān)于頁(yè)面展現(xiàn)交互方法挑選的小主張

發(fā)布時(shí)間:2021-01-29 文章來(lái)源:本站  瀏覽次數(shù):2418

       無(wú)論是普通的pc端網(wǎng)頁(yè)展現(xiàn)仍是最近火起來(lái)的微信企業(yè)號(hào)頁(yè)面規(guī)劃,微信小程序界面規(guī)劃,一個(gè)優(yōu)秀的網(wǎng)頁(yè)規(guī)劃必定是用戶角度動(dòng)身的,內(nèi)容展現(xiàn)頁(yè)有兩種交互方法,瀑布流展現(xiàn)和分頁(yè)出現(xiàn),兩者相較各有千秋。那么問(wèn)題來(lái)了,網(wǎng)頁(yè)展現(xiàn)內(nèi)容時(shí)是選用瀑布流方法展現(xiàn)好仍是分頁(yè)出現(xiàn)好呢?信任這是每個(gè)規(guī)劃師規(guī)劃網(wǎng)頁(yè)的時(shí)分最苦惱糾結(jié)的問(wèn)題之一了。現(xiàn)在就讓規(guī)劃師給大家剖析一下這兩種頁(yè)面展現(xiàn)方法的優(yōu)缺點(diǎn)。


瀑布流
       瀑布流是一種答運(yùn)用戶不斷往下翻滾,頁(yè)面主動(dòng)刷新出現(xiàn)內(nèi)容的交互形式,且這樣的翻滾是沒(méi)有結(jié)尾的。這種方法在許多網(wǎng)站和運(yùn)用中有所運(yùn)用,但并不合適一切的網(wǎng)站和運(yùn)用。

長(zhǎng)處剖析
       運(yùn)用瀑布流作為閱讀內(nèi)容的交互方法能夠延伸用戶在頁(yè)面的逗留時(shí)長(zhǎng),增加用戶的參與度。

       它是伴隨信息高速增加應(yīng)運(yùn)而生,答運(yùn)用戶在信息海洋自在徜徉,有種自由自在的直觀感,比較合適用戶去在大量的內(nèi)容中隨意逛游發(fā)現(xiàn)自己中意的內(nèi)容。當(dāng)用戶在海量?jī)?nèi)容里去挑選自己喜歡的東西,而不是去挑選特定內(nèi)容的時(shí)分,瀑布流成了一個(gè)標(biāo)配,它十分符合逛的特質(zhì)。再?gòu)牟僮髯陨韥?lái)比較,比起單擊和雙擊等動(dòng)作,無(wú)論是PC端仍是移動(dòng)端,翻滾或滑動(dòng)來(lái)得更簡(jiǎn)單,功率更高。比方將一篇冗長(zhǎng)的文章渙散在不同頁(yè)面去出現(xiàn),還不如讓用戶翻滾去看完全篇,這樣的體會(huì)比分頁(yè)更好。

缺點(diǎn)剖析
       首要預(yù)加載關(guān)于用戶的閱讀是一個(gè)極佳的體會(huì),這個(gè)技能出現(xiàn)的布景是因?yàn)閮?nèi)容加載速度慢而導(dǎo)致的用戶的高流失率,運(yùn)用的被卸載。運(yùn)用瀑布流的頁(yè)面和運(yùn)用會(huì)不斷預(yù)加載內(nèi)容,可是當(dāng)加載了大量?jī)?nèi)容后,頁(yè)面反應(yīng)速度會(huì)越來(lái)越慢,影響運(yùn)用體會(huì)。其次因?yàn)槠俨剂鞫紩?huì)裝備大量圖片,所以關(guān)于硬件的容量要求特別高,許多16G、32G的PAD在運(yùn)用了一段時(shí)間后,需要咱們清除緩存才干再次運(yùn)用。

       其次便是當(dāng)咱們翻滾過(guò)程中發(fā)現(xiàn)了幾個(gè)好的內(nèi)容,可是也沒(méi)有能夠符號(hào)的動(dòng)作,回頭再想找中意的內(nèi)容時(shí)就很苦楚,你得重復(fù)剛剛的翻滾過(guò)程,運(yùn)氣好你能找到印象中的那幾個(gè)內(nèi)容,回馬槍很難耍起來(lái),降低了這方面的用戶體會(huì)。

       再次咱們無(wú)法直觀看到內(nèi)容的數(shù)量,瀑布流不會(huì)像分頁(yè)計(jì)算一樣有一個(gè)總數(shù)據(jù)的計(jì)算。用戶也無(wú)法通過(guò)閱讀器的翻滾條的長(zhǎng)度去預(yù)估什么時(shí)分能到底。因?yàn)楫?dāng)頁(yè)面翻滾到底部的時(shí)分,更多內(nèi)容會(huì)加載進(jìn)來(lái),翻滾條的長(zhǎng)度又開(kāi)端發(fā)生變化,一起footer會(huì)被推開(kāi)視界,然后footer中包括的信息也就看不到了,關(guān)于想看得用戶來(lái)說(shuō)是個(gè)難點(diǎn)。所以規(guī)劃的時(shí)分能夠嘗試把底部做固定或者規(guī)劃一個(gè)“更多”的按鈕,這樣內(nèi)容的加載操控點(diǎn)在用戶手中,體會(huì)更佳。


分頁(yè)顯現(xiàn)
       顧名思義便是把內(nèi)容分別拆分到不同的頁(yè)面顯現(xiàn)。比方200行內(nèi)容,每一分頁(yè)顯現(xiàn)20行,分10頁(yè)顯現(xiàn),你能直觀看到內(nèi)容的總分頁(yè)數(shù),分頁(yè)內(nèi)容數(shù),分頁(yè)出現(xiàn)內(nèi)容數(shù)的操控。

長(zhǎng)處剖析
       分頁(yè)顯現(xiàn)能夠方便用戶去尋找特定的內(nèi)容,用戶再次打開(kāi)頁(yè)面,仍是能快速找到對(duì)應(yīng)的內(nèi)容。準(zhǔn)確的定位能協(xié)助你快速找到那些你中意的內(nèi)容,整個(gè)閱覽的進(jìn)度,加載多少內(nèi)容都會(huì)是在準(zhǔn)確的操控范圍內(nèi)。

       比照瀑布流的無(wú)窮無(wú)盡,用戶在分頁(yè)顯現(xiàn)中知道內(nèi)容數(shù)量是多少,總數(shù)量是多少,什么時(shí)分能夠閱讀完畢。分頁(yè)操作的界面:上一頁(yè),01,02,03,04,05……19,20 下一頁(yè),讓用戶做到胸有成竹,讓用戶感受到操控感。上述特點(diǎn)能夠看到,分頁(yè)顯現(xiàn)比較適用一些購(gòu)物類(lèi)的網(wǎng)站,當(dāng)用戶在網(wǎng)上購(gòu)物,他們經(jīng)常會(huì)來(lái)回比較查看感興趣的產(chǎn)品。比對(duì)下淘寶和京東的APP,京東在網(wǎng)下滑動(dòng)的時(shí)分是有分頁(yè)顯現(xiàn)的“9/70”,清晰告訴你數(shù)量,淘寶這點(diǎn)暫時(shí)還沒(méi)發(fā)現(xiàn)。

缺點(diǎn)剖析
       當(dāng)然比照瀑布流的操作方法,分頁(yè)的方法在操作次數(shù)所需更多,比方用戶要看下一個(gè)分頁(yè)內(nèi)容,得找到”下一頁(yè)”的按鈕,鼠標(biāo)移動(dòng)到按鈕上,“點(diǎn)擊”然后等候下頁(yè)的加載,每頁(yè)顯現(xiàn)的內(nèi)容也是有限的。

那如何決定是運(yùn)用瀑布流仍是分頁(yè)顯現(xiàn)?
       分頁(yè)顯現(xiàn)相對(duì)來(lái)說(shuō)是一種安全形式,比較適用那些帶有清晰內(nèi)容偏向的用戶去運(yùn)用的場(chǎng)景。

       舉個(gè)直觀的例子:谷歌的文字查找是運(yùn)用分頁(yè)顯現(xiàn),而圖片查找采用的是瀑布流的方法,糾其原因是:

       文字查找關(guān)于用戶來(lái)說(shuō)是有清晰意圖傾向的而圖片查找關(guān)于用戶來(lái)說(shuō)他也不知道該找哪張圖片,所以需要從海量圖片中找尋;用戶閱讀和處理圖片的速度遠(yuǎn)大于處理文字的速度,瀑布流的大量?jī)?nèi)容的推送關(guān)于用戶處理來(lái)說(shuō)不在話下。
       所以規(guī)劃師在挑選運(yùn)用瀑布流或分頁(yè)顯現(xiàn)前得想清楚各自的優(yōu)缺點(diǎn)。具體運(yùn)用哪種交互方法,得根據(jù)實(shí)際的場(chǎng)景和內(nèi)容的傳遞方法來(lái)剖析。總的來(lái)說(shuō),瀑布流更合適那些隨意閱讀,逛逛看看不帶特定意圖的場(chǎng)景運(yùn)用。而分頁(yè)顯現(xiàn)比較合適帶有特定意圖,想查找具體項(xiàng)在哪個(gè)位置,閱讀過(guò)的內(nèi)容還能回頭一一快速而方便找回的場(chǎng)景。

上一條:扁平化風(fēng)格網(wǎng)站之纖細(xì)作用...

下一條:怎么巧用顏色調(diào)配進(jìn)步轉(zhuǎn)化...