盤點Facebook 、YouTube等主流產品的10大創新設計

編輯導讀:每個設計師都會有創意靈感缺失、大腦一片空白的狀態,這個時候去看看最新的一些設計趨勢會是一個尋找靈感的好方法。本文作者梳理盤點了國外主流產品的10大創新設計,希望能幫助解決你設計時遇到的靈感枯竭。

盤點Facebook 、YouTube等主流產品的10大創新設計

國內的產品設計同質化嚴重,將眾多同類產品放在一起,去除圖示和主題色的話,很難區分是哪個App。

設計師的視野如果長期只關注國內,那麼設計創新能力很容易被束縛,導致創新能力下降。

應對突發需求,國內沒有相對應的競品,就無法做出可落地的方案。

本篇文章盤點下國外主流產品的10大創新設計,透過本篇文章,希望可以開啟視野,提升創新能力。

01 左滑進入聊天介面

Instagram在首頁介面,使用者左滑進入訊息聊天頁。這是一種全新的互動形式。

國內的產品,左右滑是切換首頁的二級導航。

我第一次使用時不習慣,很容易誤操作。當習慣之後,就覺得超級方便。它可以快速地切換到聊天訊息頁。

盤點Facebook 、YouTube等主流產品的10大創新設計

為什麼Instagram要做這個互動?猜測原因有以下2點:

  1. Instagram發力即時通訊,鼓勵使用者相互發訊息。底部已經有了5個tab,沒辦法繼續增tab。這時候只能想辦法找其他流量大的入口。
  2. 流量最大的入口毫無疑問是首頁。所以Instagram在首頁新增手勢操作,當用戶左滑,就能快速地到達訊息聊天頁。此方案可以完美的滿足業務需求。
02 影片小視窗播放

在YouTube影片詳情頁,沒有影片關閉功能。使用者不想看影片時,只能點選播放器左上方的收起箭頭。

當用戶點選之後,會變成卡片小視窗,進行小視窗播放。如下圖所示:

盤點Facebook 、YouTube等主流產品的10大創新設計

這樣設計的好處:

  1. 可以讓使用者邊找影片,邊觀看。儘可能地利用使用者時間。
  2. 使使用者消費更多影片,提升使用者的觀看效率。
03 推薦影片

YouTube在播放過程中,底部會出現四個影片,使用者上滑時全部出現。

盤點Facebook 、YouTube等主流產品的10大創新設計

使用者可以在播放過程中,點選推薦影片觀看。

這種設計更加強化推薦影片功能。使用者可以在播放過程中,選擇更感興趣的影片。

國內影片產品,在全屏的情況下,無法推薦影片,只能在影片結束後推薦影片。國內這樣的好處是可以更聚焦當前影片。

04 篩選訂閱影片觀看

在訂閱內容Tab,使用者可以根據標籤,進行篩選影片,這種操作可以極大的提升使用者查詢影片的效率。

盤點Facebook 、YouTube等主流產品的10大創新設計

像繼續觀看、未觀看內容,這些標籤,可以高效,不遺漏地觀看訂閱up主的影片。

05 提升push開啟率

當訂閱up主後,push推送沒有開啟時,會出現訊息未開啟的圖示,使用者點選,進入設定頁面,進行開啟通知設定。

盤點Facebook 、YouTube等主流產品的10大創新設計

這種設計的好處是:推送設定入口固定展示,使用者開啟push的機率大大增加。

而push開啟率的提升,對提升產品的日活幫助巨大。

06 導航和設定展示在一起

Google Chrome 首頁,將使用者最常訪問的網站和功能項放在一起,如下圖所示:

盤點Facebook 、YouTube等主流產品的10大創新設計

一般來說,國內產品很少將兩個不同屬性的模組放在一起,這樣的話容易被誤解為一種型別。

但是為了讓使用者使用更加方便。Google Chrome將其放在一起,都採用宮格導航的形式,透過圖示和背板的不同做了一定程度的區分,使用者的體驗更加友好。

07 下拉操作

Google Chrome下拉時,展示三個選項,左右滑動選擇對應的操作。

盤點Facebook 、YouTube等主流產品的10大創新設計

這種互動方式,即做到了介面簡潔,也做到高效方便使用。

08 為其他app引流

Facebook作為一個超級App,所涉及到的業務龐雜,公司內部各個部門利益複雜。為了業務利益,不同部門組織在不斷地博弈。

如下圖所示,為了儘可能的給其他業務引流,Facebook底部有6個tab,這在主流產品中是不可思議的存在。

盤點Facebook 、YouTube等主流產品的10大創新設計

為了給messenger引流,首頁右上角增加了一個閃電訊息圖示,會和messenger App聯動,當有新訊息時,會出現訊息提示。點選跳轉到messenger。早期facebook 是將底部一個tab給messenger引流,點選tab,直接跳轉到messengerApp。

Facebook的這種導流設計,粗暴高效,短期內使得messenger也成為一個超級app。

09 刪除中倒計時

Telegram在刪除聯絡人時,底部會出現倒計時提示,在這個期間,使用者可以撤回刪除操作。

盤點Facebook 、YouTube等主流產品的10大創新設計

這種互動設計,使得使用者在刪除過程中更加有安全感,可以回撤毀滅性操作。

10 一次發多條動態

Twitter在釋出動態的時候,可以一次性發送多條,這種設計,可以一次性批次的傳送,提升使用者效率。

盤點Facebook 、YouTube等主流產品的10大創新設計

以上就是我發現外國主流產品的創新設計。而這些設計,國內基本沒人採用,所以分享出來給大家。

如果大家有其他的發現,歡迎在評論區留言。

#專欄作家#

UX,人人都是產品經理專欄作家。前美團點評高階互動設計師。微信公眾號:Echo的設計筆記,歡迎關注

本文原創釋出於人人都是產品經理。未經許可,禁止轉載。

題圖來自 Unsplash,基於 CC0 協議

版權宣告:本文源自 網路, 於,由 楠木軒 整理釋出,共 1920 字。

轉載請註明: 盤點Facebook 、YouTube等主流產品的10大創新設計 - 楠木軒