盤點Facebook 、YouTube等主流產(chǎn)品的10大創(chuàng)新設(shè)計
編輯導(dǎo)讀:每個設(shè)計師都會有創(chuàng)意靈感缺失、大腦一片空白的狀態(tài),這個時候去看看最新的一些設(shè)計趨勢會是一個尋找靈感的好方法。本文作者梳理盤點了國外主流產(chǎn)品的10大創(chuàng)新設(shè)計,希望能幫助解決你設(shè)計時遇到的靈感枯竭。
國內(nèi)的產(chǎn)品設(shè)計同質(zhì)化嚴重,將眾多同類產(chǎn)品放在一起,去除圖標(biāo)和主題色的話,很難區(qū)分是哪個App。
設(shè)計師的視野如果長期只關(guān)注國內(nèi),那么設(shè)計創(chuàng)新能力很容易被束縛,導(dǎo)致創(chuàng)新能力下降。
應(yīng)對突發(fā)需求,國內(nèi)沒有相對應(yīng)的競品,就無法做出可落地的方案。
本篇文章盤點下國外主流產(chǎn)品的10大創(chuàng)新設(shè)計,通過本篇文章,希望可以打開視野,提升創(chuàng)新能力。
01 左滑進入聊天界面
Instagram在首頁界面,用戶左滑進入消息聊天頁。這是一種全新的交互形式。
國內(nèi)的產(chǎn)品,左右滑是切換首頁的二級導(dǎo)航。
我第一次使用時不習(xí)慣,很容易誤操作。當(dāng)習(xí)慣之后,就覺得超級方便。它可以快速地切換到聊天消息頁。
為什么Instagram要做這個交互?猜測原因有以下2點:
- Instagram發(fā)力即時通訊,鼓勵用戶相互發(fā)消息。底部已經(jīng)有了5個tab,沒辦法繼續(xù)增tab。這時候只能想辦法找其他流量大的入口。
- 流量最大的入口毫無疑問是首頁。所以Instagram在首頁新增手勢操作,當(dāng)用戶左滑,就能快速地到達消息聊天頁。此方案可以完美的滿足業(yè)務(wù)需求。
02 視頻小窗口播放
在YouTube視頻詳情頁,沒有視頻關(guān)閉功能。用戶不想看視頻時,只能點擊播放器左上方的收起箭頭。
當(dāng)用戶點擊之后,會變成卡片小窗口,進行小窗口播放。如下圖所示:
這樣設(shè)計的好處:
- 可以讓用戶邊找視頻,邊觀看。盡可能地利用用戶時間。
- 使用戶消費更多視頻,提升用戶的觀看效率。
03 推薦視頻
YouTube在播放過程中,底部會出現(xiàn)四個視頻,用戶上滑時全部出現(xiàn)。
用戶可以在播放過程中,點擊推薦視頻觀看。
這種設(shè)計更加強化推薦視頻功能。用戶可以在播放過程中,選擇更感興趣的視頻。
國內(nèi)視頻產(chǎn)品,在全屏的情況下,無法推薦視頻,只能在視頻結(jié)束后推薦視頻。國內(nèi)這樣的好處是可以更聚焦當(dāng)前視頻。
04 篩選訂閱視頻觀看
在訂閱內(nèi)容Tab,用戶可以根據(jù)標(biāo)簽,進行篩選視頻,這種操作可以極大的提升用戶查找視頻的效率。
像繼續(xù)觀看、未觀看內(nèi)容,這些標(biāo)簽,可以高效,不遺漏地觀看訂閱up主的視頻。
05 提升push打開率
當(dāng)訂閱up主后,push推送沒有打開時,會出現(xiàn)消息未打開的圖標(biāo),用戶點擊,進入設(shè)置頁面,進行打開通知設(shè)置。
這種設(shè)計的好處是:推送設(shè)置入口固定展示,用戶打開push的概率大大增加。
而push打開率的提升,對提升產(chǎn)品的日活幫助巨大。
06 導(dǎo)航和設(shè)置展示在一起
Google Chrome 首頁,將用戶最常訪問的網(wǎng)站和功能項放在一起,如下圖所示:
一般來說,國內(nèi)產(chǎn)品很少將兩個不同屬性的模塊放在一起,這樣的話容易被誤解為一種類型。
但是為了讓用戶使用更加方便。Google Chrome將其放在一起,都采用宮格導(dǎo)航的形式,通過圖標(biāo)和背板的不同做了一定程度的區(qū)分,用戶的體驗更加友好。
07 下拉操作
Google Chrome下拉時,展示三個選項,左右滑動選擇對應(yīng)的操作。
這種交互方式,即做到了界面簡潔,也做到高效方便使用。
08 為其他app引流
Facebook作為一個超級App,所涉及到的業(yè)務(wù)龐雜,公司內(nèi)部各個部門利益復(fù)雜。為了業(yè)務(wù)利益,不同部門組織在不斷地博弈。
如下圖所示,為了盡可能的給其他業(yè)務(wù)引流,F(xiàn)acebook底部有6個tab,這在主流產(chǎn)品中是不可思議的存在。
為了給messenger引流,首頁右上角增加了一個閃電消息圖標(biāo),會和messenger App聯(lián)動,當(dāng)有新消息時,會出現(xiàn)消息提示。點擊跳轉(zhuǎn)到messenger。早期facebook 是將底部一個tab給messenger引流,點擊tab,直接跳轉(zhuǎn)到messengerApp。
Facebook的這種導(dǎo)流設(shè)計,粗暴高效,短期內(nèi)使得messenger也成為一個超級app。
09 刪除中倒計時
Telegram在刪除聯(lián)系人時,底部會出現(xiàn)倒計時提示,在這個期間,用戶可以撤回刪除操作。
這種交互設(shè)計,使得用戶在刪除過程中更加有安全感,可以回撤毀滅性操作。
10 一次發(fā)多條動態(tài)
Twitter在發(fā)布動態(tài)的時候,可以一次性發(fā)送多條,這種設(shè)計,可以一次性批量的發(fā)送,提升用戶效率。
以上就是我發(fā)現(xiàn)外國主流產(chǎn)品的創(chuàng)新設(shè)計。而這些設(shè)計,國內(nèi)基本沒人采用,所以分享出來給大家。
如果大家有其他的發(fā)現(xiàn),歡迎在評論區(qū)留言。
#專欄作家#
UX,人人都是產(chǎn)品經(jīng)理專欄作家。前美團點評高級交互設(shè)計師。微信公眾號:Echo的設(shè)計筆記,歡迎關(guān)注
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
PUSH的按鈕似乎有一米米小