交互設(shè)計(jì)的好壞，影響著用戶的使用體驗(yàn)。在眾多交互手勢中，有一匹黑馬，看著不那么重要，卻嚴(yán)重影響著用戶的交互使用體驗(yàn)，它就是——長按?？吹竭@，你可能會(huì)好奇，為什么它是黑馬？別著急，我們和作者一起去看看你就明白了。

手勢交互中的點(diǎn)擊、敲擊、滑動(dòng)、拖拽等交互形式是作為當(dāng)下互聯(lián)網(wǎng)最常見的操作方式，它們覆蓋用戶大部分的使用場景。

在當(dāng)下每個(gè)交互手勢都在不同場景下有著成熟的使用規(guī)范，如向上/下滑動(dòng)，在ios桌面編輯模式下，向上滑動(dòng)意味著關(guān)閉一個(gè)正在運(yùn)行的應(yīng)用，像從左往右滑動(dòng)則是返回應(yīng)用的上一個(gè)層級(jí)。再比如按鈕大多數(shù)情況下只能用于點(diǎn)擊，單次點(diǎn)擊后即可響應(yīng)。

在這些交互方式都趨于固定的情況下，筆者認(rèn)為唯獨(dú)長按的使用方法還正處于發(fā)展中。

本文將長按的交互方式分為快捷操作、數(shù)據(jù)收集、預(yù)覽、語音、吊起工具欄等五個(gè)緯度為大家分別剖析。

一、長按的交互流程

當(dāng)下長按的交互方式可以針對(duì)任何控件進(jìn)行交互，不管是圖片、字符、還是表格內(nèi)容。反饋方式與單純的視覺反饋不同，除了視覺反饋，大多數(shù)會(huì)伴隨著單次震動(dòng)，從反饋上多了觸感的維度。

在某些游戲交互中會(huì)伴隨著音效刺激用戶的感官。而在大多數(shù)的產(chǎn)品中，用戶對(duì)某控件進(jìn)行長按之后，該控件的層級(jí)則是成為當(dāng)前頁面的最高層級(jí)，并伴隨單次震動(dòng)，同時(shí)觸發(fā)更多功能操作。

二、長按功能的類別

1. 快捷操作

交互方式：用戶通過長按吊起個(gè)性化快捷操作。

案例：IOS啟動(dòng)臺(tái)。

在啟動(dòng)臺(tái)長按應(yīng)用吊起快捷操，作想必是大家最熟悉不過的。長按后除了吊起系統(tǒng)級(jí)別的編輯主屏、分享App、刪除app以外，還會(huì)伴隨該應(yīng)用在特定場景下的快捷操作。而這些快捷操作又分為兩類，一種用戶的常用功能類似于微信的掃一掃、首付款以及我的二維碼。另一種則是符合產(chǎn)品戰(zhàn)略的功能，如小紅書的福利社，目的則是給予更多的曝光從而提升福利社的點(diǎn)擊率。

我們能清晰看到，ios的設(shè)計(jì)團(tuán)隊(duì)將長按作為了用戶最高級(jí)別的操作。因?yàn)殚L按的操作成本從用戶習(xí)慣上高于單機(jī)與滑動(dòng)。用戶針對(duì)應(yīng)用長按后，該區(qū)域高亮，背景進(jìn)入模糊狀態(tài)，同時(shí)調(diào)起操作。

當(dāng)我們在使用長按作為交互方式時(shí)，一方面可以看到快捷操作的便捷，另一方吧也需要考慮長按s。

2. 數(shù)據(jù)收集

交互方式：長按吊起氣泡/彈窗，用戶確認(rèn)。

案例：針對(duì)feed流長按，代表應(yīng)用小紅書、淘寶、美團(tuán)、拼多多。

feed流最重要的功能則是將最近一段時(shí)間用戶喜聞樂見的內(nèi)容推薦給他，而不同平臺(tái)的機(jī)制則是不同。

小紅書的是根據(jù)用戶對(duì)于筆記的互動(dòng)率（點(diǎn)贊+關(guān)注+收藏）來判定用戶的喜好。電商類產(chǎn)品的權(quán)重則是偏向于用戶近期搜索以及加入購入車的商品。但僅通過用戶但行為還無法精準(zhǔn)分析用戶喜好，此時(shí)就需要用戶介入。

