當(dāng)前位置:圖趣網(wǎng)(Tuquu) > 網(wǎng)頁(yè)設(shè)計(jì)教程 > 設(shè)計(jì)理論 > 用Keep的案例,讓你輕松理解交互設(shè)計(jì)師的職責(zé)

天天刷抖音停不下來(lái)?原來(lái)是用這3個(gè)設(shè)計(jì)讓你上癮!

編者按:天天超過(guò)1.5億人使用的抖音,究竟用了哪些設(shè)計(jì)才讓你刷得停不下來(lái)?本文中新浪交互設(shè)計(jì)師總結(jié)了3個(gè)交互細(xì)節(jié),看完才知道抖音原來(lái)是靠這些設(shè)計(jì)讓你上癮的!

一、抖音便利的交互模式

月活過(guò)5億的抖音被人稱(chēng)為有毒的產(chǎn)品,為防止用戶上癮,抖音甚至上線了反陷溺體系設(shè)計(jì)。

為什么抖音會(huì)讓人上癮,除了高質(zhì)量的內(nèi)容運(yùn)營(yíng)和洗腦的魔性音樂(lè),其便利的交互模式也是一個(gè)不可忽視的因素。

筆者認(rèn)為抖音便利的交互模式有三:一是豎版全屏播放體驗(yàn),二是高效的手勢(shì)交互,三是系列的沉浸式設(shè)計(jì)。

1. 豎版全屏播放體驗(yàn)

為什么是豎版視頻?豎版跟橫版有什么區(qū)別?

表象上看橫版和豎版只是內(nèi)容呈現(xiàn)體例不同,但不同的呈現(xiàn)體例下代表的是其內(nèi)容的生產(chǎn)源和價(jià)值觀的差別。

相較于橫版,豎版的呈現(xiàn)情勢(shì)更接近于視頻原生,代表著來(lái)自手機(jī)拍攝的 ugc 內(nèi)容,宣傳的價(jià)值觀更是區(qū)別于橫版視頻慢條斯理的細(xì)膩,更加凸起其簡(jiǎn)單原創(chuàng),在短至15秒的時(shí)間內(nèi)快速完成情感碰撞。

作為短視頻代表的抖音選擇了豎版,實(shí)則是選擇了去中間化,選擇了暗示和指導(dǎo)用戶的內(nèi)容生產(chǎn)。

為什么是全屏播放?

筆者認(rèn)為抖音最大的創(chuàng)新交互是全屏主動(dòng)播放,打開(kāi)應(yīng)用就可以直接獲取內(nèi)容。

視頻類(lèi)內(nèi)容的展示體例有許多種,有入口式、列表式、陳列館式等等,可以統(tǒng)稱(chēng)為自動(dòng)觸發(fā)式。用戶必要獲取視頻相干信息從而對(duì)視頻內(nèi)容進(jìn)行預(yù)判,從浩繁選擇中進(jìn)行篩選,視頻的點(diǎn)擊率依靠于外露內(nèi)容的吸引力。

而抖音的全屏播放,是被動(dòng)式觸發(fā),無(wú)需用戶的思考和選擇,縮短操作路徑的同時(shí)大量削減用戶的獲取成本。

2. 高效的手勢(shì)交互

上下滑動(dòng)切換內(nèi)容

抖音將視頻內(nèi)容整合成視頻流,流在英文中被稱(chēng)為「feed」,外觀意思就是喂養(yǎng),現(xiàn)實(shí)定義為「給用戶以持續(xù)消耗的內(nèi)容聚合器」。

用戶在不同的視頻內(nèi)容之間切換只必要上滑即可,每一次滑動(dòng)都可以獲取新內(nèi)容,操作簡(jiǎn)單且高效。

雙擊點(diǎn)贊

相較于傳統(tǒng)的控件交互,手勢(shì)交互自己是隱蔽不容易發(fā)現(xiàn)的,有肯定的學(xué)習(xí)成本,必要對(duì)用戶進(jìn)行指導(dǎo)和教育。所以手勢(shì)交互一向是作為一種增補(bǔ)的交互體例而存在的。

