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