11大SNS網(wǎng)站用戶界面設(shè)計對比分析
日期:2012/1/7 / 人氣:
各類SNS誕生,讓人目不暇接。SNS網(wǎng)站出于隱私的考慮,以及大部分采取了邀請注冊,或者因為程序同質(zhì)化,首頁都差不多。不過,進入后則風(fēng)情萬千,從顏色、界面大小、導(dǎo)航設(shè)置不盡相同。這里,就大概說一下系統(tǒng)默認的用戶界面的差異。頁面較多,提前綜合分析:
1.國外的SNS網(wǎng)站大多顏色暗淡,崇尚簡潔,不過,出于使用習(xí)慣,可能不是很適合國人。
2.門戶網(wǎng)站大多不能跳脫原有模式窠臼,難以放棄一些東西。在功能豐富的同時,也讓人無所適從。其實,門戶網(wǎng)站很懶惰,許多和SNS游離的東西,也被硬塞進來。
3.SNS程序同質(zhì)化太嚴重了,像5gme等網(wǎng)站,幾乎就是直接搬用。在繼續(xù)使用SNS主流服務(wù)的提示,期待更多讓人耳目一新的東西出現(xiàn)。
4.開心網(wǎng)、海內(nèi)網(wǎng),交互設(shè)計很合理,顯得也很專業(yè)。
facebook,就像大多國外產(chǎn)品一樣,簡潔到徹底。特別是顏色上暗淡寧靜,也許會讓國人感到有些壓抑。不過,簡潔只是facebook的一個方面。facebook更多豐富的功能都被放置到了狀態(tài)欄,有工具導(dǎo)航,也有其他一些快捷按鈕。每個功能區(qū)都可以實時編輯,讓人感覺很煩,盡管是出于方便的考慮。有一點可能不是很舒服,廣告位占據(jù)位置過大,右欄全是廣告位。5gme 幾乎是直接套用了UC的模板,應(yīng)用方面也很原始,相比主要用戶是IT人士顯得很地段。給點建議,界面做寬屏的,然后上面的主導(dǎo)航要做點簡化,近況,簡歷去了,這邊不是已經(jīng)有個個人資料了嗎。向?qū)鞘裁匆馑迹杏X很原始。不過也有好處,5gme上的用戶主要是職業(yè)人士,對游戲、玩樂啊什么不是很有興趣,只要能夠凸顯日志、話題等功能就可以了。
佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計_佛山網(wǎng)站_佛山網(wǎng)頁設(shè)計_佛山網(wǎng)頁建設(shè)_佛山網(wǎng)頁制作
這個所謂開心網(wǎng)是kaixin001。開心001的界面,整個給個人的感覺是很清晰,無論在導(dǎo)航上,還是信息的顯示上,都可以說做到比較完善了。海內(nèi)網(wǎng)算是國內(nèi)SNS網(wǎng)站做的很專業(yè)的一個,交互很方便,功能也強大,并且知道取舍。不過近期有過一次改版,習(xí)慣了過去的個人主頁,現(xiàn)在很不適應(yīng)。校內(nèi)網(wǎng)這個色調(diào)適合老外,有點不適合國人,特別是上班族。中間的主題部分排版上得調(diào)整下,如果你要照顧新人,應(yīng)該是給幫助提示,這樣用戶會覺得相當(dāng)親切。這個開心網(wǎng)是指千橡互動的開心網(wǎng)(kaixin.com),盡管山寨了別人,自己卻發(fā)展的更加超前了。顏色方面主打亮色調(diào),也容易讓人情緒高亢而開心起來。主頁界面很清新,分工明確。不足的是個人頁面對于重要信息凸顯不夠。說實話,聚友網(wǎng)也是因為財大氣粗,功能太多讓人心煩,許多功能讓人無所適從。不明白聚友網(wǎng)如何定位,是白領(lǐng)、同學(xué),還是娛樂,還是群組?由于自己是黑領(lǐng),對這類標榜高端的網(wǎng)站顯然不能夠適應(yīng)。相比中文版的聚友,我倒是比較喜歡過去的myspace.com。
QQ的校友界面,綠色上應(yīng)該的比較成功,也適合青年人的主要用戶。導(dǎo)航那塊做的不錯。不過細節(jié)還是有改進的地方的,信息排版的有點亂,就形成很多噪點,比如公告。本來就是大戶人家,又是憑借博客發(fā)展到SNS上的,東西很多,要照顧的東西也多,顯得雜亂無章,讓人找不著北。我沒去認真的體驗過,單從界面上看好像要填寫的東西很多,搜索框都有兩個。主導(dǎo)航那邊有三條,會不會太多了呢?還有音樂播放器,要放的話應(yīng)該是左側(cè)導(dǎo)航下面啊。很多人都是不像用那個東西的。一句話,太門戶了,不像SNS。還好,雅虎關(guān)系的門戶味道不是很濃厚,導(dǎo)航以及頁面設(shè)置都比較簡潔。只是顏色對比太過強烈,有些花哨。不過,雅虎關(guān)系還是忙不迭地把原有的服務(wù)納入進去,比如郵箱、口碑什么的,這和SNS有多大關(guān)系?
這個我不像多評論了,基本上人一進去就不知道是在哪里了,感覺163的前端團隊很強的啊,怎么把這樣的東西放出來了呢。也許是崇尚簡潔,也許是自己人使用,也許是正在完善吧。
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計需要媒體查詢2016/8/5
- 虛擬主機被搜索引擎爬蟲訪問耗費大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來提高你的網(wǎng)站設(shè)計2016/7/24
- 網(wǎng)站統(tǒng)計用哪個比較好,百度?cnzz?2016/7/21