盤(pán)點(diǎn)Facebook 、YouTube等主流產(chǎn)品的10大創(chuàng)新設(shè)計(jì)
編輯導(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):
- Instagram發(fā)力即時(shí)通訊,鼓勵(lì)用戶(hù)相互發(fā)消息。底部已經(jīng)有了5個(gè)tab,沒(méi)辦法繼續(xù)增tab。這時(shí)候只能想辦法找其他流量大的入口。
- 流量最大的入口毫無(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ì)的好處:
- 可以讓用戶(hù)邊找視頻,邊觀看。盡可能地利用用戶(hù)時(shí)間。
- 使用戶(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é)議
PUSH的按鈕似乎有一米米小