|
Youtube
YouTube是全球最大的視頻分享網(wǎng)站，2005年2月，由三名PayPal的前任員工所創(chuàng)站，2006年11月，Google以16.5億美元收購了YouTube。
概念設計一：YOUTUBE 2011 CONCEPT
設計師: Josh Collie
設計師本人是youtube的忠實用戶，在使用過程中對網(wǎng)站的一些體驗不滿，于是決定自己動手設計。概念版中，設計師做了這樣三件事：
1．視頻詳情頁——簡化
YouTube再設計的第一步是進行簡化，去掉使用不足的功能，清理界面元素，以便使用戶的注意力集中在視頻上，而不是周圍的細節(jié)上。如下圖。評論間距也進行了調(diào)整，鼠標hover后，操作才出現(xiàn)。另外，整站的頭部配合google產(chǎn)品，加入了細微的灰色漸變和google的鏈接藍。
2．視頻詳情頁——多列布局
設計師認為，在觀看視頻時，有兩個很大的問題：
- 無法觀看視頻的同時搜索查找其他視頻
- 在閱讀評論時總要向下滾動，而視頻就被滾出屏幕上方了。
所以概念設計試圖解決這兩個問題。如下圖所示，設計中有3個單獨的滾動列，從左至右依次是搜索，視頻和評論。當開始進行搜索后，左欄會擴展出篩選選項。當選擇了一個視頻時，視頻在中欄加載。當選擇視頻后，左欄中增加一個tab，展示相關影片。
這樣的設計部分受到了平板電腦使用習慣的影響，隨著移動設備的廣泛應用，web設計也可以從中吸取適當?shù)捏w驗移植過來。
評論的展示方式G+的照片板塊也在使用。
3．搜索結果頁——運用網(wǎng)格排列
設計師用網(wǎng)格排列形式來展示搜索結果，而不是每條結果單獨占用一行。使一屏內(nèi)可看到更多搜索結果。同時使用了更大的縮略圖，顯得內(nèi)容更豐富，更具吸引力。
搜索結果頁的另一個變化是搜索篩選項。Youtube當前版本需要點擊才能展開搜索篩選項，而展開后又占用過多空間。所以下圖設計對搜索篩選項進行了整合，直接展示在搜索結果頂部。
設計師的詳細介紹請見http://joshcollie.com/YouTube-redesign/
出處：Tencent CDC Blog
責任編輯：bluehearts
上一頁 再設計Redesign [4] 下一頁 再設計Redesign [6]
|
第 1 頁 
第 5 頁 再設計Redesign [5]
