02.【剪映】組合操作，簡(jiǎn)化界面跳轉(zhuǎn)的“批量編輯”

03.【必剪】軌道按鈕文案自適應(yīng)滑動(dòng)跟隨

04.【剪映/IOS】首頁(yè)新增（試試看）教程專區(qū)板塊，快速入門軟件

05.【剪映】“剪同款”功能，讓用戶快速出片

06.【剪映】上滑升起列表，讓用戶查看選擇更加直觀

07.【剪映】不同類型的模塊，分區(qū)展示

08.【剪映】選中特效后，自動(dòng)播放（特效預(yù)覽效果）

09.【剪映】濾鏡功能“單行瀏覽”的原因以及必要性

01.【剪映】化繁為簡(jiǎn)，突破性的C端深度編輯交互界面！

產(chǎn)品體驗(yàn)：

在此前，用戶想要對(duì)視頻進(jìn)行剪輯操作，用戶大多都需要使用電腦的Ae、Pr等剪輯軟件，此類軟件體量大，操作門檻高，而且需要有電腦的存在，在人手一臺(tái)智能手機(jī)的今天，剪映等專業(yè)剪輯APP的出現(xiàn)，填補(bǔ)了用戶需要在手機(jī)上進(jìn)行視頻剪輯的需求空白。

剪映的UI交互界面，既保留了Ae、Pr等專業(yè)剪輯軟件的界面特點(diǎn)（畫面軌道，音頻軌道），也大大的降低了剪輯軟件的操作門檻。

剪映的UI交互精明之處在于，它將專業(yè)剪輯軟件的復(fù)雜，位置隱蔽，但又常用的剪輯操作。「整合」成為底部一個(gè)個(gè)顯眼的功能圖標(biāo)，并且用極為精簡(jiǎn)易懂的文案，對(duì)功能進(jìn)行了一個(gè)充分的描述。這一舉動(dòng)，大大降低了用戶對(duì)剪輯軟件復(fù)雜功能的理解門檻，用一種整合式的思維，提供功能給用戶合成使用。這簡(jiǎn)單易懂的交互體驗(yàn)，也大大提高了用戶的黏度，忠誠(chéng)度。讓小白用戶接觸了剪映后，再也無(wú)法回到Ae、Pr了。

交互思考：

在AI人工智能浪潮下，一切機(jī)器輔助，機(jī)器完成，需要人效的地方越來(lái)越少，在這大背景下，我們軟件的用戶只會(huì)變得越來(lái)越懶。
在新時(shí)代的背景下，我們UI、交互設(shè)計(jì)師，需要一種寶貴的「化繁為簡(jiǎn)」能力，在不影響最終呈現(xiàn)效果的前提下，將一個(gè)軟件的交互體驗(yàn)，文案、功能理解，以及功能使用操作做得越簡(jiǎn)單，用戶的黏度，忠誠(chéng)度就會(huì)越高。

一個(gè)工具類APP何為「好用」？也許就是像剪上映一樣，“化繁為簡(jiǎn)，成效依然”

02.【剪映】組合操作，簡(jiǎn)化界面跳轉(zhuǎn)的“批量編輯”

產(chǎn)品體驗(yàn)：

在剪映中，識(shí)別字幕的交互邏輯，是自動(dòng)識(shí)別所有視頻片段的語(yǔ)音，并且插入時(shí)間線中，識(shí)別字幕是【批量進(jìn)入時(shí)間軸】的。所以想統(tǒng)一進(jìn)行編輯，得一個(gè)個(gè)反復(fù)選中，然后逐一檢查，這種累人的交互體驗(yàn)，讓用戶用了第一次就不會(huì)想用第二次。

剪映推出了「批量編輯」交互功能。

語(yǔ)音識(shí)別后，用戶點(diǎn)擊其中一個(gè)識(shí)別字幕，底部第一個(gè)功能就是「批量剪輯」功能，點(diǎn)擊后，可以一鍵編輯全體的識(shí)別字幕內(nèi)容，減少了用戶調(diào)整識(shí)別字幕是的操作交互時(shí)間，增加了用戶操作效率

設(shè)計(jì)思考：

在產(chǎn)品的功能交互設(shè)計(jì)中，不妨使用剪映的「整合思維」，將一些重復(fù)性高，標(biāo)簽統(tǒng)一，可統(tǒng)一操作的元素整合在一個(gè)功能中統(tǒng)一編輯，減少用戶的操作切換與跳轉(zhuǎn)，增加用戶的交互體驗(yàn)與操作效率

03.【必剪】軌道按鈕文案自適應(yīng)滑動(dòng)跟隨

產(chǎn)品體驗(yàn)：

