旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > UI設計中的觸覺指南

UI設計中的觸覺指南

時間:2020-12-14來源:m.lb577.com點擊量:作者:Arya
時間:2020-12-14點擊量:作者:Arya

  觸摸設計已經(jīng)在目前很多科技產(chǎn)品中使用起來,所以觸覺體驗作為設計師都需要了解,做出用戶體驗、交互更好的產(chǎn)品,本文AAA教育的武老師分享和觸覺設計有關(guān)的構(gòu)建方法、原理、注意事項和案例,建議大家閱讀,不要忽視觸覺體驗設計的重要性。
 


 

  讓我們來探索觸覺體驗的世界吧我們將深入探討產(chǎn)品設計師和開發(fā)人員如何利用我們的觸覺來建立體驗。
 

  觸覺學領(lǐng)域是發(fā)展最快的領(lǐng)域之一,但也是用戶體驗領(lǐng)域中研究較少的領(lǐng)域之一。隨著我們的日常交互對象從鍵盤 鼠標轉(zhuǎn)變?yōu)槭謾C、汽車娛樂系統(tǒng)以及其它日常物品,我們的交互方式以及從物理世界接收反饋的方式變得更加重要。
 

  本指南將為您提供關(guān)于觸覺學、觸覺學在用戶體驗中的應用及其最佳實踐的基本概述。
 

  1.什么是觸覺學
 

  觸覺屬于動覺交流①領(lǐng)域,該領(lǐng)域?qū)⒂|覺接觸看作一種交流方式。觸覺感受是明顯且普遍的。想象一下,第一次抱孩子,擁抱一個許久未見的朋友,或感受你的手機在口袋中劇烈振動。這些感覺非常真實,并始終伴隨我們。
 

  ①動覺交流:將身體語言作為交流方式。它包括談話中所有的身體動作。它傳達了很多關(guān)于一個人的性格和情緒等信息。簡而言之,動覺交流就是通過身體的運動來交流。
 

  Sparkfun觸覺電機連接
 

  當應用于數(shù)字界面或 IoT(物聯(lián)網(wǎng))界面時,我們可以從以下方式定義觸覺學:
 

  任何通過向用戶施加力、振動或動作來創(chuàng)造觸覺體驗的技術(shù)。
 

  將用戶通過觸覺體驗到的電子或機械運動作為界面的一部分。
 

  觸覺學利用人們的觸覺來增強人與屏幕界面的交互體驗。
 

  綜合這些定義,我們可以構(gòu)建以下關(guān)于觸覺學的定義,并將其應用于用戶體驗領(lǐng)域:
 

  Haptic UX(觸覺用戶體驗)利用觸覺反饋,通過觸覺體驗傳遞及時且有用的信息。
 

  現(xiàn)實世界中涉及觸覺體驗的案例:
 

  在移動設備上支付成功后會觸發(fā)短暫的反饋振動。
 

  當密碼輸入錯誤時的異常狀態(tài)。
 

  解鎖功能中的特殊手勢。
 

  玩移動端賽車游戲。
 

  2.觸覺體驗的構(gòu)建
 

  大部分流行的移動設備都內(nèi)置觸覺系統(tǒng)。設計人員和開發(fā)人員可以利用這些標準模式來增強用戶體驗。你也能看到觸覺體驗在其他“智能”設備中的應用:汽車信息娛樂系統(tǒng)、平板電腦、手表、健身帶和虛擬現(xiàn)實手套。
 

  但是,請記住:利用觸覺體驗的目的是傳達有用信息:
 

  提示對錯
 

  提示發(fā)生與否
 

  吸引注意力
 

  為了構(gòu)建一個能為我們傳達恰當信息的觸覺體驗,需要我們理解人類是如何詮釋振動模式的。換言之,成功、錯誤或中性狀態(tài)的物理隱喻是什么?
 

  觸覺是身體隱喻
 

  身體隱喻本質(zhì)上是一個人如何解讀一個物理交互的語義。這些隱喻是通過反復學習獲得的,通常是聽覺隱喻的鏡像。物理振動本身會發(fā)出聲音,我們的大腦試圖通過比較我們的經(jīng)驗來理解這些模式。
 

  建立物理隱喻
 

  為了通過觸覺體驗來建立物理隱喻,我們可以利用銳度和強度的相互作用向用戶傳達信息。
 

  銳度–刺激的剛度或硬度。沖動越強,用戶越能清晰地感受到它。刺激越弱,刺激之間的差異就越細微(用戶就越難察覺其模式)。
 

  提高銳度,
 

  以傳達重要的語義模式反饋,例如在銀行應用中正確地存入一筆錢時。
 

  降低銳度,
 

  以傳達輕微反饋,獲得連續(xù)的體驗,例如在手游中踩油門踏板時。
 

  觸覺反饋表
 

  強度-感受到的刺激的力度或大小。刺激越強烈,用戶的觸感體驗就越強烈。
 

  增加強度 ,
 

  為瞬態(tài)事件(例如,支付成功或支付失敗)提供明顯的反饋。
 

  降低強度,
 

  為中性事件提供補充反饋,例如向購物卡中添加項目或打開應用程序。
 

  當我們進一步解構(gòu)觸覺反饋時,我們可以調(diào)整粒度、振幅和音色,以表示瞬態(tài)事件和連續(xù)事件的不同語義。
 

  粒度-與刺激的頻率及時間間隔有關(guān)。粒度越小,刺激越迅速。
 

  振幅–刺激的強度和大小。振幅越大,刺激越大。
 

  音色–能感覺到的刺激的銳度/清晰度。銳度越高,對每個刺激的感知就越明顯。
 

  因此,設計師們可以通過調(diào)整刺激的粒度、振幅和音色來完善瞬態(tài)事件和連續(xù)事件。
 

  瞬態(tài)事件–短暫的敲擊或振動,并伴隨特定的動作(例如,單擊產(chǎn)生快速刺激的按鈕)。對于這些事件,刺激的語義和微調(diào)變得更加重要。
 

  連續(xù)事件–持續(xù)的振動模式,可以持續(xù)數(shù)秒或更長時間(例如,模擬路面不平的賽車游戲或長時間的慶祝動畫)。
 

  測試觸覺模式
 

  為了更好地測試觸覺體驗和振動模式,以下是一些有用的資源和應用程序:
 

  Vibration App-一款真正的振動頻譜分析儀,使用 iPod Touch 和 iPhone 中的內(nèi)置加速度計和陀螺儀。
 

  Core Haptics (針對開發(fā)人員)-編寫并播放觸覺模式,自定義 iOS 應用程序的觸覺反饋。
 

  Android Haptics(用于設計)-觸覺準則,用于增強交互性并通過觸覺體驗向用戶傳達有用的信息。
 

  Android Haptic Constants(用于開發(fā)人員)-用于在 Android 設備上演示觸覺反饋效果。
 

  Haptic Feedback Generators(針對開發(fā)人員)-探索由 Apple’s Tactic Engine 生成的觸覺模式(由 Jesus Guerra 設計)。
 

  現(xiàn)在,讓我們探索觸覺體驗帶來的啟示。
 

  3.觸覺體驗啟示
 

  以下是關(guān)于何時以及如何將觸覺納入體驗設計的基本指南。
 

  利用觸覺體驗提高可用性
 

  設計師應該利用觸覺體驗來增強反饋,并向用戶傳達有用的信息。觸覺體驗不應該被用來裝飾交互或為用戶體驗提供不必要的反饋。例如,使用觸覺反饋來指示分層或復雜的手勢,而不是用在正常的按鍵交互。
 

  建立清晰的因果反饋循環(huán)
 

  觸覺體驗應該強化明確的因果關(guān)系。觸覺刺激應立即以特定動作計時。滯后時間越長,體驗越不連貫。例如,當我單擊“存款檢查”時,我應該立即得到一個中性刺激,以確認我的選擇,這應該是無延遲的。
 

  觸覺應作為補充,而不是主要的反饋
 

  不要僅僅依靠觸覺體驗來向用戶傳達反饋。許多設備都允許用戶打開或關(guān)閉觸覺反饋,因此,將可視的反饋作為主要反饋,或采用多種反饋機制的集合是很有必要的。例如,當我的支票存入成功時,我應該看到明確可視的成功狀態(tài)提示,并伴隨觸覺或聽覺提示。
 

  有目的且謹慎地利用觸覺體驗
 

  謹慎地決定何時何地在應用程序中加入觸覺體驗。如果觸覺反饋太頻繁,會分散用戶注意力并造成混亂。所以,應當在有明確目的,并對用戶有利的情況下使用觸覺反饋。例如,在使用應用程序的過程中,每一次按鍵都觸發(fā)觸覺反饋,便會分散用戶注意力并降低觸覺反饋的有效性。
 

  利用系統(tǒng)默認值以保持一致性
 

  在設計標準應用程序的用戶體驗時,請使用 OS 觸覺系統(tǒng)默認設置。你的用戶將習慣于系統(tǒng)的觸覺反饋模式,尤其是那些具有語義含義的模式:成功、失敗或中性的反饋。在某些特殊情況下,尤其是在手機游戲中,你可以利用自定義觸覺反饋來增強體驗。
 

  減少無意識影響
 

  當設備觸發(fā)觸覺反饋響應時,它將振動。這種振動可能會破壞其他體驗,例如拍照對焦時或在輸入框中鍵入內(nèi)容時。所以,請明確你的應用程序的觸覺反饋如何與其他應用程序或設備進行交互。
 

  保持電池壽命
 

  當設備觸發(fā)觸覺反饋響應時,它將振動。這種振動會消耗電量,尤其是在使用頻繁觸發(fā)觸覺反饋的激烈手游時。允許用戶關(guān)閉觸覺反饋或減少觸覺反饋的頻率,以延長電池壽命。更多資訊請持續(xù)關(guān)注AAA教育。

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ m.lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