作為設(shè)計(jì)師，重新設(shè)計(jì)一直是我的愛好之一，特別是對(duì)于一個(gè)我每天都使用的產(chǎn)品。因?yàn)槲沂褂玫拿繒r(shí)每刻都在收集想法，直到我明白我希望這個(gè)產(chǎn)品是什么樣。

在重新設(shè)計(jì)流行網(wǎng)站的時(shí)候，我最享受是清除所有的混亂。

在我看來，最流行的網(wǎng)站往往是最混亂的?？纯碏acebook，YouTube，LinkedIn……他們提供了過量的信息，以致于你不能專注于真正重要的事情。

在這次對(duì)YouTube的重新設(shè)計(jì)中，我希望實(shí)現(xiàn)3個(gè)主要目標(biāo)：

1. 設(shè)計(jì)一個(gè)能夠完美滿足用戶需求的東西。
2. 讓用戶關(guān)注真正重要的事情（換句話說：不要分散用戶注意力）。
3. 做一個(gè)實(shí)際的的，對(duì)用戶意義重大的重新設(shè)計(jì)。

主頁(yè)

主頁(yè)結(jié)合了“Home”頁(yè)面和“訂閱”頁(yè)面兩個(gè)頁(yè)面，現(xiàn)在我經(jīng)常在這兩個(gè)頁(yè)面中來回跳轉(zhuǎn)。當(dāng)我們把它們并列排在一起的時(shí)候，就會(huì)意識(shí)到他們就應(yīng)該在一起，像命中注定一樣。

側(cè)欄

很多時(shí)候你會(huì)想快速跳轉(zhuǎn)到你最近看過的視頻。你會(huì)不喜歡能快速訪問最近看過的視頻嗎？

視頻頁(yè)面

更讓人專注的視頻頁(yè)面

這是非常有趣的地方，我發(fā)現(xiàn)我沒法專注地觀看YouTube視頻。有時(shí)候我會(huì)一直保持?jǐn)U展視圖，大多數(shù)時(shí)候我會(huì)直接轉(zhuǎn)到全屏模式，因?yàn)槲液茈y專注于視頻本身。

所以我清除了所有導(dǎo)致混亂的和有干擾性的因素，把視頻放到中間，讓屏幕的其余部分變暗，以此來讓我專心看視頻，獲得全屏模式下的視覺焦點(diǎn)。

在視頻詳細(xì)信息部分，我讓頁(yè)面盡量保持整潔和可讀性：

視頻頁(yè)面中的視頻信息部分

如上圖所示，我在主頁(yè)上使用過的網(wǎng)格系統(tǒng)讓整個(gè)網(wǎng)站井井有條，同時(shí)還留有相當(dāng)數(shù)量的空白，讓眼睛能迅速抓取重要信息。

但你一定在想：我怎么才能看到詳細(xì)信息？就這樣……

快速滑動(dòng)的效果，很棒吧

最棒的是，你不用關(guān)閉或離開視頻播放器，就可以同時(shí)閱讀視頻詳細(xì)信息和評(píng)論。

最后的想法

這是一個(gè)有趣的經(jīng)歷。作為設(shè)計(jì)師，重新設(shè)計(jì)一直是我的愛好之一，特別是對(duì)于一個(gè)我每天都使用的產(chǎn)品。因?yàn)槲沂褂玫拿繒r(shí)每刻都在收集想法，直到我明白我希望這個(gè)產(chǎn)品是什么樣。

原文鏈接：https://medium.com/@matanm/youtube-redesign-c27376294e06

譯者：非科班設(shè)計(jì)翻譯小組@浣熊君，微信公眾號(hào)【非科班設(shè)計(jì)】

本文由 @浣熊君 ?翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。