設(shè)計好用的觸控操作手勢

隨著移動設(shè)備的快速發(fā)展勇垛,觸控手勢操作逐漸成為人們?nèi)粘I钪凶顬槌S玫呐c產(chǎn)品之間的交互操作方式胜卤。與鼠標(biāo)和鍵盤的交互方式不同丧靡,觸控手勢交互更加符合人們的自然行為習(xí)慣祖能,也因此可以得到快速的發(fā)展歉秫。本文框架內(nèi)容來自騰訊交互設(shè)計師陳曉暢“如何設(shè)計好用的觸控手勢”。

首先养铸,要想設(shè)計好用雁芙、易用的觸控操作手勢,那么我們就要先來了解一個名詞钞螟,即”NUI“兔甘。NUI是指”自然交互界面“,與傳統(tǒng)的圖形交互界面GUI不同鳞滨。NUI更注重多維度的與用戶產(chǎn)生互動洞焙,包括視覺、聽覺太援、觸覺等等闽晦,最大程度的模仿人們在現(xiàn)實生活中的操作行為習(xí)慣,遵循用戶行為規(guī)律提岔。因此,要想設(shè)計好好用的手勢笋敞,那么我們就要在日常多研究用戶的操作行為碱蒙。那么如何挖掘用戶的操作行為呢,在這里我要引入一個概念夯巷,即”場景“赛惩。

交互設(shè)計中,有一個最重要的設(shè)計方法趁餐,是基于場景設(shè)計喷兼。這里的場景,是指人們在日常生活中遇到的問題后雷,想要達到的目的等等季惯》透鳎可以這樣理解,因為在這個場景中我有這樣的需求勉抓,所以我的產(chǎn)品才設(shè)計成這樣贾漏。對于交互設(shè)計來說,如何評判交互的好壞藕筋,很重要的一點纵散,也是看能否滿足場景化需求。而對于移動端設(shè)備來說隐圾,它所面對的用戶使用場景是多元化的伍掀。在路上、在候車大廳暇藏、在吃飯的時候蜜笤、在購物的時候...所處的自然環(huán)境是多元且多變的。這也就要求我們在設(shè)計移動端觸控操作手勢的時候叨咖,要考慮足夠全面的場景瘩例。

那么我們在設(shè)計移動端觸控手勢的時候,可能會遇到哪些問題甸各,要求我們必須考慮呢垛贤?

1.用戶在使用移動端設(shè)備的時候,注意力容易被分散趣倾。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

?2.用戶在使用移動端設(shè)備的時候聘惦,使用時間大多碎片化,多頻不長儒恋。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

?3.用戶在使用移動端設(shè)備的時候善绎,任務(wù)容易被打斷,被打斷的原因可能來自手機內(nèi)部信息的干擾诫尽,也有可能來自外界物理的干擾禀酱。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

?4.用戶在使用移動端設(shè)備的時候,可能會單手操作牧嫉。

以上這些情況剂跟,都是我們在設(shè)計交互手勢的時候,要考慮的特殊場景酣藻。在這些特殊場景下曹洽,用戶也要能夠輕松順利地完成任務(wù),才是我們要達到的目的辽剧。

好用的交互手勢是怎樣的

好用的交互手勢是簡單的方便的送淆。手勢一定要足夠簡單,能夠讓用戶輕松掌握其規(guī)律怕轿,能夠滿足用戶單手操作的需求偷崩。

好用的交互手勢是容易記憶的辟拷。在設(shè)計交互手勢的時候一定不要設(shè)計過于復(fù)雜的手勢,因為手勢越復(fù)雜环凿,用戶的操作記憶成本越高梧兼,越容易忘記操作方式導(dǎo)致中斷任務(wù)。

好用的交互手勢是符合人們的認(rèn)知習(xí)慣的智听。好用的交互手勢一定是遵循人們的自然習(xí)慣和意識羽杰,更多的采用”下意識設(shè)計“會讓你的交互手勢更容易被人們記住和使用。

好用的交互手勢是會給予用戶及時反饋的到推,不僅僅是視覺上的反饋考赛,包括觸覺上震動的反饋,聽覺上聲音的反饋都是很重要莉测。在尼爾森關(guān)于交互設(shè)計十原則中颜骤,最重要的一點就是要提供用戶及時反饋。在交互手勢設(shè)計中也是如此捣卤,及時的反饋會給用戶一種”一切都在我的掌握之下的感覺“忍抽。

