【文章內容簡介】 據(jù)該城市居民對產品評分動態(tài)調整，因此這個排行在各個城市/地區(qū)都有差異。右上方是“XXX新成員”，列出4個新加入該城市的居民，顯示圖像和名字，即時更新。下面依次是“XXX的成員喜歡去的小組”，列12個，顯示圖像、名稱、人數(shù)，按人數(shù)降序排序，提取是從所有小組里隨機，每15分鐘更新一次。最下方是“最近發(fā)生”，顯示12項最新該城市用戶對產品的標識，是即時變動的。 用戶加入某城市后，登陸后點擊“同城”會直接進入相應城市頁面。 小組：用戶登陸前，首頁左上方是“最受歡迎的小組”，顯示15個人數(shù)最多的小組，按人數(shù)降序排列，提取內容是圖像、名稱、人數(shù)，按實際動態(tài)調整。左下方是“所有小組的最新話題”，是對站內所有小組新發(fā)話題的提取，顯示的是話題標題、小組名、發(fā)帖人名、回應數(shù)和最后回應時間，即時更新。 頁面右上方是搜索功能，可以搜索站內所有小組，該項是固定的。往下依次是“新成立”，顯示10個最新成立的小組，提取名字和人數(shù)，即時更新。最下面是“合作媒體”，提供合作方《書屋》、《書城》、《天涯》這三本讀書類雜志在豆瓣的官方讀者小組快速入口，該項固定。 用戶登陸后，左上方是 “我參加的小組”，是用戶所有參加小組的列表，顯示圖像、名稱、人數(shù)。下面接著的是“我所在小組的最近話題”，是對用戶所有參加小組新發(fā)話題的提取，最下面是“所有小組的最新話題”，與登陸前一致。 右邊頁面在用戶登陸后在原來頁面基礎上增加了兩個板塊，搜索下增加了“創(chuàng)建一個新的小組”功能，用戶只有加入一個小組后才有創(chuàng)建小組的權利，創(chuàng)建過程很簡單，只需填寫小組名稱、介紹、標簽（不超過5個）。再下面也是新增的“15分鐘名組” ，是小組按豆瓣算法的隨機提取，顯示圖像、名稱、人數(shù)，按人數(shù)降序排序，每15分鐘更新一次。 單個小組頁面功能有論壇、成員列表、小組收藏、成員常去的其他小組列表，成員主要的交流方式是論壇討論。 我的友鄰：登陸前進入注冊頁面，登陸后進入用戶交友管理頁面。 該頁面提供用戶站內搜索和邀請（站外郵件邀請）功能，用戶站內交友狀態(tài)欄（已加和被加友鄰）。網(wǎng)站推薦“人”的信息，包括即時性的網(wǎng)站新成員顯示和豆瓣通過用戶已有行為計算出的興趣相仿用戶——“豆瓣認為和你口味最像的”。這些用戶列在豆瓣“我的友鄰”頁面右下角，用戶可以詳細瀏覽他們看過的書和電影，決定是否將其列為自己的友鄰。一旦這些成員成為友鄰，用戶可以很方便了解到他們的動態(tài)信息：比如他們正在看的書、想看的書，添加的書評等。用戶間的聯(lián)系方式主要是通過“豆郵”，類似碰碰“小紙條”的站內信息交互方式。 “同城”、“小組”、“友鄰”，從交友來說，這是一個范圍逐漸縮小的過程。豆瓣在這之上加入了共同愛好“物”這個媒介，交友緯度增加了，使得豆瓣相對于一般交友網(wǎng)站或者更有針對性。 基于SNS建立的網(wǎng)站大多是交友類型的，但豆瓣中的交友功能只能算附屬品。首先網(wǎng)站在交友服務上比較薄弱，小組（群交友）只有論壇，友鄰（單對單）只有豆郵，用戶交互方式需要拓展；其次網(wǎng)站“物”的體現(xiàn)壓倒了“人”，用戶個體的關注點在“物”，“友鄰”的作用更多地體現(xiàn)在幫助用戶找到“物”上。 總括來說，豆瓣目前提供的服務有：特定用途的檢索（書、電影、音樂，還有本站內的用戶）、購買渠道推薦（“在哪里買”）、特定商品的比價（“一網(wǎng)打盡10多家網(wǎng)店”）、資料的存儲和共享（“我的豆瓣”和“別人眼里我的主頁”）、站內線上交互（“小組討論”和“豆郵”）、SN（“友鄰”和“同城”）、“二手交換”，還有“豆瓣推薦”（“猜你會喜歡”和“豆瓣認為和你口味最像”）。 產品原則 在用戶引導上，豆瓣強調用戶參與原則，用戶參與的越多，收獲也就越多。如用戶只有加入一個小組后才有創(chuàng)建小組的權利，需要用戶有9個以上的收藏并且給出了評價之后，豆瓣才會向其推薦成員，讓其擁有二手交換發(fā)布和推薦豆列的權利。這是豆瓣基于計算模型需要作出的約定，但同時卻令用戶有不斷發(fā)現(xiàn)的驚喜。 在用戶路線上，豆瓣采分散集中的原則，產品線上的是分散，功能鍵都設置到相應的產品頁面上，是過程的體現(xiàn)；用戶管理是集中，集中用戶在站內的行為，是結果的體現(xiàn)。這種類似購物網(wǎng)站的設置給用戶的體驗就是方便，而且路線清晰。 在產品設置上，豆瓣采核心需要原則，豆瓣為保證站內用戶使用網(wǎng)站的專注，沒有貼圖，也沒有通常社區(qū)網(wǎng)站為增加訪問量而設的積分和升級系統(tǒng)。這種做法一方面保證了網(wǎng)站垂直運作的專業(yè)性，對網(wǎng)站氛圍營造起到推波助瀾的作用，但另一方面也鞏固了網(wǎng)站的“小眾”，局限了用戶基數(shù)的擴展。用戶不僅增長緩慢，而且缺少對老用戶的激勵，一旦市場上出現(xiàn)同類型資源雄厚網(wǎng)站，而網(wǎng)站本身用戶積累未達規(guī)模，豆瓣的抗擊力就很令人擔憂。 四、 豆瓣設計 中國用戶第一次看douban.，都有一種登錄外國網(wǎng)站的感覺。而事實上，豆瓣簡約素雅的界面風格，靈感確實來自于著名的圖片網(wǎng)站flickr，學習的還包括它的分享概念。使用這種設計風格，與豆瓣網(wǎng)的產品思維相關，也與豆瓣建站宗旨服務讀書人群，與該人群審美喜好吻合。： 頁面技術：采用div+css的頁面技術，從《網(wǎng)站重構》一書翻譯以來，此種布局方式已經(jīng)開始深入人心。 整體用色：通過色塊底色來突出整塊內容，重要顏色有淺粉、淺藍，和白色底結合起來，非常清爽。 圖片大小：、音樂、電影和用戶（小組），都采用縮略圖，用戶（小組）的縮略圖小一些。前三者網(wǎng)上的圖片一般都比較好看，也必須要大一些，后者因為可以上傳，由網(wǎng)站壓縮成統(tǒng)一尺寸，所以設計成更小的圖，能使得圖片顯得好看。 圖片數(shù)量：豆瓣網(wǎng)對圖片的使用極其吝嗇，幾乎沒有，連用戶發(fā)評論、發(fā)帖都不可發(fā)圖片。 這樣好處是非常明顯的，一方面能夠使用戶專注在文字上，而圖片部分都和網(wǎng)站核心相關，不會產生無關的東西。這樣的限制與網(wǎng)站用戶群鎖定喜好閱讀人群，較容易接受以文字為主的頁面呈現(xiàn)方式相關，對網(wǎng)站獨特的用戶氛圍建立也有幫助。另一方面，這種做法使網(wǎng)站訪問速度非?？臁?網(wǎng)站布局：不管什么頁面都是采用相同布局。布局采用上中下方式：最上面為導航；中間為2列方式，左邊為頁面核心內容，右面為輔助、相關功能及信息；下面是站務導航。所有導航同樣沒有一張圖片。 樣式用色：樣式表使用上豆瓣網(wǎng)也匠心獨運，鏈接選的都是深藍反白，點上是橙色，刪除是深紅反白，書籍/音樂/電影使用深紅反白，功能說明和站點書簽 icon是綠色，推薦的星星是紅色，剩下的就是永恒不變的黑色了。整個顏色圍繞藍色和紅色色系以及綠色展開，這個和豆瓣網(wǎng)的logo相符，非常協(xié)調。 按鈕設置：button使用得很少。 頁面長度：每個頁面非常短，一般兩屏，不超過三屏。 太長的頁面會使用戶失去耐心，事實上， 3屏以下的頁面，用戶注意力到達率偏低。因此網(wǎng)站頁面長度，23屏是最好的選擇。長頁面只不過是門戶網(wǎng)站想多幾個廣告位置或片面求大求全的做法，并不是每個網(wǎng)站都需要這樣。 廣告設置：豆瓣不同于其他網(wǎng)站，不提供花哨的廣告位，目前只有google文字廣告和“讀書”、“讀者”的文字廣告在站內一兩個頁面零星出現(xiàn)。 估計這種克制投放的文字鏈接廣告會是豆瓣網(wǎng)的長期做法，如果提供了傳統(tǒng)的圖片、flash廣告，并在站內廣泛分布，勢必破壞整個網(wǎng)站苦心經(jīng)營的人文氛圍，整個站點都會變樣。 用戶路徑：只做頁面跳轉，不使用彈出窗口。 這是用戶爭議比較大的一個應用。豆瓣在這點的應用與西方網(wǎng)站習慣相同，但對習慣中國網(wǎng)站新開窗口方式的大多數(shù)中國用戶來說，使用豆瓣都有個重新適應的過程。有用戶會投訴，想回看之前看到的有興趣的東西就必須使用瀏覽器上的“倒退”，相當不方便；又或者只能不斷地用鼠標右鍵新開窗口，對網(wǎng)絡新人來說用戶體驗相當不友好。 在這點的用戶體驗上，涉及到一個關鍵的前提，網(wǎng)站需要什么用戶的體驗。如果網(wǎng)站的目標用戶群是接受這種方式，并不會因為這種方式而放棄網(wǎng)站的話，那網(wǎng)站就不需要做出改變，這也可以說是豆瓣“小眾”的一個體現(xiàn)。 頁面使用跳轉的形式與網(wǎng)站受眾群相關，大部分都是讀書、音樂、電影愛好者，所以讓用戶盡量順著同一線路走完，因為這些作品一般人的習慣都是順著看下去的，中間需要慢慢欣賞體會的時間，沒多少人是跳著去欣賞的，也可以認為網(wǎng)站也不鼓勵這種蜻蜓點水式的用戶行為。這也與網(wǎng)站的用戶導引相關，希望用戶是每一步都發(fā)現(xiàn)新的東西，找到新的興趣點繼續(xù)在站內縱橫“行走”。另一方面，因為網(wǎng)站在頁面設計上做了很多限制，保證了頁面跳轉速度的快速，所以用戶不會因這種方式而影響到對網(wǎng)站的正常使用。 所以那些不習慣不彈出窗口的，可能也不太容易真正在豆瓣網(wǎng)上長久安家，注定也不是它的核心用戶。豆瓣也可依此遴選它需要的用戶，更便捷在站內建設它需要的文化。 總體來說，豆瓣網(wǎng)非常精巧地應用了div+css，并且通過色系的運用，最大限度減少圖片等方式，既使得網(wǎng)站頁面清新可人，又可以最大限度壓縮網(wǎng)頁的大小，從而使得訪問的效率得到了最大化。因為頁面內幾乎沒有垃圾信息，從而使得google檢索起來都非常有效率，而每頁的相關使得網(wǎng)站整體對檢索機器人也是非常友好的。 ui布局上，整個網(wǎng)站統(tǒng)一布局，非常容易上手，不容易讓用戶迷失。豆瓣的ui哲學跟開發(fā)者使用python也可能有關系，python是一種通過縮進來進行功能邏輯塊的編排，加上python本身的精悍，從而使得python程序非常簡約明了。從這個角度說豆瓣布局可以看作python程序的編排，豆瓣的理念也可以看作python的理念。 如果說要問豆瓣網(wǎng)站風格屬于什么流派，我想豆瓣應該是屬于google的簡約派！當然不