今天我們繼續講解產品經理之路的第二篇。
溫故知新，在上一講中我們了解了「雷十條」中的基本原則，你還記得它們是什麼嗎？
現在言歸正傳，開始布局原則的講解。首先要給大家介紹的是「左上右下」原則：
這裡的重要內容指的是功能性的內容，需要放在中間的內容是頁面上要承載的主要信息，也就是用戶要獲取的諮詢。
口說無憑，來看一些例子吧。酷我曾經把會員價格和會員福利放反了，為我們提供了一個反面教材。
千千靜聽和酷狗音樂都遵循了「左上右下」的原則。它們都把播放器放在了左上最顯著的位置，下面放播放列表。
酷我反其道而行之，把歌詞放在了左邊，播放列表在右邊，而播放器被放在了最下面。
這就帶來了一個很有趣的現象，用習慣了酷我的用戶反而不能接受酷狗和千千靜聽等其他播放器了。這就引發了開發者去思考，可以留住用戶的最主要的因素是什麼呢？答案是：習慣。就像雖然前幾天Apple手機就開始大行其道，可是Nokia還是憑藉著大眾對其的習慣性生存了一段時間。所以，要想成功，就要在用戶還沒有養成習慣前幫Ta們養成習慣。留住用戶的另外兩個因素是「關係」和「數據」。在這裡不多說，以後有機會再慢慢聊。
再來看看BitTiger的網站是否遵循了「左上右下」的原則呢？
答案是肯定的。左上角是重要的VIP標識，吸引大家加入。右上是導航欄，主體內容的視頻被放在了中間，一目了然。
下一條原則是「面積匹配」。
就像上面的BitTiger的主頁，用戶主要關注的就是不同的視頻選擇，所以它們就佔據了頁面主要的位置。
看一些例子。在酷我的PC端的頁面上有三屏，大家可以看到，從一屏廣告的點擊量到二屏再到三屏廣告的點擊量幾乎是呈指數下降的。這就是所謂的「把功能按照參與比來進行排序」。當然，這三個屏的廣告的標價就不一樣嘍！
酷我的默認榜單的排序也是同樣的道理，越受歡迎的歌單排名越靠前。細心的你也許會發現，喜歡聽網路歌曲的人竟然要高過喜歡熱歌的人，可是為什麼不把網路的位置移到前面呢？因為這個榜單除了要按照點擊率來排序，但也要兼顧類比群體的劃分，例如新歌和熱歌是類似的，網路和影視來源類似，而後面是按照國家地區分類的，這樣會排序會更整齊。所以，這些原則都要靈活使用，找到適合你自己更好的方法才是王道。
在焦點圖（上圖中的圖片部分）的設計上也是同樣的道理。一個小點點代表著一張焦點圖，不同順序出場的圖片的點擊量還是相差不少的。所以這裡你就可以明白了，為啥同樣是圖片，點擊量的差距怎麼就這麼大捏？
何止是焦點圖輪播的點擊量差距大，默認列表和類別搜索的列表都同樣如此。
內容所放位置和所佔面積的大小也能反映一家公司的業務側重在哪裡。酷狗主打通過電台聽歌，把電台放在了非常醒目的位置也佔了不少的篇幅。而同樣在做電台的酷我就把他們稍稍隱藏了一下，所以收聽量就不及酷狗高了。
手機端設計同樣如此。從前歌曲的頁面被放在了主體，而播放列表等被冷落在了下方，這樣的設計違背了「面積匹配」的原則，於是現在的頁面將位置調換了。
另外一些按照數據驅動來運營的方法 也可以體現在手機端的頁面設計上。根據下面第一個圖的手機屏道的排列，其實酷我應當相應的調節頻道的位置排序，這樣才更科學。
下一條是「七條原則」
這個很好理解，當列表中有多餘七條可選項的時候用戶往往會需要自己尋找想要的內容，弄得頭昏眼花很不人性化。相反，把可選項控制在七條之內，然後把更多的選項隱藏於「其他」分類就更明了了。來看例子：
使用過酷我的同學也許會有同感，熱門分類眾多，不知道該選擇哪個，不如借鑒iPad的設計。
下面這個有點理工科欣賞風格的頁面雖然因為種種原因最終沒有通過，可是也很好的體現了這個原則：
其實BitTiger的主頁設計也體現了這個原則。每類視頻都在下面列舉了6個最新視頻，更多內容還需要用戶自己去探索喲！
今天要講的最後一個原則是「廣告獨立」：
在頁面上出現的廣告大致可以分成兩類：固定廣告和意識流廣告。意識流廣告類似於BitTiger的VIP購買廣告，超出3天更新的視頻用戶只能收看一部分，想看全部的視頻就需要購買VIP了。下面列舉一些固定廣告的例子：
這個是萬惡的PC端彈窗廣告，同時也為賴以生存的商家帶來了可觀的收入。
還有在播放器中嵌入式的廣告：
下面也是嵌入式的，不過這次是嵌在了主頁中，可以是在焦點圖上，也可以在頁面的不同位置。
小結一下：
左上右下：左上是功能重要的東西，右下方是附屬關聯性的內容；
面積匹配：越重要的內容佔得面積要越大，換句話說，占面積越大的內容，點擊量就越多；
七條原則：寫的東西不宜太多，否則就要加分層功能；
廣告獨立：大大方方的列出固定廣告，想做意識流廣告就做的足夠巧妙。
本文整理作者：Elaine, 更多精彩內容， 請掃描下面二維碼，關注微信公眾賬號「論碼農的自我修養」
推薦閱讀：
