盤(pán)點(diǎn)Facebook 、YouTube等主流產(chǎn)品的10大創(chuàng)新設(shè)計(jì)

UX
1 評(píng)論 12343 瀏覽 29 收藏 8 分鐘

編輯導(dǎo)讀:每個(gè)設(shè)計(jì)師都會(huì)有創(chuàng)意靈感缺失、大腦一片空白的狀態(tài),這個(gè)時(shí)候去看看最新的一些設(shè)計(jì)趨勢(shì)會(huì)是一個(gè)尋找靈感的好方法。本文作者梳理盤(pán)點(diǎn)了國(guó)外主流產(chǎn)品的10大創(chuàng)新設(shè)計(jì),希望能幫助解決你設(shè)計(jì)時(shí)遇到的靈感枯竭。

國(guó)內(nèi)的產(chǎn)品設(shè)計(jì)同質(zhì)化嚴(yán)重,將眾多同類(lèi)產(chǎn)品放在一起,去除圖標(biāo)和主題色的話(huà),很難區(qū)分是哪個(gè)App。

設(shè)計(jì)師的視野如果長(zhǎng)期只關(guān)注國(guó)內(nèi),那么設(shè)計(jì)創(chuàng)新能力很容易被束縛,導(dǎo)致創(chuàng)新能力下降。

應(yīng)對(duì)突發(fā)需求,國(guó)內(nèi)沒(méi)有相對(duì)應(yīng)的競(jìng)品,就無(wú)法做出可落地的方案。

本篇文章盤(pán)點(diǎn)下國(guó)外主流產(chǎn)品的10大創(chuàng)新設(shè)計(jì),通過(guò)本篇文章,希望可以打開(kāi)視野,提升創(chuàng)新能力。

01 左滑進(jìn)入聊天界面

Instagram在首頁(yè)界面,用戶(hù)左滑進(jìn)入消息聊天頁(yè)。這是一種全新的交互形式。

國(guó)內(nèi)的產(chǎn)品,左右滑是切換首頁(yè)的二級(jí)導(dǎo)航。

我第一次使用時(shí)不習(xí)慣,很容易誤操作。當(dāng)習(xí)慣之后,就覺(jué)得超級(jí)方便。它可以快速地切換到聊天消息頁(yè)。

為什么Instagram要做這個(gè)交互?猜測(cè)原因有以下2點(diǎn):

  1. Instagram發(fā)力即時(shí)通訊,鼓勵(lì)用戶(hù)相互發(fā)消息。底部已經(jīng)有了5個(gè)tab,沒(méi)辦法繼續(xù)增tab。這時(shí)候只能想辦法找其他流量大的入口。
  2. 流量最大的入口毫無(wú)疑問(wèn)是首頁(yè)。所以Instagram在首頁(yè)新增手勢(shì)操作,當(dāng)用戶(hù)左滑,就能快速地到達(dá)消息聊天頁(yè)。此方案可以完美的滿(mǎn)足業(yè)務(wù)需求。

02 視頻小窗口播放

在YouTube視頻詳情頁(yè),沒(méi)有視頻關(guān)閉功能。用戶(hù)不想看視頻時(shí),只能點(diǎn)擊播放器左上方的收起箭頭。

當(dāng)用戶(hù)點(diǎn)擊之后,會(huì)變成卡片小窗口,進(jìn)行小窗口播放。如下圖所示:

這樣設(shè)計(jì)的好處:

  1. 可以讓用戶(hù)邊找視頻,邊觀看。盡可能地利用用戶(hù)時(shí)間。
  2. 使用戶(hù)消費(fèi)更多視頻,提升用戶(hù)的觀看效率。

03 推薦視頻

YouTube在播放過(guò)程中,底部會(huì)出現(xiàn)四個(gè)視頻,用戶(hù)上滑時(shí)全部出現(xiàn)。

用戶(hù)可以在播放過(guò)程中,點(diǎn)擊推薦視頻觀看。

這種設(shè)計(jì)更加強(qiáng)化推薦視頻功能。用戶(hù)可以在播放過(guò)程中,選擇更感興趣的視頻。

國(guó)內(nèi)視頻產(chǎn)品,在全屏的情況下,無(wú)法推薦視頻,只能在視頻結(jié)束后推薦視頻。國(guó)內(nèi)這樣的好處是可以更聚焦當(dāng)前視頻。

04 篩選訂閱視頻觀看

