重新設計流行網站——YouTube

7 評論 7704 瀏覽 27 收藏 5 分鐘

作為設計師,重新設計一直是我的愛好之一,特別是對于一個我每天都使用的產品。因為我使用的每時每刻都在收集想法,直到我明白我希望這個產品是什么樣。

在重新設計流行網站的時候,我最享受是清除所有的混亂。

在我看來,最流行的網站往往是最混亂的。看看Facebook,YouTube,LinkedIn……他們提供了過量的信息,以致于你不能專注于真正重要的事情。

在這次對YouTube的重新設計中,我希望實現3個主要目標:

  1. 設計一個能夠完美滿足用戶需求的東西。
  2. 讓用戶關注真正重要的事情(換句話說:不要分散用戶注意力)。
  3. 做一個實際的的,對用戶意義重大的重新設計。

主頁

主頁結合了“Home”頁面和“訂閱”頁面兩個頁面,現在我經常在這兩個頁面中來回跳轉。當我們把它們并列排在一起的時候,就會意識到他們就應該在一起,像命中注定一樣。

側欄

很多時候你會想快速跳轉到你最近看過的視頻。你會不喜歡能快速訪問最近看過的視頻嗎?

視頻頁面

更讓人專注的視頻頁面

這是非常有趣的地方,我發現我沒法專注地觀看YouTube視頻。有時候我會一直保持擴展視圖,大多數時候我會直接轉到全屏模式,因為我很難專注于視頻本身。

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

在視頻詳細信息部分,我讓頁面盡量保持整潔和可讀性:

視頻頁面中的視頻信息部分

如上圖所示,我在主頁上使用過的網格系統讓整個網站井井有條,同時還留有相當數量的空白,讓眼睛能迅速抓取重要信息。

但你一定在想:我怎么才能看到詳細信息?就這樣……

快速滑動的效果,很棒吧

最棒的是,你不用關閉或離開視頻播放器,就可以同時閱讀視頻詳細信息和評論。

最后的想法

這是一個有趣的經歷。作為設計師,重新設計一直是我的愛好之一,特別是對于一個我每天都使用的產品。因為我使用的每時每刻都在收集想法,直到我明白我希望這個產品是什么樣。

 

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

譯者:非科班設計翻譯小組@浣熊君,微信公眾號【非科班設計】

本文由 @浣熊君 ?翻譯發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 厲害,學習了 :mrgreen:

    來自廣東 回復
  2. ?? 非常不錯哦

    來自上海 回復
  3. 視頻全屏的動畫挺好的,實際上很多響應式布局的網站也是這樣做的,但是上下左右的四個信息塊的布局,個人不太喜歡,瀏覽完整信息需要走一個Z字形的視覺路徑,感覺不太符合正常習慣,順序也有待推敲

    來自浙江 回復
  4. YouTube的播放器真的敲級不好用耶?。?!

    來自內蒙古 回復