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