社交網(wǎng)站的差異化核心——社交信息內(nèi)容
不同的社交信息內(nèi)容,也是這些社交網(wǎng)站的各自特色所在,綜合信息平臺類、照片分享類、地理位置簽到類、美食點評類、購物分享類、電影書籍音樂分享類等。曾經(jīng)有把社交網(wǎng)站概括為 人——信息內(nèi)容(社交對象)——關系 三個要素,那么其中信息內(nèi)容便是社交網(wǎng)站差異化的核心
![](/d/20211019/ef721c9909e63b203773c7b542d36ba3.gif)
信息內(nèi)容的設計原則
如何設計社交網(wǎng)站的信息內(nèi)容?
我們知道完整的一個信息內(nèi)容在社會化分享過程中包括信息的產(chǎn)生,信息的獲取,信息的互動三個環(huán)節(jié),以LBS(location Based Service)應用為例,當我們到達一個目的地簽到,就是信息的產(chǎn)生,即產(chǎn)生了一條信息內(nèi)容“誰在某個地方”;當另一個用戶也到達了同一個目的地,也看到了這條信息,那么這就是信息的獲??;如果他還對此進行評論,就是信息的互動。
1.信息的產(chǎn)生
通常信息的產(chǎn)生都來源于信息輸入?yún)^(qū)域,現(xiàn)在主要的一些SNS應用都少不了這個主要輸入步驟,也是整個網(wǎng)站產(chǎn)生內(nèi)容的基礎所在。一般都有發(fā)布框、動作行為的簡單輸入按鈕等。
![](/d/20211019/9795b4571a3008ae70ee0dc1cd32a562.gif)
![](/d/20211019/1aecaff25f749dd633584f5a237aaad6.gif)
這些微博的發(fā)布框,簡短的一些文字、一張圖片發(fā)布后就是一條微博,可以說發(fā)布的門檻非常低,發(fā)布過程也非常之簡單,因此微博差不多已經(jīng)成為信息發(fā)布最快最及時的一個平臺。
Hot Potato幫助用戶實時討論當前發(fā)生的事件,正在看的、正在聽的、正在哪里、正在讀的、正在玩的等等,就像是一個帶有頻道的Twitter,不同頻道針對特定的、時效性較強的主題。在去年產(chǎn)品推出后獲得了很大關注,最后被facebook收購。它的發(fā)布框設計,只需要用戶找到相應的類別,并輸入幾個詞,就產(chǎn)生了一條信息;比如我只要輸入書名,就產(chǎn)生了一條信息“我正在看xxxx書”,這種幫助用戶結構化輸入的方式,使得用戶操作更為簡便。
![](/d/20211019/d5352714259e32d3c6ffd90b6e4b0c33.gif)
![](/d/20211019/4de289b06212628c437e97a9e915226f.gif)
考慮到用戶的耐心是有限的,有時候可以用更為簡單的點擊代替輸入信息,如豆瓣讀書,當用戶看過這本書,他只需點擊讀過,甚至標簽的選擇也可以點擊已有推薦的標簽,從而減少輸入,促進用戶產(chǎn)生信息。
當然,這樣的信息產(chǎn)生的豐富度是有限的,所以除了“想讀”“在讀”“讀過”等操作外,還有為深度用戶設計的“寫筆記”“寫書評”等操作。
因此,信息產(chǎn)生的設計原則大概可以概括一下幾點
(1)盡量簡單的發(fā)布操作,過程簡短
(2)對于簡短的信息,可以考慮減少輸入,甚至以點擊代替輸入
(3)信息發(fā)布結構化,加強引導用戶發(fā)布信息的需求
可以說信息的產(chǎn)生是一個社交網(wǎng)站的一個輸入端,用戶的活躍度很大因素依賴于內(nèi)容的豐富程度,因此作為一個社交網(wǎng)站的信息產(chǎn)生輸入端就似一個源頭,只有設計好這個源頭,才有源源不斷的活水。
信息的獲取方式設計
信息(FEED)是用戶信息獲取的來源,是SNS網(wǎng)站上非常關鍵的元素,在這類網(wǎng)站中,F(xiàn)EED就是那些信息墻,它會給我們推送各類動態(tài)信息,如facebook的wall、開心上的好友動態(tài)。
本質(zhì)上,從信息設計的角度來說,無論是傳統(tǒng)的平面媒體,還是SNS網(wǎng)站中的FEED,都要考慮到信息的易讀性和信息獲取的效率(特別是在信息紛繁復雜的怎么快速讓用戶選擇他需要的內(nèi)容),同時結合社交網(wǎng)絡的特性來分析如何去更好設計的信息獲取的來源 — FEED。如何提高信息的可讀性和信息獲取效率,當然這兩者之間相互聯(lián)系,易讀性強自然帶來效率的提高,我們通過幾個例子來具體分析說明。
1.信息區(qū)塊感
![](/d/20211019/42bae00e08cfc7aaebd42c3cdd673e71.gif)
對比Facebook和開心的feed,用戶的識別,前者直接通過頭像照片能夠清晰辨認信息的來源,而后者只有用戶名,相對來說,圖片更容易行程明顯的區(qū)塊感,識別性高于文字。
![](/d/20211019/3bbc772e737e116d99458186e682d685.gif)
然后我們再把這兩個頁面處理成灰框模式,來看下更清晰的信息布局(推薦更快捷的方式:原型工具wirify,可以將任意網(wǎng)頁轉(zhuǎn)換成線框圖以觀察布局)。前者的信息區(qū)塊感更強,信息布局整齊;后者的信息相對比較散亂,容易造成用戶視線的跳躍。因此我們在設計中,要對不同信息模塊分區(qū)塊布局,相同的內(nèi)容、功能、操作可以各自區(qū)塊劃分,避免各個信息點太多太散亂。
![](/d/20211019/8a1ed319d4ef401d6c900c4a965b6c70.gif)
Tumblr和輕博客,則是在視覺上通過明顯的色塊區(qū)分來強調(diào)信息區(qū)塊,能夠明顯感受到內(nèi)容清晰,閱讀順暢,提高獲取信息的效率。
2.提供信息分類的過濾
在一大片信息密集的頁面中,就如在一片七嘴八舌的充滿各種聲音的場合,如何快速選擇你所需要的信息?按照我們的習慣,我們會直接找到感興趣的人,或者感興趣的話題圈子去交流。
同樣在我們設計中,當信息的豐富量達到一定程度時,需要把信息分組,并且提供信息的篩選,有對信息來源的分組,對內(nèi)容的分組,對內(nèi)容類型的分類等等。
![](/d/20211019/cf0c9387e55c898c67d6aa26540670dd.gif)
3.重點突出,清晰的信息層次感
我們在小時候?qū)W語文的時候總是有一項提煉主要內(nèi)容,其實這對于我們在設計信息的時候也很有幫助,當我們能夠把最主要的信息提煉出來的時候,也就分清了信息的優(yōu)先層級,決定了之后的信息層次體現(xiàn)。
![](/d/20211019/69070b6aa5094bba6f92ca092752e5a0.gif)
如果把sns網(wǎng)站中的feed按照這個方式來提煉,那么每條信息可以重點簡化為“誰說了什么,在什么時間(什么地點/通過什么方式)”當然sns是少不了用戶的互動,因此還有一個信息互動模塊??偨Y每條信息的構成主要由“人+內(nèi)容+時間(地點/來源/方式)+信息互動”。
一般來說,我們會把“人”和“內(nèi)容”以突出重點顯示,“時間(地點/來源/方式)”等輔助信息以相對弱化的顯示,使信息層次更清晰。
![](/d/20211019/786201fdfe33ca245dc795392cbac59b.gif)
再來對比QQ空間和新浪微博,對于信息互動區(qū)塊的處理有比較大區(qū)別,從突出核心信息的角度出發(fā),前者在feed中穿插顯示了部分評論內(nèi)容,而微博則是不出現(xiàn)評論內(nèi)容,相對來說后者更為突出信息內(nèi)容的本身,對于用戶獲取信息的干擾更少。但是兩者是不同定位不同類型的產(chǎn)品,因此前者有可能從提高用戶互動的考慮,需要加重信息互動的重要性。
因此,對于突出核心內(nèi)容,體現(xiàn)信息層次來說,可能需要平衡產(chǎn)品的各方面考量的情況下,盡量簡潔突出重點。
4.減少在獲取主要內(nèi)容時頁面的跳轉(zhuǎn)
![](/d/20211019/a4b07bf292d0ae387fbbff9a718a14c6.gif)
目前各類社交網(wǎng)站,對于feed中包含的圖片視頻等,基本上都是在本頁面顯示,避免新開頁面,減少信息瀏覽的中斷。對于評論等內(nèi)容,也是點擊后展開,當評論數(shù)超過一定數(shù)量,才點擊去新頁面查看。
![](/d/20211019/9486b2df76a34bb284b50fef2154c9a0.gif)
甚至twitter有一次改版對于相關內(nèi)容的處理,當你點擊一條feed時,右側(cè)的內(nèi)容面板會顯示與此用戶相關的其他內(nèi)容,包括具體內(nèi)容,該用戶發(fā)布的其他內(nèi)容等等。這些處理能夠讓我們在瀏覽信息時盡量減少跳到新頁面,保證瀏覽信息的流暢性。