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