但抖音的雙擊點(diǎn)贊就把這個(gè)手勢(shì)交互做成了主操作功能,緣故原由在于:

  • 簡(jiǎn)單易學(xué),喜好請(qǐng)雙擊,簡(jiǎn)單的口號(hào)就可以讓用戶快速學(xué)習(xí);
  • 反饋強(qiáng),雙擊之后屏幕上出現(xiàn)飽滿的小紅心;
  • 增長(zhǎng)趣味性,雙擊之后再次雙擊,點(diǎn)贊舉動(dòng)持續(xù)觸發(fā),遇見(jiàn)超喜好的視頻可以點(diǎn)滿整屏幕的小愛(ài)心;
  • 增大操作區(qū)域,在屏幕任何位置都可以點(diǎn)贊,不受限于控件位置,增長(zhǎng)交互服從。

向左滑進(jìn)入小我主頁(yè)

抖音另一個(gè)很棒的手勢(shì)交互是視頻網(wǎng)頁(yè)向左滑進(jìn)入小我主頁(yè),看到一篇不錯(cuò)的視頻內(nèi)容,快速左滑可以查看更多如許的設(shè)計(jì)既保證了內(nèi)容的延續(xù)性,又可以促進(jìn)關(guān)系的建立。

3. 沉浸式設(shè)計(jì)

循環(huán)播放

案例視頻:https://v.qq.com/x/page/w1344alie7a.html

一段視頻內(nèi)容消耗完之后應(yīng)該做些什么?重新播放照舊播放下一個(gè)內(nèi)容?

早期的視頻在播放完會(huì)給用戶「重新播放」的選擇,到后來(lái)視頻播放完會(huì)給主動(dòng)重播的倒計(jì)時(shí),而抖音直接在播放完一段視頻之后主動(dòng)循環(huán)播放。

筆者猜測(cè),抖音的視頻循環(huán)播放是基于其早期內(nèi)容集中在15s時(shí)間的緣故,視頻內(nèi)容快速開(kāi)始又匆匆結(jié)束,精彩只在一瞬間,偶然候甚至沒(méi)有反應(yīng)過(guò)來(lái),就會(huì)讓人忍不住一次又一次的重復(fù)消耗,很好的行使了生理學(xué)上的「蔡格尼克記憶效應(yīng)」(指人們對(duì)于尚未處理完的事情,比已處理完成的事情印象更加深刻)保證用戶對(duì)內(nèi)容消耗的沉浸體驗(yàn)。

假如內(nèi)容消耗完主動(dòng)播放下一個(gè)內(nèi)容,可能會(huì)打斷用戶當(dāng)前的細(xì)致力,引發(fā)用戶的反感,且不利于當(dāng)前內(nèi)容的互動(dòng)和沉淀。

浮層操作去模態(tài)

抖音在觀看視頻過(guò)程中,進(jìn)行評(píng)論、轉(zhuǎn)發(fā)等交互舉動(dòng)的時(shí)候,呼起的浮層操作都是半透明的一時(shí)浮層,沒(méi)有蒙層的處理,不會(huì)打斷當(dāng)前的視頻播放舉動(dòng)。

這是一種為保證沉浸的非阻斷式交互體例,在有交互舉動(dòng)時(shí)視頻仍在循環(huán)播放的設(shè)計(jì)更是為用戶營(yíng)造了濃烈的氣氛感。

抖音里沒(méi)偶然間

在抖音推出防陷溺體系之前,抖音跟許多游戲一樣,網(wǎng)頁(yè)里是沒(méi)有狀況欄的,用戶在應(yīng)用里看不了當(dāng)前時(shí)間。每條視頻內(nèi)容很短,只有短短的15s,可是卻不知偶然中循環(huán)了多少遍。每次上滑只切換一個(gè)視頻,可是卻不會(huì)數(shù)下意識(shí)上滑了多少次。就如許不知不覺(jué)的好像只過(guò)了1分鐘,卻是人間3小時(shí)。

二、為什么抖音的交互模式讓人上癮

在尼爾·埃亞爾,瑞安·胡佛的書(shū)《上癮》中提到:

