重新設計流行網站——YouTube

2020-12-22 人人都是產品經理

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

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

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

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

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

主頁

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

側欄

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

視頻頁面

更讓人專注的視頻頁面

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

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

在視頻詳細信息部分，我讓頁面儘量保持整潔和可讀性：

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

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

但你一定在想：我怎麼才能看到詳細信息？就這樣……

快速滑動的效果，很棒吧

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

最後的想法

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

 

原文連結：https://medium.com/@matanm/youtube-redesign-c27376294e06

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

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

相關焦點

  • 陳佼:國內仿youtube視頻網站首頁分析
    不知道國內門戶是否有類似的部門（據我所知，多數網站的這一工作，被用戶體驗部門和應用平臺技術部門包辦了），但我想這項工作對任何商業站點都有非常重要的意義。恰好最近網易和奇虎已經完成首頁及各頻道的改版，而新浪和搜狐也正在對頁面進行調整，不知道它們又是憑什麼做「Face-Lift」的。　　言歸正傳，本文重點是分析國內仿youtube視頻網站首頁的設計。
  • 著名網站重新設計的10個經典案例
    當你重新設計網站的時候，功能實現與用戶體驗是你需要考慮的首要因素。以下的十個重設案例中，包括了著名的社交網站Facebook，搜索巨頭Google，視頻巨擘Youtube，以及權威的影視評分網站IMDB。
  • 8個YouTube頻道,讓你離設計專家更近一步
    2020年第  32 篇文章距離目標 40 篇，還差 8 篇如今設計資源教程網站泛濫
  • 著名網站重新設計的10個經典案例-UI博客精選
    網站的重新設計可能會為它的成長和發展帶來新的契機。隨著時間的推移，網站的訪問者變了，而網站本身也有必要隨之進化。它並不一定非得和過去一樣，你可以隨著網站設計的趨勢重新構建它。當你重新設計網站的時候，功能實現與用戶體驗是你需要考慮的首要因素。以下的十個重設案例中，包括了著名的社交網站Facebook，搜索巨頭Google，視頻巨擘Youtube，以及權威的影視評分網站IMDB。看看這些案例，再點擊每張圖片上方的連結訪問原始網頁，你可以對比以下它們的差異。琢磨一下為什麼這些重設是成功的，你可能會從中受益匪淺。
  • 看視頻學設計,快來關注這7個YouTube頻道
    除了日常瀏覽一些網站、閱讀一些文章及時獲取前沿諮詢及乾貨，還有其他輕鬆有趣的學習方式。在YouTube，就有許多設計領域的YouTuber日常更新分享，大家可以學習一些國外前沿設計技術與思維，接觸到很多國外頂尖設計師也常去的地方。關注這些頻道可以讓你比別人更快進步，更快掌握一手設計思維與技法趨勢。
  • 逐幀分析youtube
    用最直觀的感受來解釋就是使用quic後網站的性能提升15%，弱網環境提升20%，如果你的用戶會頻繁的wifi 4g之間切換或者經常乘坐高鐵、地鐵高速移動，quic讓他們ip變更時不要重新建聯，這對視頻網站來說是非常有意義的提升。
  • YouTube開通九國分站 本地化戰略吸引用戶
    【eNet矽谷動力消息】北京時間6月20日矽谷動力從國外媒體處獲悉：作為全球最流行的視頻共享網站，YouTube於當地時間本周二在九個國家開通本地語言分站。 　　YouTube創始人赫爾利和陳士駿本周二在法國舉行的記者招待會上表示，最終九個國家的分站將注重分享本地流行視頻內容。
  • 推廣Youtube頻道的13種方法
    重新調整內容以吸引用戶訪問您的頻道將社交媒體上的用戶帶到你的YouTube頻道的另一種方式是將您的某些視頻重新調整，並將它們作為本地視頻發布在Facebook上。RedditReddit是一個很特別的網站，作為流量全球第4的網站，打開Reddit網站你簡直會不相信自己的眼睛。因為這樣簡陋的頁面、粗糙的圖形、大片的文字等，都不是當下流行的精美網頁版式，更像是十幾年前的老古董網站。從某個角度看，形式甚至與論壇差不多。往往是一個帖子發出來，後面就是各種評論。
  • YouTube展示新版PC首頁設計 增加夜間模式
    新浪科技訊 北京時間5月3日消息，本周二，YouTube展示了改版設計，讓用戶預覽，該設計針對PC。預覽版設計只有全球的少數用戶能看到，YouTube只是想收集用戶的建議。如果你想欣賞新設計，可以點擊youtube.com/new，從帳戶菜單選擇「Restore classic YouTube」就可以回到現有設計。整體來看，新的桌面版YouTube設計與移動App更加相似。
  • 十年後的首次翻新:全球第四大網站 Reddit 重新設計的內幕故事
    整個網站到處都是Reddit外星人吉祥物Snoo的新插圖，它會探索Reddit浩瀚的宇宙中的各個星球。遠遠望過去，網站的樣子看起來顯然仍像Reddit無誤。但是湊近一點再看，改變已經讓Reddit從一個難懂的迷宮變成了一個人人皆會使用的網站——就像一個雜物抽屜已經進行過清理、整理和重新布置一樣。Reddit重新設計背後的故事不僅是一部讓Reddit變得好看一點的奧德賽。
  • 除了YouTube、Twitter,這60個國外的精品網站你還知道幾個?
    https://www.youtube.com/user/schooloflifechannel（探索一些好的問題。）https://www.chalkstreet.com/ （學習對你重要的事情。）https://guides.co/ （方法論網站。）http://ureddit.com/ （學習 reddit 上面的新東西。）
  • 開源項目youtube-dl遭下架,開發者的權益誰來保護?
    GitHub 熱門項目、視頻下載利器 youtube-dl 遭下架，引發開發者震怒。開源項目 youtube-dl 是一個使用 Python 編寫的腳本，可以下載熱門視頻網站的音視頻，並轉換視頻格式和清晰度。它是 GitHub 上的熱門項目，獲得 7.2 萬多星。
  • 網站流量分析Chartbeat軟體重新設計並融資950萬美元
    網站流量分析Chartbeat軟體重新設計並融資950萬美元 提供網站流量實時分析服務的創業公司Chartbeat近日宣布了兩大重要消息：一是公司重新設計了軟體，二是公司獲得950萬美元B輪融資
  • GitHub重新上架星標7.2萬熱門開源項目YouTube-dl,是...
    他們認為包括YouTube在內的視頻網站上的原始碼是加密的，YouTube-dl非法規避了該代碼，並因此違反了DMCA第1201條。但事實上並非如此。EFF解釋稱，該代碼沒有任何作用，使用YouTube-dl的用戶「觀看」視頻的方式與普通用戶沒有什麼不同，一切都是在透明情況下進行的，並不使用加密密碼。因此，在美國現有法律中，該訴訟並不成立。
  • YouTube音樂的重新設計正在緩慢地推廣
    小編發現不少朋友對於 YouTube音樂的重新設計正在緩慢地推廣 這方面的信息都比較感興趣，小編就針對 YouTube音樂的重新設計正在緩慢地推廣 整理了一些相關方面的信息 在這裡分享給大家。據報導， YouTube現在正在對音樂應用的「 媒體庫」標籤進行重新設計，以擴大受眾範圍。具體來說，這是先前受限的UI返工，使選項卡的功能和美感與Google Play音樂更加一致。
  • 如何用YouTube學英語
    （Photo by Bonnie Kittle on Unsplash）在你成功的打開youtube後，那麼問題來了，如何和它愉快且高效的玩耍呢？我將結合我的經驗和大家分享，也歡迎你將自己喜歡的youtube頻道留言在下方留言區； 如果我的分享對您有用，請留言給我，我會很開心的。
  • 這個網站可讓YouTube等APP圖標「變回」舊版設計
    這個網站可讓YouTube等APP圖標「變回」舊版設計 這些年來，不僅iOS的設計發生了變化。許多APP的圖標也進行了多次修改。然而，對於部分人來說，仍舊更喜歡舊版APP圖標的設計，但是還回得去嗎?
  • 全球第一的視頻網站YouTube,曾因域名引爭議,如今發展迅速
    YouTube——世界最大的視頻檢索和共享服務平臺，自2005年5月YouTube發布至今，已無可爭議地佔據了線上視頻第一的位置，另外也是全世界第二知名網站。早在2004年底，PayPal的三個員工– Chad Hurley, Steve Chen和 JawedKarim想到了一個想法，給客戶出示一個網站，提交視頻約會材料。Hurley作為CEO在2005年2月14日申請註冊了YouTube的商標logo和域名，並對極少數客戶開展了內測。
  • 學習日記 ▎我是如何對YouTube進行重新設計的
    很多熱衷於重新設計工作的人，他們主要集中在產品的視覺外觀上，但更重要的是解決可用性問題。 該案例分享是我在面試時的一個問題，我被要求重新設計適用於Android的YouTube應用。設計中我著重關注在解決應用程式的可用性問題上，並且成功拿到了想要的工作。
  • 我是如何對YouTube進行重新設計的 ▎學習日記
    很多熱衷於重新設計工作的人，他們主要集中在產品的視覺外觀上，但更重要的是解決可用性問題。該案例分享是我在面試時的一個問題，我被要求重新設計適用於Android的YouTube應用。設計中我著重關注在解決應用程式的可用性問題上，並且成功拿到了想要的工作。如果你正在為此發愁，也許這篇案例分享可以啟發你！