▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們
歡迎來(lái)到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)
三分設(shè)｜精選全球用戶體驗(yàn)設(shè)計(jì)知識(shí)
轉(zhuǎn)自：淘寶設(shè)計(jì)
編輯：章欣怡
共 1899 字 17 圖預(yù)計(jì)閱讀 5 分鐘

隨著大屏?xí)r代的全面普及，新穎好用的手勢(shì)交互能夠給用戶帶來(lái)更高的效率和更有趣的體驗(yàn)，即便是最基礎(chǔ)的手勢(shì)也可以在不同場(chǎng)景里煥發(fā)新的光彩。今天我們一起來(lái)看看都有哪些讓人愉悅的手勢(shì)設(shè)計(jì)吧！

Part 1

單手操作：

復(fù)雜功能也能輕松拿捏

當(dāng)下手機(jī)屏幕越來(lái)越大，給單手操作帶來(lái)不少困難，不少 os 和 app 針對(duì)單手操作提供了更加便利的手勢(shì)交互，讓用戶能夠輕松使用。

1. 單手輕便縮放

「高德」對(duì)于地圖的縮放提供了多種手勢(shì)操作來(lái)應(yīng)對(duì)不同的場(chǎng)景：常規(guī)場(chǎng)景下兩指搓動(dòng)縮放；單手場(chǎng)景下雙擊可按一定比例放大地圖，而雙按滑動(dòng)則可以無(wú)縫縮放地圖，徹底解決單手對(duì)于縮放地圖的不友好；

2. 單手快進(jìn)快退

影視 app 的全屏播放狀態(tài)，基本形成了一套完善的交互操作心智，通過左右滑動(dòng)、上下滑動(dòng)以及區(qū)域長(zhǎng)按等操作實(shí)現(xiàn)亮度、音量、快速進(jìn)退和速率播放等功能、借助手勢(shì)能力幫助用戶盡可能的在單手狀態(tài)下快捷實(shí)現(xiàn)基本操作；

3. 系統(tǒng)級(jí)單手模式

屏幕太大一只手無(wú)法掌控？目前絕大多數(shù)安卓 os 都可以通過不同的手勢(shì)操作觸發(fā)單手模式，在犧牲屏占比的情況下使用戶能單手觸達(dá)所有內(nèi)容；如華為的「鴻蒙」通過底部橫滑懸停的方式觸發(fā)。

Part 2

多段式操作：

一個(gè)手勢(shì)的多種選擇

在有些 app 里，同一個(gè)按鈕或手勢(shì)采用多段式交互，比如根據(jù)不同的觸發(fā)時(shí)長(zhǎng)呈現(xiàn)不同的功能效果，以此來(lái)幫助用戶實(shí)現(xiàn)更便捷的操作或更多的功能選擇。

1. 相似功能的遞進(jìn)

「bilibili」的點(diǎn)贊按鈕除了單擊為點(diǎn)贊功能外，還有很符合產(chǎn)品特色的 “一鍵三連” 功能，即通過長(zhǎng)按點(diǎn)贊按鈕可以同時(shí)觸發(fā)點(diǎn)贊、投幣、收藏功能，已成為 B 站的標(biāo)志性互動(dòng)方式；

「網(wǎng)易云音樂」的返回鍵，在長(zhǎng)按時(shí)可以直接返回最上級(jí)主頁(yè)，滿足用戶不同的返回需求。

2. 不同功能的跨越

淘寶首頁(yè)下拉手勢(shì)，根據(jù)拖拽距離產(chǎn)生兩種交互結(jié)果：正常短距離下拉提示 “松開刷新”，而持續(xù)下拉則會(huì)進(jìn)入淘寶二樓承接頁(yè)。這樣的方式也給用戶多一種選擇。

Part 3

輕便功能：

預(yù)約舒坦的操作體驗(yàn)

通過手勢(shì)創(chuàng)新，我們也可以對(duì)一些以往較為繁瑣的功能進(jìn)一步簡(jiǎn)化，以更合理的方式高效實(shí)現(xiàn)；

1. 未讀消息快速清理

對(duì)于強(qiáng)迫癥患者來(lái)說，在「QQ」消息列表內(nèi)的小紅點(diǎn)快捷清空操作非常痛快，用戶可以直觀的將某條消息的未讀紅點(diǎn)直接拖拽刪除。

2. 隨心所欲的畫幅