要想讓企業(yè)持續(xù)發(fā)展,形成正向反饋循環(huán)從而強(qiáng)大發(fā)展,特別很是高效的做法就是培養(yǎng)用戶的風(fēng)俗,讓其上癮。上癮的模型分為四個(gè)階段,即觸發(fā)、舉措、多變的酬賞和投入。

1. 觸發(fā)

《上癮》里給觸發(fā)的定義是:提示用戶采取舉措,給產(chǎn)品一個(gè)機(jī)會(huì)入口。僅從視頻內(nèi)容的交互模式來(lái)看,觸發(fā)就是獲取視頻內(nèi)容的體例,抖音采用了默認(rèn)豎版全屏視頻主動(dòng)播放的情勢(shì),削減用戶的舉措成本,進(jìn)步觸發(fā)的機(jī)率。

2. 舉措

舉措意指在對(duì)某種回報(bào)心懷期待的情況下做出的行為,包括舉措的動(dòng)機(jī)和能力。僅從交互模式來(lái)分析,抖音的無(wú)時(shí)間的設(shè)計(jì),就是知足用戶尋求快樂(lè),躲避痛楚的動(dòng)機(jī)。上下滑動(dòng)就可以切換視頻,向左滑動(dòng)可以快速進(jìn)入小我主頁(yè),雙擊屏幕任何位置都可以點(diǎn)贊等一系列的交互模式都是在降低用戶的舉措成本,進(jìn)步用戶舉措的能力。

3. 多變的酬賞

視頻采用豎版全屏的情勢(shì)加上每一次向上滑動(dòng)的交互,使得用戶對(duì)于下一個(gè)視頻內(nèi)容完全無(wú)預(yù)期,就像沒(méi)吃之前永久都不知道盒子里的下一顆巧克力糖是什么味道,給人一種無(wú)法抵抗的魔力。

在游戲設(shè)計(jì)中,最緊張的獎(jiǎng)勵(lì)體系就是賡續(xù)的設(shè)置大小不同的目標(biāo),目標(biāo)達(dá)成后給予不同的獎(jiǎng)勵(lì)從而給予用戶以精神上的知足感。而在抖音的消耗中,體驗(yàn)就是目標(biāo),每一次下滑的義務(wù)達(dá)成后就會(huì)有精彩內(nèi)容,得到間歇性變量獎(jiǎng)勵(lì)。

在李立的《騰訊產(chǎn)品法》一書(shū)中提到,產(chǎn)品的強(qiáng)度=體驗(yàn)-成本,抖音播放的交互模式的核心策略就是在努力降低用戶的舉措成本,提拔產(chǎn)品帶來(lái)的體驗(yàn),因此才能夠讓用戶上癮。

三、體驗(yàn)的向下不兼容性

向下兼容,是計(jì)算機(jī)語(yǔ)言,也稱(chēng)為后向兼容,指在一個(gè)程序或者類(lèi)庫(kù)更新到較新的版本后,用舊的版本程序創(chuàng)建的文檔或體系仍能被正常操作或使用。

在新功能上線后,交互細(xì)節(jié)中要考慮新舊版本兼容的題目,對(duì)于產(chǎn)品體驗(yàn)而言,卻沒(méi)有新舊時(shí)代兼容的情況。由于體驗(yàn)是有閾值的,就像我們的口味越來(lái)越刁鉆一樣,對(duì)體驗(yàn)的要求也越來(lái)越高。

筆者認(rèn)為,抖音的交互模式提拔了短視頻的消耗體驗(yàn),那些舊有的交互模式,如自動(dòng)觸發(fā)的、固定位置操作、必要反復(fù)網(wǎng)頁(yè)切換視頻等等復(fù)雜且成本高的交互模式將會(huì)不再適應(yīng)。

迎接關(guān)注作者的微信公眾號(hào):「UX設(shè)計(jì)生」


[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di4151.html
多達(dá)300套背景紋理免費(fèi)素材,小編幫你精選好了…
超過(guò)12萬(wàn)張圖片免費(fèi)下載!這個(gè)網(wǎng)站你得珍藏起來(lái)!
圖趣網(wǎng)微信
建議反饋
×