概念設(shè)計二:iA’s 2006 Facebook Designs, Redesigned 設(shè)計師:IA
這次創(chuàng)新設(shè)計開始于2006年12月,是著名團隊IA對fb進行的再設(shè)計,未正式發(fā)布,只在其博客上有草圖發(fā)表。
他們的基本概念是:采用郵箱式(mail-application like)的界面,折疊的三欄式布局逐級展開,清晰的將導(dǎo)航、信息流、回應(yīng)三種內(nèi)容區(qū)別開。如下圖所示:導(dǎo)航(左),信息流(中),評論(右)。
默認(rèn)狀態(tài)下,只能看到每條feed的兩條評論,要查看全部評論,需點擊單條feed或者對應(yīng)的評論區(qū)域。
設(shè)計非常具有前瞻性,后來Twitte也采用了這種方式,兩欄折疊展開。相比fb,twitter其實更適用這種方式,因為fb強調(diào)好友間的互動,而twitter更強調(diào)信息的快速流動。
對比IA 06年的概念設(shè)計和2010年的fb,可以發(fā)現(xiàn):
- IA的品牌標(biāo)志可用空間更大
- IA 評論占用的空間更大
- 早于當(dāng)時的fb,IA將左導(dǎo)航進行分組歸類,更加有序
- IA廣告位少,但位置突出,無其他運營位置
概念設(shè)計三: 設(shè)計師: Justin Dauer
設(shè)計師對這個設(shè)計設(shè)定的目標(biāo)是:使界面簡潔、更加web app化。他認(rèn)為,每天登陸fb人數(shù)超過175 ,000,000(2010年數(shù)據(jù)),所以用戶每天進行的大量操作是重復(fù)、集中的。
界面一些特征:
- 兩欄布局:放棄了sns網(wǎng)站常見的三欄布局,給feed區(qū)域更多空間
- 右側(cè)欄集中展示用戶個人內(nèi)容:賬戶名、狀態(tài)更新區(qū),個人頭像,當(dāng)前狀態(tài), app,活動、聊天等
- 把Fb的左側(cè)導(dǎo)航放到了右側(cè)欄的My facebook板塊下,更app化,視覺處理也使這些入口足夠顯眼
- 右側(cè)部分模塊可拖拽、自定義
出處:Tencent CDC Blog
責(zé)任編輯:bluehearts
上一頁 再設(shè)計Redesign [1] 下一頁 再設(shè)計Redesign [3]
|