手勢設計 | 大屏里的指尖奧秘

1 評論 6904 瀏覽 11 收藏 8 分鐘

編輯導語:大屏時代,出現了各種各樣新奇有趣的手勢,為我們帶來了更好的體驗。在這篇文章中,作者盤點了各類令人愉悅的手勢設計,一起去看看吧!

隨著大屏時代的全面普及,新穎好用的手勢交互能夠給用戶帶來更高的效率和更有趣的體驗,即便是最基礎的手勢也可以在不同場景里煥發新的光彩。

今天我們一起來看看都有哪些讓人愉悅的手勢設計吧!

一、單手操作:復雜功能也能輕松拿捏

當下手機屏幕越來越大,給單手操作帶來不少困難,不少os和app針對單手操作提供了更加便利的手勢交互,讓用戶能夠輕松使用。

1. 單手輕便縮放

「高德」對于地圖的縮放提供了多種手勢操作來應對不同的場景:常規場景下兩指搓動縮放;單手場景下雙擊可按一定比例放大地圖,而雙按滑動則可以無縫縮放地圖,徹底解決單手對于縮放地圖的不友好。

2. 單手快進快退

影視app的全屏播放狀態,基本形成了一套完善的交互操作心智,通過左右滑動、上下滑動以及區域長按等操作實現亮度、音量、快速進退和速率播放等功能、借助手勢能力幫助用戶盡可能的在單手狀態下快捷實現基本操作。

3. 系統級單手模式

屏幕太大一只手無法掌控?目前絕大多數安卓OS都可以通過不同的手勢操作觸發單手模式,在犧牲屏占比的情況下使用戶能單手觸達所有內容;如華為的「鴻蒙」通過底部橫滑懸停的方式觸發。

二、多段式操作:一個手勢的多種選擇

在有些app里,同一個按鈕或手勢采用多段式交互,比如根據不同的觸發時長呈現不同的功能效果,以此來幫助用戶實現更便捷的操作或更多的功能選擇。

1. 相似功能的遞進

「bilibili」的點贊按鈕除了單擊為點贊功能外,還有很符合產品特色的“一鍵三連”功能,即通過長按點贊按鈕可以同時觸發點贊、投幣、收藏功能,已成為B站的標志性互動方式。

「網易云音樂」的返回鍵,在長按時可以直接返回最上級主頁,滿足用戶不同的返回需求。

2. 不同功能的跨越

淘寶首頁下拉手勢,根據拖拽距離產生兩種交互結果:正常短距離下拉提示“松開刷新”,而持續下拉則會進入淘寶二樓承接頁。這樣的方式也給用戶多一種選擇。

三、輕便功能:預約舒坦的操作體驗

通過手勢創新,我們也可以對一些以往較為繁瑣的功能進一步簡化,以更合理的方式高效實現。

1. 未讀消息快速清理

對于強迫癥患者來說,在「QQ」消息列表內的小紅點快捷清空操作非常痛快,用戶可以直觀的將某條消息的未讀紅點直接拖拽刪除。

2. 隨心所欲的畫幅

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

3. 視頻快速預覽

「youku」在主頁里長按單個內容卡片,會進入預覽模式播放該節目的簡短切片讓用戶快速決策。

4. 文件快速多選

「百度網盤」里當用戶點擊并按住文件選擇控件時,結合滑動可以實現快速多選。

四、創新手勢

除了常規手勢外,很多os會在系統級別定制一些更創新的手勢,來方便用戶實現快捷創新功能。

1. 按壓面積的識別

在錘子手機的「samrtisanos」里,對圖片或文字大面積的長按會喚起大爆炸模式,可快速識圖或編輯文字內容。

2. 按壓關節的識別

華為「鴻蒙」的截圖功能通過識別關節敲擊來實現;基于這種技術能力,可根據不同的關節動作來實現局部截圖、滾動截圖等功能。

3. 隔空手勢的識別

華為「鴻蒙」攝像頭可讀取用戶隔空手勢,根據手勢觸發各種交互動作,使用戶在特殊場景下不接觸手機屏幕實現多種常規功能。

五、寫在最后

手勢是使用移動設備最基本的手段,在應用設計中,我們可以充分使用各種手勢帶來的便捷,幫助用戶提升產品體驗;當然,即便是最簡單的點擊與長按等手勢操作,也可以結合具體場景,通過創新的交互響應來傳遞產品功能或解決用戶的痛點。

 

作者:容易手滑的騰;公眾號:淘寶設計

原文鏈接:https://mp.weixin.qq.com/s/PhHTm0fB5d36IYG6kE3Ggg

本文由 @淘寶設計 授權發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 雖然我不經常用這些手勢,但確實,用戶在使用這些便捷操作時能提高用戶體驗感,增加好感度

    回復