好用的交互手勢是實用的。不要去設(shè)計一些沒必要的交互手勢董朝,讓用戶用最小的操作成本去完成任務(wù)鸠项。

交互手勢設(shè)計的原則

其實這里講的交互手勢設(shè)計的原則和前文所敘述的好用的交互手勢是怎樣的有異曲同工之妙,好用的交互手勢一定是滿足這些設(shè)計原則的子姜。下面我來簡單講述祟绊,交互手勢設(shè)計的一些原則:

1.符合用戶認(rèn)知行為習(xí)慣。手勢設(shè)計要最大程度的還原現(xiàn)實生活中人們的行為習(xí)慣哥捕,符合用戶認(rèn)知牧抽。

2.減少用戶記憶成本。不要設(shè)計復(fù)雜的手勢遥赚,增加用戶的記憶成本扬舒,用最簡單易用的手勢。

3.考慮用戶的應(yīng)用場景凫佛。在某個場景下呼巴,用戶是單手操作還是雙手操作,單手操作的情況下御蒲,將操作熱區(qū)安排在用戶可控的范圍內(nèi)。

4.及時反饋诊赊。包括視覺厚满、聽覺和觸覺上的反饋。

5.操作可逆碧磅。提供用戶取消操作的途徑碘箍,比如微信語音說話遵馆,上劃手勢取消發(fā)送。

6.保證產(chǎn)品手勢的一致性丰榴。在產(chǎn)品中要保證交互手勢的一致性货邓,不要相同的功能下采用多種交互手勢。


交互手勢是我們現(xiàn)在最常用的一種交互形式四濒,我們每天都在移動端設(shè)備上進行大量的操作换况。好用的交互手勢,會提升用戶使用產(chǎn)品的愉悅感和滿足感盗蟆,相反不好的交互手勢則會阻礙用戶完成任務(wù)需求戈二,產(chǎn)生挫敗感。手勢設(shè)計關(guān)乎產(chǎn)品的用戶體驗喳资。作為交互設(shè)計師觉吭,我們要掌握交互手勢設(shè)計相關(guān)的設(shè)計原則,為用戶設(shè)計好用且易用的手勢操作仆邓。

最后要感謝陳曉暢設(shè)計師鲜滩,如果沒有他的總結(jié),我也不會學(xué)習(xí)到關(guān)于手勢設(shè)計相關(guān)的知識节值,在這里把他文章中的精華總結(jié)并加上我個人的理解徙硅,寫成了這篇分享,希望對各位有所幫助察署。也希望各位設(shè)計師朋友可以廣提見解闷游,一起交流。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末贴汪,一起剝皮案震驚了整個濱河市脐往,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌扳埂,老刑警劉巖业簿,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異阳懂,居然都是意外死亡梅尤,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進店門岩调,熙熙樓的掌柜王于貴愁眉苦臉地迎上來巷燥,“玉大人,你說我怎么就攤上這事号枕$志荆” “怎么了?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵葱淳,是天一觀的道長钝腺。 經(jīng)常有香客問我抛姑,道長,這世上最難降的妖魔是什么艳狐? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任定硝,我火速辦了婚禮,結(jié)果婚禮上毫目,老公的妹妹穿的比我還像新娘蔬啡。我一直安慰自己,他們只是感情好蒜茴,可當(dāng)我...
    茶點故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布星爪。 她就那樣靜靜地躺著,像睡著了一般粉私。 火紅的嫁衣襯著肌膚如雪顽腾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天诺核,我揣著相機與錄音抄肖,去河邊找鬼。 笑死窖杀,一個胖子當(dāng)著我的面吹牛漓摩,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播入客,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼管毙,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了桌硫?” 一聲冷哼從身側(cè)響起夭咬,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎铆隘,沒想到半個月后卓舵,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡膀钠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年掏湾,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肿嘲。...
    茶點故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡融击,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出雳窟,到底是詐尸還是另有隱情砚嘴,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站际长,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏兴泥。R本人自食惡果不足惜工育,卻給世界環(huán)境...
    茶點故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望搓彻。 院中可真熱鬧如绸,春花似錦、人聲如沸旭贬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽稀轨。三九已至扼脐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間奋刽,已是汗流浹背瓦侮。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留佣谐,地道東北人肚吏。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像狭魂,于是被迫代替她去往敵國和親罚攀。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,860評論 2 361

推薦閱讀更多精彩內(nèi)容