在必剪中隨著用戶左右移動(dòng)，軌道按鈕的文案也會(huì)跟隨移動(dòng)，讓用戶無(wú)論滑動(dòng)到何處，什么位置，都能清晰的知道軌道的應(yīng)用名稱，而不會(huì)出現(xiàn)混淆的情況。最大程度上，減輕了用戶的理解成本

設(shè)計(jì)思考：
當(dāng)我們的圖標(biāo)，功能板塊，或者某些重要信息，被用戶左右、上下滑動(dòng)導(dǎo)致超出屏幕展示區(qū)域，用戶想回頭找到這些元素，就得重新滑動(dòng)到對(duì)應(yīng)位置，走一趟“回頭路操作” 。這對(duì)用戶來(lái)說(shuō)其實(shí)是不便捷的，對(duì)交互設(shè)計(jì)來(lái)說(shuō)，是不聰明的

我們可以利用【必剪】的文字跟隨交互，來(lái)舉一反三，讓一些重要的功能，信息區(qū)域，隨著用戶的滑動(dòng)而自適應(yīng)跟隨，最大限度地保證用戶他不錯(cuò)過(guò)這些重要的功能、信息。

04.【剪映/IOS】首頁(yè)新增（試試看）教程專區(qū)板塊，快速入門軟件

產(chǎn)品體驗(yàn)：

在用戶（特別是大齡用戶），在初次使用【剪映】這種有一定入門難度的APP的時(shí)候，其實(shí)都是感到陌生的，新手指引雖然能一定程度解決此問(wèn)題，但是新手引導(dǎo)只能在第一次打開(kāi)APP時(shí)展示，而且新手指引有非常強(qiáng)的局限性，它只能告訴能這功能要怎么用，而無(wú)法告訴你這功能的使用場(chǎng)景。

所以在首頁(yè)中新增一個(gè)軟件使用技巧、教程專區(qū)，可以讓有需要的用戶第一時(shí)間觀看課程，入門軟件，而且課程用戶可反復(fù)觀看，不像新手指引般一次性展示。

這種交互體驗(yàn)，大大減輕了用戶入門軟件的難度。

設(shè)計(jì)思考：

在我們?cè)O(shè)計(jì)的產(chǎn)品是一個(gè)工具型軟件，且有一定入門、使用難度的時(shí)候，不妨參考一下【剪映】的首頁(yè)+軟件使用教程 的交互思維。

用最低成本教會(huì)用戶如何使用這個(gè)軟件，而且展示位置是每次打開(kāi)APP時(shí)都會(huì)看到的首頁(yè)，不用擔(dān)心一些粗心的用戶錯(cuò)過(guò)。

05.【剪映】“剪同款”功能，讓用戶快速出片

產(chǎn)品體驗(yàn)：

在剪映Tap欄中，有一個(gè) “剪同款” 功能，選中對(duì)應(yīng)的視頻模版后，填入自己相冊(cè)的素材，聽(tīng)過(guò)自動(dòng)剪輯，特效覆蓋，自動(dòng)填充文字、BGM等一系列操作，支持用戶一鍵快速成片。

設(shè)計(jì)思考：

在流量為王的時(shí)代，內(nèi)容輸出效率就代表了一切，剪映的 “剪同款” 功能，就是讓用戶的內(nèi)容輸出效率大大提高，將輸出內(nèi)容的過(guò)程簡(jiǎn)單化，無(wú)腦化，用戶無(wú)需再去想用什么創(chuàng)意，視頻用什么BGM，以及視頻特效如何制作，這些都由APP的模版設(shè)計(jì)師幫你搞定，用戶需要做的，就是提供出自己的素材即可。

這給予了我們產(chǎn)品設(shè)計(jì)師一個(gè)啟發(fā)，在我們?cè)O(shè)計(jì)產(chǎn)品時(shí)，是否也能關(guān)注一下，急需內(nèi)容輸出，但內(nèi)容輸出困難的領(lǐng)域呢？也能把一些可自動(dòng)化實(shí)現(xiàn)的步驟（如特效，BGM，字幕等等），交給系統(tǒng)，用戶只需參與拍攝或提供一小部分素材，即可生成一條優(yōu)質(zhì)的內(nèi)容。解決用戶輸出內(nèi)容痛點(diǎn)，從而留存用戶數(shù)量，從而實(shí)現(xiàn)用戶量變現(xiàn)。

06.【剪映】上滑升起列表，讓用戶查看選擇更加直觀

產(chǎn)品體驗(yàn)：

在剪映APP中，一些展示選擇列表的功能中，用戶上滑，列表都會(huì)隨之升起，讓用戶可以更直觀的查看選中其中內(nèi)容，大大增加視覺(jué)傳達(dá)效率。

讓用戶不會(huì)被窗口高度限制，更高效地瀏覽、選用列表中的元素，增加產(chǎn)品功能成效效率

設(shè)計(jì)思考：

