手勢設(shè)計 | 大屏里的指尖奧秘
編輯導(dǎo)語:大屏?xí)r代,出現(xiàn)了各種各樣新奇有趣的手勢,為我們帶來了更好的體驗(yàn)。在這篇文章中,作者盤點(diǎn)了各類令人愉悅的手勢設(shè)計,一起去看看吧!
隨著大屏?xí)r代的全面普及,新穎好用的手勢交互能夠給用戶帶來更高的效率和更有趣的體驗(yàn),即便是最基礎(chǔ)的手勢也可以在不同場景里煥發(fā)新的光彩。
今天我們一起來看看都有哪些讓人愉悅的手勢設(shè)計吧!
一、單手操作:復(fù)雜功能也能輕松拿捏
當(dāng)下手機(jī)屏幕越來越大,給單手操作帶來不少困難,不少os和app針對單手操作提供了更加便利的手勢交互,讓用戶能夠輕松使用。
1. 單手輕便縮放
「高德」對于地圖的縮放提供了多種手勢操作來應(yīng)對不同的場景:常規(guī)場景下兩指搓動縮放;單手場景下雙擊可按一定比例放大地圖,而雙按滑動則可以無縫縮放地圖,徹底解決單手對于縮放地圖的不友好。
2. 單手快進(jìn)快退
影視app的全屏播放狀態(tài),基本形成了一套完善的交互操作心智,通過左右滑動、上下滑動以及區(qū)域長按等操作實(shí)現(xiàn)亮度、音量、快速進(jìn)退和速率播放等功能、借助手勢能力幫助用戶盡可能的在單手狀態(tài)下快捷實(shí)現(xiàn)基本操作。
3. 系統(tǒng)級單手模式
屏幕太大一只手無法掌控?目前絕大多數(shù)安卓OS都可以通過不同的手勢操作觸發(fā)單手模式,在犧牲屏占比的情況下使用戶能單手觸達(dá)所有內(nèi)容;如華為的「鴻蒙」通過底部橫滑懸停的方式觸發(fā)。
二、多段式操作:一個手勢的多種選擇
在有些app里,同一個按鈕或手勢采用多段式交互,比如根據(jù)不同的觸發(fā)時長呈現(xiàn)不同的功能效果,以此來幫助用戶實(shí)現(xiàn)更便捷的操作或更多的功能選擇。
1. 相似功能的遞進(jìn)
「bilibili」的點(diǎn)贊按鈕除了單擊為點(diǎn)贊功能外,還有很符合產(chǎn)品特色的“一鍵三連”功能,即通過長按點(diǎn)贊按鈕可以同時觸發(fā)點(diǎn)贊、投幣、收藏功能,已成為B站的標(biāo)志性互動方式。
「網(wǎng)易云音樂」的返回鍵,在長按時可以直接返回最上級主頁,滿足用戶不同的返回需求。
2. 不同功能的跨越
淘寶首頁下拉手勢,根據(jù)拖拽距離產(chǎn)生兩種交互結(jié)果:正常短距離下拉提示“松開刷新”,而持續(xù)下拉則會進(jìn)入淘寶二樓承接頁。這樣的方式也給用戶多一種選擇。
三、輕便功能:預(yù)約舒坦的操作體驗(yàn)
通過手勢創(chuàng)新,我們也可以對一些以往較為繁瑣的功能進(jìn)一步簡化,以更合理的方式高效實(shí)現(xiàn)。
1. 未讀消息快速清理
對于強(qiáng)迫癥患者來說,在「QQ」消息列表內(nèi)的小紅點(diǎn)快捷清空操作非常痛快,用戶可以直觀的將某條消息的未讀紅點(diǎn)直接拖拽刪除。
2. 隨心所欲的畫幅
「bilibili」在全屏觀看視頻的狀態(tài)下,可以通過雙指操作讓用戶隨心所欲的控制畫幅大小和角度。
3. 視頻快速預(yù)覽
「youku」在主頁里長按單個內(nèi)容卡片,會進(jìn)入預(yù)覽模式播放該節(jié)目的簡短切片讓用戶快速決策。
4. 文件快速多選
「百度網(wǎng)盤」里當(dāng)用戶點(diǎn)擊并按住文件選擇控件時,結(jié)合滑動可以實(shí)現(xiàn)快速多選。
四、創(chuàng)新手勢
除了常規(guī)手勢外,很多os會在系統(tǒng)級別定制一些更創(chuàng)新的手勢,來方便用戶實(shí)現(xiàn)快捷創(chuàng)新功能。
1. 按壓面積的識別
在錘子手機(jī)的「samrtisanos」里,對圖片或文字大面積的長按會喚起大爆炸模式,可快速識圖或編輯文字內(nèi)容。
2. 按壓關(guān)節(jié)的識別
華為「鴻蒙」的截圖功能通過識別關(guān)節(jié)敲擊來實(shí)現(xiàn);基于這種技術(shù)能力,可根據(jù)不同的關(guān)節(jié)動作來實(shí)現(xiàn)局部截圖、滾動截圖等功能。
3. 隔空手勢的識別
華為「鴻蒙」攝像頭可讀取用戶隔空手勢,根據(jù)手勢觸發(fā)各種交互動作,使用戶在特殊場景下不接觸手機(jī)屏幕實(shí)現(xiàn)多種常規(guī)功能。
五、寫在最后
手勢是使用移動設(shè)備最基本的手段,在應(yīng)用設(shè)計中,我們可以充分使用各種手勢帶來的便捷,幫助用戶提升產(chǎn)品體驗(yàn);當(dāng)然,即便是最簡單的點(diǎn)擊與長按等手勢操作,也可以結(jié)合具體場景,通過創(chuàng)新的交互響應(yīng)來傳遞產(chǎn)品功能或解決用戶的痛點(diǎn)。
作者:容易手滑的騰;公眾號:淘寶設(shè)計
原文鏈接:https://mp.weixin.qq.com/s/PhHTm0fB5d36IYG6kE3Ggg
本文由 @淘寶設(shè)計 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
雖然我不經(jīng)常用這些手勢,但確實(shí),用戶在使用這些便捷操作時能提高用戶體驗(yàn)感,增加好感度