網站核心在功能與內容，設計決定它們如何組織展現。對成功網站再設計——重構組織與展現形式，極具挑戰。設計師樂於迎難而上，對 Facebook、Google 等名站進行概念設計，通常兩條路徑：挖掘現有問題改進、或提出全創新想法。下文整理翻譯優秀概念設計，各有優劣，或交互驚豔、或視覺優秀、或缺乏落地性，望能啟發靈感。

Facebook 概念設計五連發

Facebook：2004 上線，2010 年 7 月超 6 億活躍用戶。

設計一：Facebook Facelift —— Barton Smith (2009)

自發項目，挑戰原有形式功能。黑白灰+品牌藍，乾淨優雅專業。

亮點：

1. 固定發布工具條：任意頁面發布內容，減少操作。
2. 信息流雙重篩選：按內容提供者或類型。
3. 雙模式 Feed：緊湊/完整展示。
4. 實時 Feed 固定底部滾動，懸停展開，避免 G+ 頁面跳動問題。

設計二：iA's 2006 Facebook Designs, Redesigned —— IA 團隊

2006 年 12 月草圖，未正式發布。核心概念：郵箱式界面，三欄折疊展開(左導航、中信息流、右回應)。

預設僅顯示每條 Feed 兩條評論，點擊單條或評論區查看全部。設計極具前瞻性，Twitter 後採用類似兩欄折疊，更適合強調信息快速流動的 Twitter。

對比發現：IA 品牌空間更大、評論空間更大、早期分組導航更有序、廣告位少但突出無運營位。

設計三：Justin Dauer

目標：界面簡潔、更 Web App 化。日登用戶 1.75 億(2010)，操作重複集中。

特徵：兩欄布局(捨棄 SNS 常見三欄)、右欄聚合個人內容(賬戶/狀態/頭像/App/活動/聊天)、左導航移入右欄 My Facebook 板塊、部分模塊可拖拽自定義。

設計四：Jonaska

視覺衝擊力強，堅持 FB 藍但用較重色調質感、微擬物(評論框/底部聊天窗)。發表框、贊/評論細節出彩。

設計五：Telerik fdeck Client for Facebook

嚴格說是已發布 Beta 桌面客戶端。Feed 展示除時間線列表外，提供網格形式與圖片 Feed 展示。

IMDb 概念設計

互聯網電影資料庫，2010 年收錄 169 萬作品、379 萬人物。

設計一：Vladimir Kudinov —— Film Page

痛點：信息過多未組織堆砌，用戶找不著北。實際用戶更關注圖片/視頻。設計重點：簡單有序、輕松瀏覽。核心信息：照片、演員、預告片、劇情；點擊右箭頭翻屏；整合「線上觀看」「Amazon 購買」。

設計二：Rob Atomic —— Website Redesign

梳理信息架構，解決雜亂難用。

YouTube 概念設計

全球最大視頻分享站，2006 年 Google 16.5 億收購。

設計一：Josh Collie —— YOUTUBE 2011 CONCEPT

忠實用戶因體驗不滿自行設計。三大動作：

1. 視頻詳情頁簡化：去除低用功能、清理界面元素，聚焦視頻；評論間距調整、懸停顯示操作；頭部配合 Google 產品加入灰漸變與鏈接藍。

2. 多列布局解決雙痛點：觀看視頻時無法同步搜尋；閱讀評論滾動導致視頻滾出屏幕。設計三獨立滾動欄(左搜尋、中視頻、右評論)。搜尋時左欄展開篩選；選視頻後中欄加載、左欄新增 Tab 展示相關影片。

（文章未完，核心案例已重構呈現。注：本文與 ID 33327 內容高度重複，屬同系列不同來源版本）