用戶可以通過長按feed流對(duì)內(nèi)容進(jìn)行判斷，有趣的是長按后的選項(xiàng)中僅支持用戶不看該內(nèi)容，用戶無法主觀選擇自己要看什么內(nèi)容。筆者推測是當(dāng)用戶想要看某位創(chuàng)作者或者某個(gè)類型的內(nèi)容，則會(huì)直接進(jìn)行搜索，而不是針對(duì)單個(gè)內(nèi)容進(jìn)行判斷。

借鑒點(diǎn)：當(dāng)我們從長按收集用戶數(shù)據(jù)的角度去思考時(shí)，我們可以將該交互作為創(chuàng)作者/設(shè)計(jì)師/商家與用戶溝通的一個(gè)窗口，我們不僅僅可以為用戶提供可點(diǎn)擊的操作。我們設(shè)想一下，當(dāng)用戶在某些場景下，長按內(nèi)容，將自己當(dāng)下的感受直接反饋給創(chuàng)作者/商家或者設(shè)計(jì)師，這將是一條與評(píng)論區(qū)內(nèi)容定位不同的留言。大家如果還有同樣的腦洞歡迎在評(píng)論區(qū)交流。

3. 預(yù)覽

交互方式：通過長按模組，針對(duì)內(nèi)容進(jìn)行快速預(yù)覽。

案例：優(yōu)酷feed流/網(wǎng)易云音樂歌單。

其實(shí)在用戶查看歌單的場景下，僅通過高質(zhì)量的圖片以及出眾的文案，用戶依然不知道里面的歌曲是否適合自己，所以網(wǎng)易云推出了長按歌單提供預(yù)覽歌單的功能。

由于網(wǎng)易云主打的評(píng)論社區(qū)也是用戶選取歌單的標(biāo)準(zhǔn)之一，因此在長按之后還未用戶提供了查看評(píng)論的快捷操作，這無疑是降低了用戶選擇個(gè)單的成本，不用點(diǎn)擊進(jìn)入歌單然后再退出，反復(fù)切換頁面還會(huì)打斷用戶的連續(xù)性，很有可能用戶就迷失在了feed流中。

優(yōu)酷針對(duì)feed流的長按設(shè)計(jì)則是更加巧妙，它不同于競品的長按判定用戶喜好，而是長按后直接預(yù)覽視頻，這在PC端類似于鼠標(biāo)hover到視頻上，視頻開始預(yù)覽。

這樣的方式更優(yōu)與之前的方式即用戶滑動(dòng)feed流，將處于屏幕中間區(qū)域的視頻同時(shí)進(jìn)行預(yù)覽，一方面這樣非常消耗后臺(tái)資源，其次是會(huì)導(dǎo)致用戶損失更多的流量。

通過長按預(yù)覽的方式可以更好的節(jié)省資源，用戶預(yù)覽的內(nèi)容則更有針對(duì)性，暫時(shí)優(yōu)酷是兩種方式都有保留，詳細(xì)在未來，會(huì)根據(jù)用戶數(shù)據(jù)反饋只保留一種。

借鑒點(diǎn)：如果我們將長按預(yù)覽作為一種交互方式，那么我們可以將該類交互方式運(yùn)用到需要用戶點(diǎn)擊進(jìn)入子層級(jí)查看詳情的場景下，如長按文件夾預(yù)覽文件內(nèi)容，長按郵件預(yù)覽郵件內(nèi)容，長按鏈接預(yù)覽搜索內(nèi)容等等。這樣可以在我們實(shí)際工作中多一種交互可能性，也可以為用戶創(chuàng)造更多價(jià)值。

4. 吊起工具欄

交互方式：用戶長按空間，吊起工具欄。

案例：微信 / ios message /ios 相冊。

長按吊起工具欄在最初是為了替代PC時(shí)代下用戶鼠標(biāo)右鍵的功能，但隨著移動(dòng)互聯(lián)網(wǎng)但發(fā)展，長按吊起工具欄不再是PC時(shí)代下留下來呆板的功能，而是出現(xiàn)來類似于區(qū)分層級(jí)的交互方式。筆者認(rèn)為將長按功能玩出花樣的是IOS的系統(tǒng)設(shè)計(jì)師們。大家如果想了解更多關(guān)于長按的交互方式也可以參考ios的系統(tǒng)設(shè)計(jì)。