「bilibili」在全屏觀看視頻的狀態(tài)下，可以通過雙指操作讓用戶隨心所欲的控制畫幅大小和角度。

3. 視頻快速預(yù)覽

「youku」在主頁(yè)里長(zhǎng)按單個(gè)內(nèi)容卡片，會(huì)進(jìn)入預(yù)覽模式播放該節(jié)目的簡(jiǎn)短切片讓用戶快速?zèng)Q策。

4. 文件快速多選

「百度網(wǎng)盤」里當(dāng)用戶點(diǎn)擊并按住文件選擇控件時(shí)，結(jié)合滑動(dòng)可以實(shí)現(xiàn)快速多選。

Part 4

創(chuàng)新手勢(shì)

除了常規(guī)手勢(shì)外，很多 os 會(huì)在系統(tǒng)級(jí)別定制一些更創(chuàng)新的手勢(shì)，來(lái)方便用戶實(shí)現(xiàn)快捷創(chuàng)新功能。

1. 按壓面積的識(shí)別

在錘子手機(jī)的「samrtisanos」里，對(duì)圖片或文字大面積的長(zhǎng)按會(huì)喚起大爆炸模式，可快速識(shí)圖或編輯文字內(nèi)容。

2. 按壓關(guān)節(jié)的識(shí)別

華為「鴻蒙」的截圖功能通過識(shí)別關(guān)節(jié)敲擊來(lái)實(shí)現(xiàn)；基于這種技術(shù)能力，可根據(jù)不同的關(guān)節(jié)動(dòng)作來(lái)實(shí)現(xiàn)局部截圖、滾動(dòng)截圖等功能。

3. 隔空手勢(shì)的識(shí)別

華為「鴻蒙」攝像頭可讀取用戶隔空手勢(shì)，根據(jù)手勢(shì)觸發(fā)各種交互動(dòng)作，使用戶在特殊場(chǎng)景下不接觸手機(jī)屏幕實(shí)現(xiàn)多種常規(guī)功能。

The End

寫在最后

手勢(shì)是使用移動(dòng)設(shè)備最基本的手段，在應(yīng)用設(shè)計(jì)中，我們可以充分使用各種手勢(shì)帶來(lái)的便捷，幫助用戶提升產(chǎn)品體驗(yàn)；當(dāng)然，即便是最簡(jiǎn)單的點(diǎn)擊與長(zhǎng)按等手勢(shì)操作，也可以結(jié)合具體場(chǎng)景，通過創(chuàng)新的交互響應(yīng)來(lái)傳遞產(chǎn)品功能或解決用戶的痛點(diǎn)。

— The end —

以下三分設(shè)文章，你可能也感興趣

▽

?? 原創(chuàng)文章精選??

告別加班！使用設(shè)計(jì)系統(tǒng)方法更快地構(gòu)建產(chǎn)品

如何評(píng)估設(shè)計(jì)質(zhì)量，提升設(shè)計(jì)技能

你常常忽略的 7 個(gè)具有破壞性的體驗(yàn)鴻溝

一篇文章告訴你服務(wù)設(shè)計(jì)到底能做什么？

看 Apple CarPlay 如何提升駕駛安全和駕駛體驗(yàn)

一起看看《對(duì)馬島之魂》如何打造初次對(duì)抗體驗(yàn)

制定 “小目標(biāo)”，了解產(chǎn)品管理中的結(jié)構(gòu)化思維

35+ 的 Windows 系統(tǒng)到底有什么了不起？

導(dǎo)師與學(xué)員的高效交流 APP 設(shè)計(jì) —— Lightship

?? 我們一起聊設(shè)計(jì) ???♂?

高質(zhì)量，學(xué)設(shè)計(jì)行交流微信群

期待與更多優(yōu)秀用戶體驗(yàn)設(shè)計(jì)師一起成長(zhǎng)

PS：歡迎大家關(guān)注三分設(shè)，每天早上9點(diǎn)，準(zhǔn)時(shí)充電。分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí)，定期大咖老師直播分享，零距離連麥，答疑解惑。添加小小蟲微信號(hào)【 Lil_Bug 】，備注【 三分設(shè) 】加入！（只面向星標(biāo)了公眾號(hào)三分設(shè)的粉絲）

點(diǎn)亮『在看』，百萬(wàn)年薪↓↓

交互設(shè)計(jì)｜大屏里的指尖奧秘——手勢(shì)交互

Part 1

Part 2

Part 3

Part 4