當(dāng)我們的瀏覽窗口，因UI布局高度受限時(shí)，設(shè)計(jì)師可以通過(guò)【窗口隨著滑動(dòng)響應(yīng)移動(dòng)】的交互方式，使得界面UI交互更多變幻，更為靈活。

07.【剪映】不同類型的模塊，分區(qū)展示

產(chǎn)品體驗(yàn)：

在剪輯APP中，難免會(huì)有許多種類不同，作用各樣的模塊，但是剪輯軌道UI展示的空間有限，如果沒(méi)有分區(qū)思維，那么整個(gè)剪輯軌道將會(huì)變得雜亂不堪，用戶用久了看到各種軌道模塊，也會(huì)疲勞過(guò)載

而剪映提供的UI解決方案也非常值得參考，將各種不同種類的效果軌道模塊，分區(qū)展示，在用戶點(diǎn)擊【特效】前，剪輯軌道不展示所有的【特效模塊】，在用戶點(diǎn)擊【特效】功能后，才展示對(duì)應(yīng)的【特效模塊】軌道

設(shè)計(jì)思考：

在我們面對(duì)多種不同類型，但是作用相同對(duì)象的作用對(duì)象時(shí)，利用交互思維，在UI界面上進(jìn)行視覺(jué)分類很重要，否則你整個(gè)APP的操作界面將會(huì)雜亂無(wú)章。

剪映給了我們一個(gè)很好的參考，就是將不同種類的對(duì)象 【分區(qū)展示，分區(qū)管理，分區(qū)操作】，最大限度的保證交互界面的簡(jiǎn)潔舒適，且分類也能讓用戶更好的“點(diǎn)對(duì)點(diǎn)”進(jìn)行操作，節(jié)省尋找對(duì)應(yīng)操作對(duì)象的時(shí)間，所以，分類思維 是目前作為交互設(shè)計(jì)師的一項(xiàng)必不可少的技能了。

08.【剪映】選中特效后，自動(dòng)播放（特效預(yù)覽效果）

產(chǎn)品體驗(yàn)：

在剪映APP中，當(dāng)用戶選中特效，系統(tǒng)會(huì)自動(dòng)播放【特效預(yù)覽效果】，且自動(dòng)暫停（如特效時(shí)長(zhǎng)3s，那么系統(tǒng)播放完3s特效效果后會(huì)自動(dòng)暫停，不會(huì)繼續(xù)播放）

用戶可以直接了當(dāng)?shù)夭榭刺匦c畫面融合的效果，而不用選中后，再點(diǎn)擊播放預(yù)覽效果，覺(jué)得效果不滿意，還得反復(fù)切換。這種交互方式，大大節(jié)省了用戶的選擇模版時(shí)間，讓其成為（選擇+預(yù)覽=選中） 的高效交互流程

設(shè)計(jì)思考：

在我們?cè)O(shè)計(jì)一些需要實(shí)時(shí)預(yù)覽的功能時(shí)，我們不妨參考一下剪映的（選擇+預(yù)覽=選中）的高效交互流程，讓用戶免去反復(fù)操作預(yù)覽，重復(fù)選擇的無(wú)效交互，提升用戶在工具型APP的內(nèi)容輸出效率

09.【剪映】濾鏡功能“單行瀏覽”的原因以及必要性

產(chǎn)品體驗(yàn)：

當(dāng)用戶在剪映中喚起濾鏡功能列表時(shí)，難免會(huì)感到驚訝，以及提出疑問(wèn)：“為什么剪映要用單行瀏覽這種低效的交互方式？”

但是只要你仔細(xì)思考，并付出實(shí)踐你就會(huì)明白，剪映在濾鏡列表中，使用單行瀏覽的原因。

因?yàn)橛脩魧?duì)濾鏡的選擇，是出于此濾鏡的畫面效果，所以展示濾鏡效果時(shí)，濾鏡效果圖的比例大小是否清晰顯得尤為重要，所以，剪映犧牲了一些瀏覽效率，但是大大保證了用戶對(duì)此濾鏡的瀏覽精讀。

另外，濾鏡列表不同于特效列表，具有大量重復(fù)圖片填充。濾鏡幾乎每張?zhí)畛涞膱D片都是有所不同的，所以使用多行列表式排列，在多種不同顏色，不同風(fēng)格的圖片填充下，畫面會(huì)變得雜亂不堪

設(shè)計(jì)思考：

當(dāng)我們遇到，填充圖片風(fēng)格各異、或者注重展示畫面的列表設(shè)計(jì)時(shí)，可以參考剪映，犧牲一下瀏覽效率，保證瀏覽舒適度，精讀的設(shè)計(jì)方式，來(lái)防止我們?cè)O(shè)計(jì)的列表在視覺(jué)交互上顯得雜亂無(wú)章