在IOS的message中，當(dāng)用戶長按某條短信可以吊起表情回復(fù)以及相關(guān)操作，值得學(xué)習(xí)的是位于信息頂部的工具欄設(shè)計(jì)，通過視覺處理，將信息與工具欄同時(shí)放在來同一個(gè)層級(jí)。

其次是IOS的相冊設(shè)計(jì)，用戶針對(duì)相冊進(jìn)行長按，可預(yù)覽圖片以及吊起工具欄操作，這個(gè)方式主要解決了用戶在整理照片時(shí)反復(fù)點(diǎn)開查看的問題。只需要長按即可在當(dāng)且頁面完成操作，這樣保證來用戶的操作流暢。

在微信的單聊界面中我們也能看到長按手勢交互的存在，當(dāng)用戶針對(duì)不同的信息如語音/文本/表情/英文等類別時(shí)，出現(xiàn)的工具欄也有所不同。如長按表情包則是提供收藏表情的操作，長按語音則是提供轉(zhuǎn)文字以及聽筒播放等操作。

長按后吊起的工具欄取決于用戶是使用場景，不得不說微信的交互設(shè)計(jì)做的是非常的細(xì)致。

借鑒點(diǎn)：如果我們將長按吊起工具欄的思路運(yùn)用到工作場景中時(shí)，同樣可以產(chǎn)生許多驚喜。比如在工具類產(chǎn)品中，可以將PC端右鍵的一部分操作通過長按吊起來實(shí)現(xiàn)，這樣可以減少相關(guān)工具欄控件吊起的功能如「…」。再比如我們可以給予用戶提供長按內(nèi)容進(jìn)行個(gè)性化設(shè)置的操作。

5. 語音輸入

交互方式：長按吊起語音輸入，松手則中斷輸入。

案例：即時(shí)通訊類軟件微信/QQ。

語音輸入在現(xiàn)有的互聯(lián)網(wǎng)產(chǎn)品中主要有兩種，最常見的是長按吊起語音輸入，松手則代表發(fā)送，此類交互方式更加適合于1v1的即時(shí)通信軟件。另一種則是點(diǎn)擊則開始錄制，無需長按，再次點(diǎn)擊則表示錄制完成，最具代表的則是駕車導(dǎo)航下的百度地圖。由于該場景用戶無法針對(duì)頁面進(jìn)行長按，因此采用了單擊的交互方式。

即使是同類軟件下的微信和QQ，針對(duì)長按輸入的交互也有所不同。

首先是頁面樣式上，相較于QQ，微信更注重沉浸感，整個(gè)頁面做了暗處理。

在功能交互上，微信向左滑代表刪除，右滑代表轉(zhuǎn)文案。而QQ在這里正好相反，左滑代編轉(zhuǎn)文案，右滑則是刪除。這兩者之間雖沒有明顯的好壞，但是筆者更傾向于QQ的交互方式。因?yàn)樵谟脩翡浿七^程中，如果放棄錄制，從左往右滑的操作正好與現(xiàn)在大多數(shù)產(chǎn)品的返回上級(jí)頁面正好對(duì)應(yīng)，從這點(diǎn)上更符合用戶的心智。

小插曲

感謝文章粉絲朋友們的這段時(shí)間的關(guān)注與支持。筆者接下來會(huì)持續(xù)輸出產(chǎn)品設(shè)計(jì)的相關(guān)文章，設(shè)計(jì)羊皮卷系列也會(huì)持續(xù)更新。

我在參加人人都是產(chǎn)品經(jīng)理2021年度作者評(píng)選，希望喜歡我的文章的朋友都能來支持我一下~

點(diǎn)擊下方鏈接進(jìn)入我的個(gè)人參選頁面，點(diǎn)擊紅心即可為我投票。

每人最多可投3票，投票即有機(jī)會(huì)獲得百萬驚喜禮品&起點(diǎn)課堂千元豪禮哦！

投票傳送門：http://996.pm/z4ony

#專欄作家#

黑羊，人人都是產(chǎn)品經(jīng)理專欄作家?；ヂ?lián)網(wǎng)產(chǎn)品交互設(shè)計(jì)師，主要針對(duì)B端設(shè)計(jì)。專注于語音交互、VR、智能硬件、翻譯等交互設(shè)計(jì)工作。擅長需求分析、用戶行為分析、用戶研究以及流程設(shè)計(jì)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議