在訂閱內(nèi)容Tab,用戶(hù)可以根據(jù)標(biāo)簽,進(jìn)行篩選視頻,這種操作可以極大的提升用戶(hù)查找視頻的效率。

像繼續(xù)觀看、未觀看內(nèi)容,這些標(biāo)簽,可以高效,不遺漏地觀看訂閱up主的視頻。

05 提升push打開(kāi)率

當(dāng)訂閱up主后,push推送沒(méi)有打開(kāi)時(shí),會(huì)出現(xiàn)消息未打開(kāi)的圖標(biāo),用戶(hù)點(diǎn)擊,進(jìn)入設(shè)置頁(yè)面,進(jìn)行打開(kāi)通知設(shè)置。

這種設(shè)計(jì)的好處是:推送設(shè)置入口固定展示,用戶(hù)打開(kāi)push的概率大大增加。

而push打開(kāi)率的提升,對(duì)提升產(chǎn)品的日活幫助巨大。

06 導(dǎo)航和設(shè)置展示在一起

Google Chrome 首頁(yè),將用戶(hù)最常訪(fǎng)問(wèn)的網(wǎng)站和功能項(xiàng)放在一起,如下圖所示:

一般來(lái)說(shuō),國(guó)內(nèi)產(chǎn)品很少將兩個(gè)不同屬性的模塊放在一起,這樣的話(huà)容易被誤解為一種類(lèi)型。

但是為了讓用戶(hù)使用更加方便。Google Chrome將其放在一起,都采用宮格導(dǎo)航的形式,通過(guò)圖標(biāo)和背板的不同做了一定程度的區(qū)分,用戶(hù)的體驗(yàn)更加友好。

07 下拉操作

Google Chrome下拉時(shí),展示三個(gè)選項(xiàng),左右滑動(dòng)選擇對(duì)應(yīng)的操作。

這種交互方式,即做到了界面簡(jiǎn)潔,也做到高效方便使用。

08 為其他app引流

Facebook作為一個(gè)超級(jí)App,所涉及到的業(yè)務(wù)龐雜,公司內(nèi)部各個(gè)部門(mén)利益復(fù)雜。為了業(yè)務(wù)利益,不同部門(mén)組織在不斷地博弈。

如下圖所示,為了盡可能的給其他業(yè)務(wù)引流,F(xiàn)acebook底部有6個(gè)tab,這在主流產(chǎn)品中是不可思議的存在。

為了給messenger引流,首頁(yè)右上角增加了一個(gè)閃電消息圖標(biāo),會(huì)和messenger App聯(lián)動(dòng),當(dāng)有新消息時(shí),會(huì)出現(xiàn)消息提示。點(diǎn)擊跳轉(zhuǎn)到messenger。早期facebook 是將底部一個(gè)tab給messenger引流,點(diǎn)擊tab,直接跳轉(zhuǎn)到messengerApp。

Facebook的這種導(dǎo)流設(shè)計(jì),粗暴高效,短期內(nèi)使得messenger也成為一個(gè)超級(jí)app。

09 刪除中倒計(jì)時(shí)

Telegram在刪除聯(lián)系人時(shí),底部會(huì)出現(xiàn)倒計(jì)時(shí)提示,在這個(gè)期間,用戶(hù)可以撤回刪除操作。

這種交互設(shè)計(jì),使得用戶(hù)在刪除過(guò)程中更加有安全感,可以回撤毀滅性操作。

10 一次發(fā)多條動(dòng)態(tài)

Twitter在發(fā)布動(dòng)態(tài)的時(shí)候,可以一次性發(fā)送多條,這種設(shè)計(jì),可以一次性批量的發(fā)送,提升用戶(hù)效率。

以上就是我發(fā)現(xiàn)外國(guó)主流產(chǎn)品的創(chuàng)新設(shè)計(jì)。而這些設(shè)計(jì),國(guó)內(nèi)基本沒(méi)人采用,所以分享出來(lái)給大家。

如果大家有其他的發(fā)現(xiàn),歡迎在評(píng)論區(qū)留言。

#專(zhuān)欄作家#

UX,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。前美團(tuán)點(diǎn)評(píng)高級(jí)交互設(shè)計(jì)師。微信公眾號(hào):Echo的設(shè)計(jì)筆記,歡迎關(guān)注

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. PUSH的按鈕似乎有一米米小

    來(lái)自美國(guó) 回復(fù)