PS note: Pinterest 瀑布流, 究竟是不是好的設計?

剛好昨天在跟朋友介紹一個好用的網路服務-Justaple
結果其中一位看到他們使用瀑布流的瀏覽方式馬上就說他很不喜歡瀑布流的介面與瀏覽方式
雖然只是他無心插柳的一句話，但卻讓我突然開始思考一件事：縱使一件事物做的很棒，但總是不能滿足全部的人
我想這簡單的道理應該也不用我特別說明大家也能體會吧!

在開始筆記之前我先稍微描述一下什麼是瀑布流
這是一種將很多份的內容轉化為個別獨立的區塊
在滑鼠滾輪向下滾動時，jQuery 套件便會不斷的加載
讓新的內容產生出來並附加在網頁的最底端

為什麼這一兩年很紅呢?
主要是因為有一個很成功的社群網站 Pinterest
就是以這種瀏覽方式為主

而這種特別的互動方式可以讓使用者在瀏覽內容時，不必再像以往一樣一直不斷的在網頁上點擊下一頁，可以讓使用者瀏覽起來更為輕鬆

那這樣有什麼不好呢?
為什麼總是會有人不喜歡這種瀏覽方式呢?

這要先從我先前所看過的一篇文章說起
我記得我以前曾經看過一篇關於瀑布流的短文
(時間久遠，我真的找不到那篇文章)
其實瀑布流這種格局並不是 Pinterest 最早開始使用的
早在他開始使用這套件前幾年就已經有了
可是為什麼隔了一陣子以後這才開始紅
(網路上 90% 的文章都說 Pinterest 是始祖，其是那是錯誤的!)

而且當一火紅後馬上就有一堆類 Pinterest 網站如雨後春筍般的出現
但才過沒一年，當時大部份的類 Pinterest 網站，卻又突然都不見蹤影了
究竟是為什麼?我終於到現在才了解原因!

我個人覺得內容是最重要的因素
因為其實這種瀏覽方式是非常適合圖像的
所以像 Pinterest 是以圖像內容為主，文字為輔
基本上在瀏覽的時候重點都是在看"圖"
所以當使用者在看圖的時候可以很輕鬆的瀏覽全部的照片，再選擇他真的有興趣的照片點擊看大圖
所以網頁上滿滿都是使用者有興趣的照片時，那這種方式就會大為加分，因為可以一直不斷的往下流覽下去，而不用一直換頁
就像在用iPad看網頁或文章時，總是習慣用手指在螢幕上下撥動來瀏覽內容。你有辦法想像如果不能用滑動瀏覽，而只能一直不斷的點擊屏幕換面的樣子嗎?那種情況也太不人性化了吧!

如果當你只需要一直往下滾動就會一直不斷有您有興趣的內容出現，那這樣有多麼方便?相對的停留在這網頁上的時間也一定會更長

但情況改變了!
當變成文章的時候就會變成這樣

請問這個時候是標題是重點還是圖片是重點?
就像在看新聞的時候，大部分是對標題有興趣才會繼續往下看吧!
而現在大部分網路上的文章，常出現一種情況
那就是文章最上面的大圖跟文章內容沒有太大關係
那這個時候你會選擇看圖後再決定要看哪個文章嗎?
大部分的人應該都會選擇看標題吧
可是就像上面的截圖一樣
當你的標題變得很小，使用者瀏覽起來就會變得很痛苦，尤其他螢幕很大的時候(我的螢幕是24吋，所以一次會看到14個區塊出現)所以此時看標題就會變成一件很累又很吃力的事
尤其當每一個區塊又很小的時候，標題往往會被切成兩到三行
眼球的動線就會如下

我想光是用看的就會知道會對眼睛帶來多少負擔了
因為標題字體原本就很小，再用這種瀏覽方式真的會很痛苦
也難怪為什麼會突然有很多類 Pinterest 網站消失了

再來縱使是 Pinterest

也會發現眼睛的動線一直不穩定
看不久到還好，可是時間一長，停留個半個多小時都維持在這種狀態下的話，我想任誰都會累吧?

但 Pinterest 會這樣做必定是有它的原因
我想最主要是不希望把使用者的照片，每一張都截掉上面一塊或下面一塊
畢竟這樣做也很難原汁原味的呈現每張圖最原始的感覺
甚至有可能被截完後都不知道原始的圖是長什麼樣子
可以的話想像一下
如果布萊德彼特被截掉鼻子以上的部分後，還有人會想點那張照片嗎?

我會想到這些也是因為最近美國 ebay 的改版

他這一次的改版動作非常大，跟以往截然不同
而他使用的新介面就是"瀑布流"

而為什麼他會選擇這種方式呢?
就像我上面提到的
這種瀏覽方式非常適合圖像
我們在買商品的時候絕大部分都是因為商品的外觀吧!
用這種瀏覽方式可以迅速的讓使用者不斷的尋找他想要找的商品
想想國內的 Y拍、露天、對岸的淘寶...哪一個不是首頁都放滿商品圖