第599章 嵌套結構
微博總部，會議室里燈光一片暗淡。
微博美工部的負責人徐麗雯正站在投影儀幕布前，指著作為前端美工，給微博設計的頁面講述著種種設計思路：「我們覺得微博的設計可以延續人們對貼吧、論壇的使用習慣，採用主題帖子的形式，用戶登錄之後，它的帖子就會出現在頁面之中。但與傳統論壇或者貼吧不同的是，它的頁面要更簡潔高效————」
她說，眾人聽。
這裡面自然也包括李木。
而比較起來百度這邊的人，新京報那邊包括武敏在內的領導層多多少少顯得有些「懵」。
畢竟雖然他們也都或多或少的接觸了網際網路，可對所謂的網頁美工設計，其實還真沒琢磨特別多。
甚至對微博的概念，就像是徐麗雯說的那樣，就像是一個「綜合性論壇」。
缺乏一個直觀概念。
但李木卻截然不同，從看到那頁面開始，他就直接否決了這個美工方案。
太像貼吧了。
並且，特色不夠。
沒有那種能直接吸引人的耳目一新之感。
此刻，他體內的本能在瘋狂的涌動，腦海里自動出現了一個很經典的微博網頁。
那是源自襯衫哥的記憶————
微博的頁面————不該是這樣，反倒是腦海里那個畫面，吸引力更大。
不過他沒出言打擾會議進程。
而是繼續聆聽。
直到徐麗雯說出了那句：「以上，是我們美工部的設計思路。謝謝大家。」
沒人鼓掌。
沒人吭聲。
徐麗雯在說完後，就直接退到了一邊。
而旁邊做會議記錄的工作人員則站了起來，打開了會議室的燈和窗簾。
瞬間，包括剛從美國下飛機，沒休息，立刻就趕來公司總部的李彥弘在內，所有人的眼睛不自覺的眯了一下。
而在適應了光線後，徐勇看了一眼桌子對面的新京報的人，想了想，問道：「武總，李總，各位覺得如何？」
武敏沒吭聲，而是看向了李木。
吉祥物很有自知之明。
眼神里就一個意思：「你覺得呢？」
然後————李木就站了起來。
起身，離席，直奔幕布前。
先是禮貌對徐麗雯點點頭：「徐老師辛苦了。」
帶著很濃事業單位味道的稱呼和感謝，讓徐麗雯似乎不太適應。
但李木沒理會，而是從旁邊拿過來了一塊移動黑板。
沒有怯場，沒有茫然。
當他站在黑板前的時候，眾人立刻就感覺到了一股————很莫名的東西。
形容不上來。
但————似乎有一股名為「自信」的氣息在蔓延。
「我和各位聊聊我對微博頁面的看法。不過，我不是美工，所以只能用這個。」
他揚了下手裡的馬克筆，接著，在黑板上畫了一條豎線，豎線的位置剛好把黑板切割成了1/4、3/4的面積。
畫完了後，他又在黑板旁邊1/4的區域，寫下了幾個字。
【簡潔】、【發現】、【吸引力】
「徐老師，坐。」
寫完後見徐麗雯還站在自己旁邊，他指了指座椅。
意思很簡單：接下來，看我表演。
「首先，感謝美工部的同僚們提供的設計思路。我知道，大家可能喜歡直來直去的溝通方式，所以我就直說了。美工部的方案，我不滿意。」
「...
—「」
徐麗雯嘴角一抽。
「現在，這片區域是電腦屏幕。」
指了指3/4的黑板位置後。
李木首先在右上角畫了一個小框：「這裡是用戶登錄。區域不用很大，這點就不說了。然後，剛才徐老師說的，是把微博的文字框放到下面，我知道，你是借鑑了貼吧的格式。但，我希望能放到上面。也就是頂部區域。」
徐麗雯一聽，本能的就想要說些什麼。
但李木卻擺擺手：「聽我說完。我知道，大家或許覺得你們設計的貼吧格式很方便。但，我想請各位模擬一下這個使用場景。比如不管是貼吧，還是論壇，我在貼吧上看到了一組數據，比如————就CNNIC統計的我們國家網民數量吧。我想要直接複製到文字框裡，那麼，我第一步要做什麼？很簡單，在貼吧或者論壇里找到這個數據。」
他的手做出了握著滑鼠的動作：「比如這篇文章很長，我要截取的只是某一句話。那好，我用滑鼠滾輪往上翻，翻啊翻，翻到了後，複製，然後滑鼠滾輪繼續往下滾，滾到底，露出了文字框，粘貼。好，這是一套動作。
但如果我們把文字框放到上面呢。首先，這個對話框不用很大，大概————在屏幕上也就一兩公分的寬度。並且，這一片區域是固定的。它一直固定在網頁的最上面。而當我們挪到了需要閱讀的帖子頁面時，無論滑鼠滾輪怎麼滾動，對話框始終恆定在上方。
這樣我們就免除了一步重複操作，直接翻找到了我需要引用的文章內容後，複製，滑鼠一點，無需滾輪操作拉到最底下，就能直接粘貼了進去。」
說著，他頓了頓，繼續說道：「可能我說的比較繞，但實際上，就是一個網頁，兩個框架。明白麼？大框架和小框架是區分開的。誠然，如果有人不想發微博，只是想閱覽話題，那也OK。只需要在大框架下進行滾輪下拉，就能把文字框給完全掩蓋。只留下小對話框，方便用戶全心全意的瀏覽話題。這個概念，我描述的夠清楚麼？大家能理解麼？」
」
」
」
「，」
「，新京報的人就不提了。
百度這邊，李彥弘的反應是最快的：「嵌套式結構，在一個大的布局容器中，再將頁面劃分為多個功能區域，每個功能區域內部又各自包含獨立的布局結構？是這意思麼？」
「呃————應該就是李總你說的那樣。確實，這也是我接下來要說的，我們不同的網頁區域，要有不同的作用。咱倆說的意思應該是一致的。」
「用戶對某個話題感興趣，瀏覽帖子的時候，可以選擇一邊發帖，一邊瀏覽。而如果不想發微博，只想瀏覽，那就單純瀏覽。我們用嵌套結構，給用戶一種自我選擇性。並且在這方面做到最大的自由？」
「對。」
「哈哈~」
李彥弘樂了，點點頭表示讓李木繼續說。
「而這種布局結構下，如果只是基於傳統論壇或者貼吧那樣的格式，其實勢必會造成信息的散漫。所以，我覺得微博的頁面應該是布局分明，條理清晰，信息密度適中，同時又不失吸引力的特點。」
「..
，」
徐麗雯又瞬間無語了。
她總覺得這些要求是廢話————但又不好意思說。
布局分明？OK，暫且不論李總你要求的那種嵌套結構好與壞。
就單說信息密度適中，吸引力這兩方面。
什麼叫適中？信息是多？還是少？
至於吸引力————一個網頁，除了用帖子、新聞的標題來吸引用戶，難不成還在網頁上面描龍畫鳳的，讓用戶來提高審美？
可下一秒————忽然，李木把原本的3/4那塊「電子屏幕」又畫下了兩條豎線。
一下子從3/4變成了三等分新娘了。
「這一塊，我們可以作為吸引用戶的起點。我還是以娛樂圈舉例。屏幕左側區域，顯示的是一個個用戶。比如范冰、李桃冰、周訊、黃小明這些人開通了微博後，他們的微博頭像、名字會出現在左側。就——————一個個的排成排。一個用戶點開了微博網頁後，就能看到這些用戶的頭像。
比如用戶是范冰的粉絲，那好，用戶只需要點一下頭像，網頁直接就跳轉到了范桃冰的微博。用戶就可以了解自己喜歡的藝人微博里發了什麼，分享了什麼。甚至還能通過評論留言裡，和偶像互動。」
「唰！」
一下子，很多人的眼睛亮了起來。
「唔————李記，你的意思是，類似推薦機制一樣？」
「對。是推薦，但更像是一種明星用戶的展示。還記得咱倆聊的博客的弊端麼？」
「高園圓那個？」
「對。你說多諷刺，高園圓自己的博客，用不了【高園圓】這個名字，必須要在後面加上一串數字。同時，博客的用戶想要找到她，還要去搜具體的ID。可我們呢？我們可以提供一條認證通道。經過我們認證的明星，不需要別人冒名頂替。比如給她的微博一個標誌，證明這人就是那個明星。
甚至有人試圖混淆視聽，我們可以直接強迫讓對方的名字成為亂碼，最大程度避免了冒名頂替。
而經過我們認證的各行各業的人才。比如李總你，你的頭像同樣出現在左側，【李彥弘】一百度創始人。你會在微博上分析一些對某些東西的看法，或者與IT工作者交流。用戶只需要點進去，或者關注你，那麼，在中間這篇區域，自然就會顯示出他關注用戶的微博內容。
他可以一條一條的看。這樣就能保證，用戶始終可以處於一個很舒適的信息密度中，停留在咱們網站，發掘自己感興趣的話題、人物。並且通過這種嵌套結構，不需要很麻煩，就能發表話題，發表看法。評論別人的微博等等。」
這下，連一旁的徐麗雯也聽入迷了。
你別說————
這種設計思路————好像確實比我們美工部的人設計的好啊。
正琢磨著，李彥弘繼續問道：「那最右邊那塊區域呢？」
「當然是熱搜榜。這塊區域就專門給它留的。」
說著，李木點了點那幾個字。
【簡潔】、【發現】、【吸引力】
「一塊頁面，全部解決。各位覺得怎麼樣？」
」
，」
5
「，」
」
眾人沉默。
思考。
達成共識。
這人————
有東西！
>