交互設(shè)計|抖音為什么是上滑查看下一個視頻_抖音上下滑動切換視頻
1)點擊行為2)手勢操作
對于手勢操作,這里只討論單手持機的場景(畢竟大部分單手可以完成的行為,雙手也可以完成),只討論更常見的一指操作。像mac這種有多個手指和方向的復(fù)雜手勢不在此列。
手勢操作可以分為左右滑動、上下滑動,以及稍微復(fù)雜一點的用手勢繪制相應(yīng)圖形的操作。這里主要討論上滑和左右滑。
剛才我們討論了為什么手勢操作比屏幕點擊好,但也是手勢操作。為什么不向右滑動觀看下一個視頻?目前左右滑動主要用于什么場景下的什么操作行為?還有,左右滑動和上下滑動有什么區(qū)別?
首先,按照從上到下、從左到右的常規(guī)閱讀習(xí)慣,如果左邊的幻燈片是上一張,右邊的幻燈片是下一張,就不難理解和接受。下面網(wǎng)易云音樂首頁的banner輪播圖和菜單欄設(shè)計相似,可以滑動查看下一張和上一張。所以,如果你左右滑動切換下一個視頻,也是一種能被用戶理解的交互行為。
網(wǎng)易云音樂首頁截圖
除了這種情況下的繪圖部分區(qū)域可以左右滑動之外,還有在整個屏幕上左右滑動的手勢操作的應(yīng)用,也就是滑動切換頂部tab。
好像在當前菜單下,我有一疊屬于這個菜單下不同類別的卡片。左右滑動可以切換查看不同的卡片內(nèi)容,也可以點擊最上面的標簽頁直接導(dǎo)航到對應(yīng)的卡片,比如下圖的酷狗音樂。
(酷狗音樂app首頁截圖,功能真的太多了= =)
這種認知是在很多產(chǎn)品的教育下逐漸形成的,抖音也是如此。左右滑動是切換最上面的三個標簽頁,分別是城市、關(guān)注和推薦。
(除了以上兩種左右滑動場景,一些頁面跳轉(zhuǎn)比較多的app,比如淘寶,也會用左右滑動手勢來控制進入下一頁和退出當前頁,這里就不展開了。)
因此,很容易理解為什么抖音不左右滑動來切換視頻。
由于左右滑動被其他操作占用,目前左右滑動承載了切換頂部標簽頁的功能,方便承載更豐富的不同類別的內(nèi)容,滿足不同用戶的多樣化需求。如果使用左右滑動來切換上一個視頻和下一個視頻,則意味著需要用其他手勢/功能按鈕來代替tab-cutting功能,或者用戶需要手動點擊來切換類別,或者可以使用上下等其他手勢來代替操作。前者運營成本高,后者尚未形成統(tǒng)一認知,造成教育成本較高。因為左右滑動不如上下滑動,所以從操作簡單性來說上下滑動比左右滑動好。單手持機狀態(tài)下,上下滑動更符合操作習(xí)慣。而且用戶切換觀看下一個視頻的行為頻率會遠高于切換到頂部標簽頁觀看另一個類別的行為頻率,所以更高頻率的行為對應(yīng)的是更低門檻的手勢交互,可以讓用戶感覺更好。
為什么探空儀會左右滑動,而抖音會上下滑動?
剛才,我們只討論了抖音。基于產(chǎn)品本身的特點和當前內(nèi)容的豐富性,我們選擇了上下切換視頻。那么我們?yōu)槭裁催x擇左右滑動進行探索呢?
如果說抖音是第一個擁有大屏沉浸式短視頻,通過滑動切換的產(chǎn)品,那么探客就是第一個以卡片形式左右滑動讓陌生人交友的產(chǎn)品。既然上下滑動這么友好,操作簡單,為什么不滑下來看看下一個朋友呢?
首先,當我們說向下滑動比向左滑動更容易操作的時候,并不是說所有的交互都需要向下滑動。畢竟上下滑動只能操作一種行為,所以需要對比用戶的操作頻率和產(chǎn)品本身的定位。
對于抖音來說,觀看下一個視頻是用戶的高頻行為,這類短視頻app希望用戶消費盡可能多的內(nèi)容,觀看盡可能多的視頻。所以在產(chǎn)品設(shè)計中用最好的交互手勢操作最合適的用戶行為是非常合理的。
但是,對于探索來說,向下滑動看到更多并不是用戶的核心訴求。用戶打開探索是為了找到匹配的對象,而不是看有多少小弟在探索。如果他們是來看帥哥照片的,為什么我不在陳偉霆刷微博?對嗎?所以探測實際上并不希望用戶消費完內(nèi)容,然后向下滑動看到下一個內(nèi)容。
用戶想要的是找到匹配的對象,快速搭訕,建立關(guān)系。
基于這個用戶的訴求,探索需要做的是:
【提供內(nèi)容】根據(jù)用戶畫像推薦可能的匹配對象【輔助快速匹配決策】首先,提供盡可能少且關(guān)鍵的信息,幫助用戶建立對方的個人資料,包括照片、年齡、星座、地理位置等。此外,盡可能少地提供選項,如喜歡、不喜歡和超級喜歡。
探索主頁截圖
在某種程度上,超級喜歡是為會員包裝的特殊功能。對于單個對象,其實所有的決定都可以簡化為喜歡和不喜歡。
當有足夠多的選擇時,決策會變得更容易。
否則,你要想很久,只是為了消除錯誤的答案。舉個反面的例子,如果把用戶對單個對象的決策分為四類,分別是“第一眼就喜歡上了”、“有興趣嘗試一下”、“有點興奮但不想主動追求”和“對下一個完全不感興趣”。
好家伙,光是理解這些分類就已經(jīng)很難了,你需要思考哪一個才是合適的。如果“一見鐘情”的池子里沒有上鉤的魚,那就繼續(xù)在“興趣和想嘗試”的池子里做決定,看看自己是否能勉強達到“一見鐘情”的類型。這樣整個決策過程會變得非常復(fù)雜,僅僅基于照片等有限的信息,很難支撐如此詳細的分類依據(jù)。
所以,探查想要幫助用戶快速決策,關(guān)鍵點是要快,只選擇自己喜歡的和不喜歡的。
剛才我們把抖音和探空做了比較,一個向上滑,一個左右滑。但其實根本沒有可比性。抖音上下移動以檢查前一個和下一個。嚴格來說,左邊的幻燈片也是下一張,右邊的幻燈片也是下一張。所以用兩個互斥的手勢來承載用戶互斥的態(tài)度,好惡。
也就是說,用戶沒有選擇前一操作按鈕。
這個需求不是不可以,而是不給。
只有在沒有退路的情況下,我們才會做出更慎重的決定,否則錯過這個村子就沒有這個店了。不給用戶試錯和撤退的機會,可以讓用戶做更慎重的決策,提高決策效率。
如果用上下滑動來表達自己的好惡,上下滑動查看下一張的用戶習(xí)慣太根深蒂固了,肯定會帶來一大批其實很想看下一張卻莫名其妙選擇喜歡和匹配的用戶。因此,在這種場景下,創(chuàng)建一種左右滑動的交互方式來表示用戶的態(tài)度是有用和高效的。
03滑動屏幕的時候我們想做什么?在討論了各種交互方式之后,我們回到滑動屏幕本身。當我們滑動屏幕時,我們想做什么?我們什么時候會有意識的滑屏?
有兩種可能。一種是你對當前屏幕的內(nèi)容感興趣,想更多的了解當前對象,也就是追求當前信息的延伸。比如看長微博的時候,不放下一個屏幕,然后滑動屏幕慢慢往下看。
另一種是對當前內(nèi)容不感興趣或者已經(jīng)消費了當前內(nèi)容,尋求下一個同類型的對象,比如刷朋友圈。下去不是因為還想看python的廣告,而是對這個廣告不感興趣,想跳過廣告看下一個。
其實兩者是有區(qū)別的。舉個不太恰當?shù)睦樱诶侨藲⒕钟龅揭粋€可愛的二階女生,在微信上搭訕可能有兩個目的。如果這個女生還是單身,你可能想進一步增進了解,追求別人,也就是當前對象信息的延伸。如果這個女生已經(jīng)有男朋友了,你可能要問問別人有沒有閨蜜,有沒有和她一樣可愛的女生。"
如何判斷用戶滑動時是想滑動當前卡片還是切換到下一張卡片?
答案是,不要區(qū)分hhh。
雖然在知乎早期對這兩種行為進行了嚴格區(qū)分,但是在查看完當前答案后,需要返回上一個列表頁面,點擊下一個答案,然后進入內(nèi)頁查看詳情。
但實際上,無論是相似的還是不同種類的內(nèi)容,對用戶來說都消耗了更多的信息,而屏幕尺寸是有限的,所以當前內(nèi)容無法在一個屏幕上顯示,用戶需要手動向下滑動。但是,這張卡打完了,內(nèi)容加載后,你是選擇讓用戶下拉,告訴他我這里沒有更多的內(nèi)容了嗎?是需要退出去找別的,還是需要馬上填充下一個類似的內(nèi)容,讓用戶無縫繼續(xù)消費?
(雖然我沒有這位小哥哥更詳細的資料,但是我可以給你介紹更多的小哥哥。肯定會有你喜歡的。反正不去,歡迎看別的~)
產(chǎn)品選擇一定是后者,也就是現(xiàn)在的瀑布。內(nèi)容的無縫連接降低了用戶查看更多內(nèi)容的運營成本。畢竟消費當前信息的用戶,大概率會對相似的信息感興趣,這會給用戶更流暢的信息消費體驗。同時,產(chǎn)品經(jīng)理也會推動更多內(nèi)容消費行為的發(fā)生,為產(chǎn)品帶來更大的商業(yè)價值。
然而,瀑布流并不都是好的,也有不好的情況。畢竟用戶的需求有兩種,是混合的:喜歡當前內(nèi)容的和消費后不喜歡當前內(nèi)容的。
如果一個用戶在朋友圈看到python的廣告,他想做的是跳過這個內(nèi)容,查看下一個。但是默認評論區(qū)太長了,刷了一個又一個屏幕。你繼續(xù)添加更多關(guān)于當前資訊的內(nèi)容供對方消費,阿諛奉承被拍在馬腿上,導(dǎo)致用戶最后破口大罵。
如果兩種滑動場景耦合在一起,必然會帶來這樣的問題。所以,瀑布流能讓用戶持續(xù)消費的前提,取決于看到有趣內(nèi)容的愉悅感和對無趣內(nèi)容或廣告的容忍度,需要強大的推薦算法~
04要互動才能看下一個視頻嗎?其實這個問題我們還沒想完。我們對比了所有的交互方式,下一個視頻怎么看,下一個怎么看,每種交互方式的優(yōu)缺點。但有一個問題是,我們一定要互動才能看到下一個視頻嗎?
答案是不一定。
比如我們可以像微博一樣,3秒后自動播放下一個視頻(一開始這個功能被吐槽了,因為推薦的視頻太爛根本沒興趣),或者再比如我們可以一屏播放兩個視頻,上一個和下一個都在這里,整整齊齊,或者像嗶哩嗶哩一樣,我們可以在首頁有兩列視頻等待主持人點擊。
為什么抖音希望一個內(nèi)容占據(jù)整個屏幕,然后讓用戶操作它來看下一個視頻?我猜可能有以下兩個原因:
第一,沉浸式體驗。大屏的優(yōu)勢在于沉浸式體驗。整個屏幕除了當前視頻沒有其他信息。用戶可以毫無負擔地享受當前的內(nèi)容,忘記外部的煩惱。不知不覺,抖音持續(xù)了十幾秒,世界上需要兩個小時。第二,不確定和驚喜。相比Aauto Quicker等產(chǎn)品之前的雙排feed流,大屏交互還有一個優(yōu)勢:列表代表確定性,需要決策成本。當你查看列表時,你預(yù)覽信息,知道可能有什么內(nèi)容,并根據(jù)標題和預(yù)覽信息選擇一個內(nèi)容,所以你對視頻內(nèi)容有一個基本的預(yù)期,內(nèi)容很難超出預(yù)期。只能大概率達到或達不到預(yù)期。但是,大屏互動意味著看不到下一個的不確定性和驚喜。如果雙排提要流中的下一個視頻是4中1,那么向下滑動查看下一個視頻就是n中1,你根本不知道下一個是什么,也不用去想下一個是什么。你就看/不看,不看就一直滑。
我之前的推送里介紹過一個我很喜歡的南京小店,叫風波莊。我愿意稱它為餐飲業(yè)的“抖音”。因為在這家店,我解決了一個吃飯的大問題,點了。
大家都知道點餐是最難的。點多少點什么很費勁。你可以問旁邊的人你想吃什么。上菜后說你的菜不夠硬,或者沒有湯,或者沒有菜,或者太辣,或者太油膩,點菜的人沒地方說。
(太愛風波莊了~強烈安利大家有機會試試)
然而,風波莊拋棄了傳統(tǒng)的看菜單點菜的方式。你一進來,服務(wù)員就不會給你各種推薦菜的菜單,而是直接按人數(shù)上菜。沒有菜單。
只要你坐下喝水,就會有人開始給你上菜,但你并沒有完全失去選擇權(quán),因為你可以自主選擇每一道菜是留下還是帶走。100分之8的大型選擇題變成2分之8的真假題,整個用餐體驗變得輕松高效。
當然,推薦算法(阿姨對每個人食量和口味的估算)和產(chǎn)品本身的質(zhì)量(菜品的豐富度和口感)都是這背后的強大動力。
那么,為什么抖音要滑上去檢查下一個視頻的設(shè)計呢?我的回答如下:
首先,這個設(shè)計的背景是產(chǎn)品本身基于對背后推薦算法的信心,省去了用戶的決策過程,直接進入當前內(nèi)容的消費階段。因此,用戶需要手動切換內(nèi)容,或者換句話說,用戶需要一個出口來表達是否接受推薦內(nèi)容,而不是被迫消費所有推薦內(nèi)容。
基于用戶的交互需求,上滑的好處是:
沒有額外的教育成本,向上滑動查看更多內(nèi)容已經(jīng)成為用戶的習(xí)慣。上滑是最簡單的交互手勢,多看是用戶和產(chǎn)品的共同訴求,所以上滑承載用戶的最高頻率訴求是非常合理的。使用向上滑動可以看到更多,保留左右滑動可以進行tab切換,保證了結(jié)構(gòu)和內(nèi)容的可擴展性和產(chǎn)品的生命力。
#專欄作家#
李濤,微信微信官方賬號:檸檬二,人人都是產(chǎn)品經(jīng)理專欄作家。新的產(chǎn)品經(jīng)理,專注于產(chǎn)品工作分享和社交/社區(qū)追蹤產(chǎn)品思維。
本文由人人作為產(chǎn)品經(jīng)理原創(chuàng)發(fā)布,未經(jīng)允許禁止轉(zhuǎn)載。
題目來自PEPEPELS,基于CC0協(xié)議。
如果您的問題還未解決可以聯(lián)系站長付費協(xié)助。

有問題可以加入技術(shù)QQ群一起交流學(xué)習(xí)
本站vip會員 請加入無憂模板網(wǎng) VIP群(50604020) PS:加入時備注用戶名或昵稱
普通注冊會員或訪客 請加入無憂模板網(wǎng) 技術(shù)交流群(50604130)
客服微信號:15898888535
聲明:本站所有文章資源內(nèi)容,如無特殊說明或標注,均為采集網(wǎng)絡(luò)資源。如若內(nèi)容侵犯了原著者的合法權(quán)益,可聯(lián)系站長刪除。