當(dāng)前位置:首頁 >  站長 >  網(wǎng)站運(yùn)營 >  正文

網(wǎng)站模式分析:Pinterest“瀑布流”背后的心理學(xué)

 2012-02-17 17:09  來源: 采銅學(xué)心錄   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

Pinterest很紅。根據(jù)comScore的數(shù)據(jù),2012年1月Pinterest的獨(dú)立訪客數(shù)達(dá)到1170萬,是除google+外最快達(dá)到千萬用戶的網(wǎng)站,穩(wěn)居美國社交網(wǎng)站第七把交椅(前六位是Facebook、twitter、Linkedin、myspace、google+、tumblr),而國內(nèi)也是山寨者眾多。

Pinterest為什么會紅?原因是多方面的,比如對用戶來說極低的參與成本、更靈活的訂閱機(jī)制減少了信息噪聲、Repin操作形成病毒性的擴(kuò)散機(jī)制等,但是更受人矚目的就是其獨(dú)特的“瀑布流”圖片布局。這種布局詬病者不少,但是我卻很喜歡,因?yàn)殡m然這個創(chuàng)意來自于網(wǎng)站創(chuàng)始人在生活中的靈光一現(xiàn),但是卻恰好符合人的視覺心理學(xué)規(guī)律,下面就分析一番:

這里首先要從人眼感知文本內(nèi)容和圖片內(nèi)容的差異說起。人閱讀文字是一種串行模式,必須一個詞一個詞按確定的順序線性地讀下來;而人觀賞圖片是并行模式,他可以在眾多圖片中快速地掃視,然后選擇其中自己感興趣的部分,這種方式比線性模式找到感興趣內(nèi)容的效率要高得多。

所以很多典型的產(chǎn)品界面模式遵從了這種差異,比如:

1 搜索引擎的搜索結(jié)果頁,若是網(wǎng)頁搜索結(jié)果都是線性排列,若是圖片搜索結(jié)果都是矩陣排列(google和bing的圖片搜索結(jié)果頁甚至去掉了所有的文本信息,只有在鼠標(biāo)懸停在某張圖片才會出現(xiàn)文本,這種設(shè)計正是凸顯圖片并行瀏覽的優(yōu)勢);

2 SNS類產(chǎn)品、微博的feed頁面都是線性排列。不過這里有個問題,如果是純文本feed(如知乎),線性排列是最佳模式,而圖文內(nèi)容皆有的feed(如微博和SNS),你會發(fā)現(xiàn)瀏覽圖片的效率比較低,因?yàn)閳D片內(nèi)容不適合線性排。

那么傳統(tǒng)的圖片展現(xiàn)是以矩陣模式為主,搞一個交錯型的瀑布流模式是怎么回事呢? 這里首先要了解一下人眼的掃視路徑的影響因素是什么。這方面的認(rèn)識取自認(rèn)知心理學(xué)中有關(guān)“視覺搜索(visual search)”領(lǐng)域的大量研究。目前心理學(xué)家的共識時,影響視覺搜索效率的因素主要是兩個:一個是人既有的經(jīng)驗(yàn)和習(xí)慣,是一種自上而下的影響;另一個是畫面本身的視覺顯著性,是一種自下而上的影響。對于前者,我們都知道人一般是從上往下、從左往右看,所以一個矩陣式的多圖片頁面,其掃視路徑差不多受這種習(xí)慣影響而有些僵化。對于后者,畫面本身的視覺顯著性(動態(tài)、顏色及其整體美感等)構(gòu)成了一個“顯著性地圖(saliency map)”,用戶的注意力首先會被畫面中視覺上最顯著的部分所牽引。所以自下而上的因素(圖片本身的因素)容易使用戶可以更高效地選擇到優(yōu)質(zhì)的視覺內(nèi)容,而矩形模式下的掃視習(xí)慣會干擾自下而上的因素發(fā)揮作用。

舉個例子來說,在搜索引擎的圖片搜索結(jié)果頁面中,如果有一張好圖位于頁面的右下角位置,你可能會先在頁面左上部徘徊幾下才能逐漸找到這種圖片;而在瀑布流布局中,你則能更快地找到這張圖片。 所以說,線性模式是文本內(nèi)容最好的布局方式;瀑布流模式則是圖片內(nèi)容(迄今為止)最好的布局方式。

Pinterest更妙的一點(diǎn)是,用戶可以按自己的偏好選擇圖片視覺搜索的方式:雖然網(wǎng)頁默認(rèn)有5列圖片,但當(dāng)你把網(wǎng)頁縮小時,頁面中每張圖片縮小,同時列數(shù)增加(最多可增加到10列),每頁同時呈現(xiàn)的圖片數(shù)量就會增加,這對一些用戶來說就可以增加搜索的效率。

正由于瀑布流模式是一種十分高效的圖片瀏覽界面,所以吸引了很多用戶將它作為收集和欣賞圖片的工具,也正是這點(diǎn),成為了Pinterest快速流行的最大動力。

版權(quán)聲明:轉(zhuǎn)載時請以超鏈接形式標(biāo)明文章原始出處和作者信息及本聲明

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