<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

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

          共 2175字,需瀏覽 5分鐘

           ·

          2022-03-06 02:34

          點(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)年薪
          瀏覽 78
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  一起操网站在线观看 | 激情 小说 图片 亚洲 伦 | 国内精品一区二区 | 竹菊精品一区二区三区 | 国产一级a|