重新設計流行網站——YouTube
作為設計師,重新設計一直是我的愛好之一,特別是對于一個我每天都使用的產品。因為我使用的每時每刻都在收集想法,直到我明白我希望這個產品是什么樣。
在重新設計流行網站的時候,我最享受是清除所有的混亂。
在我看來,最流行的網站往往是最混亂的。看看Facebook,YouTube,LinkedIn……他們提供了過量的信息,以致于你不能專注于真正重要的事情。
在這次對YouTube的重新設計中,我希望實現3個主要目標:
- 設計一個能夠完美滿足用戶需求的東西。
- 讓用戶關注真正重要的事情(換句話說:不要分散用戶注意力)。
- 做一個實際的的,對用戶意義重大的重新設計。
主頁
主頁結合了“Home”頁面和“訂閱”頁面兩個頁面,現在我經常在這兩個頁面中來回跳轉。當我們把它們并列排在一起的時候,就會意識到他們就應該在一起,像命中注定一樣。
側欄
很多時候你會想快速跳轉到你最近看過的視頻。你會不喜歡能快速訪問最近看過的視頻嗎?
視頻頁面
更讓人專注的視頻頁面
這是非常有趣的地方,我發現我沒法專注地觀看YouTube視頻。有時候我會一直保持擴展視圖,大多數時候我會直接轉到全屏模式,因為我很難專注于視頻本身。
所以我清除了所有導致混亂的和有干擾性的因素,把視頻放到中間,讓屏幕的其余部分變暗,以此來讓我專心看視頻,獲得全屏模式下的視覺焦點。
在視頻詳細信息部分,我讓頁面盡量保持整潔和可讀性:
視頻頁面中的視頻信息部分
如上圖所示,我在主頁上使用過的網格系統讓整個網站井井有條,同時還留有相當數量的空白,讓眼睛能迅速抓取重要信息。
但你一定在想:我怎么才能看到詳細信息?就這樣……
快速滑動的效果,很棒吧
最棒的是,你不用關閉或離開視頻播放器,就可以同時閱讀視頻詳細信息和評論。
最后的想法
這是一個有趣的經歷。作為設計師,重新設計一直是我的愛好之一,特別是對于一個我每天都使用的產品。因為我使用的每時每刻都在收集想法,直到我明白我希望這個產品是什么樣。
原文鏈接:https://medium.com/@matanm/youtube-redesign-c27376294e06
譯者:非科班設計翻譯小組@浣熊君,微信公眾號【非科班設計】
本文由 @浣熊君 ?翻譯發布于人人都是產品經理。未經許可,禁止轉載。
厲害,學習了
?? 非常不錯哦
視頻全屏的動畫挺好的,實際上很多響應式布局的網站也是這樣做的,但是上下左右的四個信息塊的布局,個人不太喜歡,瀏覽完整信息需要走一個Z字形的視覺路徑,感覺不太符合正常習慣,順序也有待推敲
YouTube的播放器真的敲級不好用耶?。?!