3D Touch交互手勢(shì)在界面設(shè)計(jì)中的應(yīng)用與設(shè)計(jì)方法

陳思聰

摘要：3D Touch技術(shù)是基于電容屏幕的新一代觸控技術(shù)，此項(xiàng)技術(shù)是通過(guò)感知用戶點(diǎn)按屏幕力度大小的不同來(lái)實(shí)現(xiàn)不同的功能。這項(xiàng)技術(shù)出現(xiàn)的意義在于拓展了屏幕觸控操作的維度，用戶從原先只有橫向縱向的二維操作，增加了第三維度——縱深；這種從二維到三維的轉(zhuǎn)變極大豐富了用戶界面交互手勢(shì)的可能性，使用戶不僅能進(jìn)行輕擊、長(zhǎng)按，拖拽等常規(guī)操作，還能通過(guò)改變觸控力度進(jìn)行：按壓、重按等操作。本文通過(guò)對(duì)現(xiàn)階段電容屏幕壓感技術(shù)在用戶界面設(shè)計(jì)中應(yīng)用案例的分析，官方技術(shù)文檔的解讀，再結(jié)合實(shí)景調(diào)研的用戶行為分析，發(fā)現(xiàn)現(xiàn)階段壓感技術(shù)在界面設(shè)計(jì)應(yīng)用中存在的主要問(wèn)題，同時(shí)對(duì)未來(lái)3D TOUCH手勢(shì)設(shè)計(jì)的方向進(jìn)行展望。

關(guān)鍵詞：用戶體驗(yàn) 交互手勢(shì) 用戶界面 3D Touch Force Touch

中圖分類號(hào)：TB47 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2017）02-0130-02

一、課題研究的目的與意義

3D Touch技術(shù)是基于電容屏幕的新一代觸控技術(shù)，其出現(xiàn)的意義在于拓展了屏幕交互手勢(shì)操作的維度，用戶從原先只有橫向縱向的二維操作，增加了第三維度——縱深；這種從二維到三維的轉(zhuǎn)變極大豐富了交互手勢(shì)的可能性，使用戶不僅能進(jìn)行輕擊、拖拽等操作，還能通過(guò)改變力度的大小進(jìn)行：按壓、重按等操作?，F(xiàn)階段移動(dòng)設(shè)備的用戶界面在操作系統(tǒng)碎片化、硬件屏幕尺寸不斷變大等因素的影響下，產(chǎn)生了許多易用性方面的問(wèn)題，給用戶帶來(lái)了使用上的不便與困擾。而原有基于二維平面的觸控操作方式，由于固有的操作模式形成了用戶習(xí)慣與操作維度的限制，在許多方面已經(jīng)不足以應(yīng)對(duì)新的變化與需求，3D Touch的出現(xiàn)則恰好彌補(bǔ)了原有操作模式的不足，為解決用戶界面易用性問(wèn)題提供了新的思路。同時(shí)，隨著這種全新觸控技術(shù)的普及與相應(yīng)設(shè)計(jì)的成熟，以舊有交互習(xí)慣與以之為基礎(chǔ)而形成的用戶界面設(shè)計(jì)也將發(fā)生變化，在未來(lái)交互與用戶界面的設(shè)計(jì)中，一定會(huì)形成一種新的交互方式和與之配套的視覺(jué)語(yǔ)言。這對(duì)于設(shè)計(jì)師來(lái)說(shuō)既是一種機(jī)遇，同時(shí)也是挑戰(zhàn)。3D Touch經(jīng)歷了近兩年的發(fā)展，其很好地解決了一些原有操作上易用性的問(wèn)題，但從現(xiàn)階段的發(fā)展情況看，3D touch手勢(shì)在豐富了原有觸控操作體驗(yàn)的同時(shí)也產(chǎn)生了諸多可用性與易用性問(wèn)題；本文通過(guò)對(duì)此技術(shù)的應(yīng)用現(xiàn)狀，技術(shù)原理，用戶行為等多方面的綜合分析，歸納總結(jié)3D Touch手勢(shì)在界面設(shè)計(jì)應(yīng)用中存在的主要問(wèn)題，為后續(xù)相關(guān)設(shè)計(jì)研究工作提供參考。

二、3D Touch技術(shù)原理及應(yīng)用簡(jiǎn)述

（一）技術(shù)原理

3D Touch的實(shí)現(xiàn)原理，在設(shè)備液晶顯示面板下方，有一塊電容式壓力傳感器，上面布滿了許多微小的電極，當(dāng)用戶手指按壓屏幕的時(shí)，表面玻璃會(huì)產(chǎn)生形變，形變時(shí)壓力傳感器上的電極電壓會(huì)發(fā)生變化，進(jìn)而產(chǎn)生電信號(hào)，特制的芯片會(huì)識(shí)別這些電信號(hào)，轉(zhuǎn)化為不同的操作。同時(shí)，在屏幕下方的振動(dòng)馬達(dá)，會(huì)在用戶點(diǎn)擊的同時(shí)震動(dòng)，給予用戶一個(gè)清晰的觸覺(jué)反饋。

（二）應(yīng)用場(chǎng)景

從應(yīng)用場(chǎng)景分類，目前3D Touch的功能主要分為“快捷入口”“預(yù)覽”“特定場(chǎng)景應(yīng)用”三類。

“快捷入口”與“預(yù)覽”功能是3D Touch的兩大主要應(yīng)用場(chǎng)景?！翱旖萑肟凇惫δ苤饕且獙?duì)現(xiàn)有操作流程的補(bǔ)充，在主要交互流程之外，提供一個(gè)額外的快捷入口，用戶通過(guò)快捷入口可以省去多步操作，直接得到想要的結(jié)果。例如圖1顯示，按壓主屏幕微信的圖標(biāo)，可以彈出“收付款”“掃描二維碼”“我的二維碼”等快捷操作。除此之外，還有對(duì)屏幕左側(cè)邊緣按壓開啟/切換多任務(wù)的場(chǎng)景；在AssistanceTouch的選項(xiàng)中啟用3D Touch操作，還可以通過(guò)按壓AssistanceTouch按鈕實(shí)現(xiàn)諸如鎖屏，打開控制中心等操作，原來(lái)需要多次點(diǎn)擊的操作現(xiàn)在利用3D Touch只需點(diǎn)擊一次即可。

“預(yù)覽”功能是當(dāng)使用者按壓一個(gè)可點(diǎn)擊的內(nèi)容，會(huì)彈出一個(gè)預(yù)覽窗口，這時(shí)使用者不抬起手指直接上滑，會(huì)彈出操作選項(xiàng)；如果用戶加大按壓力度，預(yù)覽窗口會(huì)變成全屏顯示，此時(shí)用戶可以看到完整內(nèi)容，相當(dāng)于點(diǎn)擊進(jìn)入頁(yè)面的操作。如郵件預(yù)覽功能（圖2）。除了郵件列表，此類功能還可應(yīng)用在信息、照片、通知中心、網(wǎng)頁(yè)、地圖等很多地方。

第三類功能為“特殊場(chǎng)景應(yīng)用”，此類功能只出現(xiàn)在特定的應(yīng)用場(chǎng)景中，與特定的操作流程緊密相關(guān)，根據(jù)應(yīng)用場(chǎng)景的不同，一般沒(méi)有統(tǒng)一的交互規(guī)范。例如在畫圖軟件中通過(guò)按壓力度調(diào)節(jié)筆觸深淺；在通知中心界面，按壓關(guān)閉通知的小圓點(diǎn)可以彈出“清除所有通知”的選項(xiàng)等操作。

三、3D Touch應(yīng)用中的主要問(wèn)題

通過(guò)上述功能的描述可以看出，目前3D Touch主要用于快捷操作，是對(duì)主要操作的一種補(bǔ)充，用戶不借助3D Touch，也能完成相關(guān)操作。如果3D Touch操作學(xué)習(xí)成本過(guò)高，用戶往往會(huì)遵循原有的操作習(xí)慣。換言之，當(dāng)作為一種輔助操作時(shí)，只有當(dāng)使用效率或便捷度高于主要操作的時(shí)候，使用者才樂(lè)于學(xué)習(xí)新的操作。從這方面考量，目前的3D Touch的解決方案還不夠出色。例如，目前基于3D Touch的手勢(shì)設(shè)計(jì)，基本以按壓+滑動(dòng)的操作方式為主，從理論上講，在使用者熟練掌握后，按壓+滑動(dòng)的操作效率會(huì)比按壓、抬起手指，在進(jìn)行下一步操作的效率高。但實(shí)際上并非如此。其一，按壓+滑動(dòng)的手勢(shì)本身具有一定的復(fù)雜性，使用者在操作過(guò)程中途不能抬起手指，同時(shí)手指會(huì)遮蓋內(nèi)容（圖3）。同時(shí)，這種操作需要使用者同時(shí)給予一定的力度以及注意力，在一些現(xiàn)實(shí)的使用場(chǎng)景中，特別是用戶在移動(dòng)中時(shí)，用戶往往很難完成精確點(diǎn)擊操作，如果此時(shí)讓用戶持續(xù)重按屏幕的同時(shí)搜索視覺(jué)信息，一邊維持重按一邊完成滑動(dòng)操作，這樣的交互方式對(duì)用戶來(lái)說(shuō)是非常困難的。因此，在實(shí)際的使用效率上，按壓+滑動(dòng)的手勢(shì)并不一定會(huì)比普通的點(diǎn)按高。

第二，3D Touch非“本能層面”的設(shè)計(jì)，缺乏視覺(jué)提示、與現(xiàn)實(shí)映射關(guān)系弱，學(xué)習(xí)成本高。在人機(jī)交互系統(tǒng)的設(shè)計(jì)中，界面設(shè)計(jì)可以看作是使用者與機(jī)器系統(tǒng)之間交流的媒介，使用者會(huì)根據(jù)用戶界面的視覺(jué)線索與反饋來(lái)完成操作和進(jìn)行下一步的行動(dòng)，好的設(shè)計(jì)通過(guò)恰當(dāng)?shù)囊曈X(jué)提示，讓使用者通過(guò)這些視覺(jué)線索與生活經(jīng)驗(yàn)、文化習(xí)慣等因素建立起映射關(guān)系，使用者無(wú)需學(xué)習(xí)新的概念或心智模式，僅憑已有的經(jīng)驗(yàn)便能完成相應(yīng)的操作。例如iOS系統(tǒng)中通過(guò)拖拽來(lái)滾動(dòng)列表的操作，這與我們生活中的在平面上移動(dòng)紙張的經(jīng)驗(yàn)建立起了極強(qiáng)的映射關(guān)系，所以使用者可以輕松學(xué)會(huì)使用，這可以看作是符合“本能層面”的設(shè)計(jì)。而屏幕壓感技術(shù)則先天不符合使用者“本能層面”的經(jīng)驗(yàn)；對(duì)于屏幕這種硬質(zhì)材質(zhì)，其不具有軟性材質(zhì)按壓后產(chǎn)生形變的特性，因此使用者不會(huì)本能地認(rèn)知到它是可以感知力度的，必須通過(guò)人機(jī)之間建立某種強(qiáng)映射的關(guān)系來(lái)讓使用者明白它是可以進(jìn)行按壓操作的。而目前的3D Touch手勢(shì)既缺乏必要的視覺(jué)提示，同時(shí)又不符合用戶的直覺(jué)或經(jīng)驗(yàn)，所以很難被用戶發(fā)現(xiàn)。時(shí)至今日仍有許多iPhone6s的使用者不知道手機(jī)有3D Touch功能或只是了解其中很小部分的功能。endprint

第三，3D Touch的結(jié)果很容易違背用戶預(yù)期，導(dǎo)致用戶受挫產(chǎn)生負(fù)面情緒。以快捷入口功能為例，并非所有APP都有快捷入口功能，用戶只能通過(guò)不斷嘗試去重按各種APP來(lái)進(jìn)行試錯(cuò)性的發(fā)現(xiàn)。同時(shí)快捷入口彈出的操作選項(xiàng)是否是用戶想要的，也是難以預(yù)期的，因?yàn)椴煌挠脩羧后w有不同的需求。當(dāng)用戶多次去嘗試但均未得到想要的結(jié)果時(shí)，用戶往往會(huì)選擇棄用，直接進(jìn)入APP進(jìn)行操作，這就使得快捷入口功能失去了其原有的意義。

四、3D Touch的設(shè)計(jì)原則

總結(jié)起來(lái)：目前3D Touch手勢(shì)的設(shè)計(jì)面臨著以下幾點(diǎn)問(wèn)題：

*按壓+滑動(dòng)的操作方式具有一定的復(fù)雜性，需要使用者投入一定專注度手指遮擋內(nèi)容

*3D Touch非“本能層次”設(shè)計(jì)，缺乏視覺(jué)提示、與現(xiàn)實(shí)映射關(guān)系較弱

*部分手勢(shì)缺乏操作的一致性，結(jié)果容易違背用戶預(yù)期，用戶難以下形成使用習(xí)慣

針對(duì)現(xiàn)有問(wèn)題，筆者認(rèn)為未來(lái)3D Touch交互手勢(shì)的設(shè)計(jì)方法，應(yīng)遵循簡(jiǎn)單化、直覺(jué)化與一致性這三個(gè)大原則。簡(jiǎn)單化，是指3DTouch操作的交互手勢(shì)設(shè)計(jì)應(yīng)做到簡(jiǎn)單可靠，因其作為一種快捷操作，如果學(xué)習(xí)成本過(guò)高，則失去了它作為快捷操作的意義。設(shè)計(jì)上應(yīng)以點(diǎn)按為主，因?yàn)辄c(diǎn)按是最為簡(jiǎn)單和直接的操作，讓用戶在短時(shí)間內(nèi)學(xué)習(xí)一種新的交互規(guī)范，簡(jiǎn)單易學(xué)的操作在初期是非常必要的。其次，滑動(dòng)手勢(shì)作為點(diǎn)按的補(bǔ)充，同時(shí)要做到如果中途打斷，可以被點(diǎn)按手勢(shì)所替代，這種方式可以降低用戶的試錯(cuò)成本，提高3D Touch的可靠性。所謂直覺(jué)化，是指3D Touch的設(shè)計(jì)需要符合用戶的直覺(jué)，以此來(lái)降低用戶的學(xué)習(xí)成本。因?yàn)樵诓挥绊懼饕蝿?wù)流的前提下，大部分用戶不愿意因?yàn)橐稽c(diǎn)小小的效率上的提升而轉(zhuǎn)變固有的思維和行為模式。用戶很難記住一個(gè)全新的，難以理解的交互手勢(shì)，因此，讓用戶的操作行為建立起與現(xiàn)實(shí)的強(qiáng)映射關(guān)系，是3D Touch手勢(shì)設(shè)計(jì)的重點(diǎn)。這點(diǎn)上可以參考畫筆應(yīng)用的例子，用戶按壓力度的不同會(huì)畫出不同深度、粗細(xì)的筆觸，這與現(xiàn)實(shí)世界用戶用筆繪畫的經(jīng)驗(yàn)是一致的。除了力度與畫筆的映射，還可通過(guò)對(duì)按壓、滑動(dòng)這些手勢(shì)與現(xiàn)實(shí)中行為的映射來(lái)進(jìn)行設(shè)計(jì)，例如貼膠帶，按圖釘之類的行為可以作為一些視覺(jué)線索的隱喻達(dá)到引導(dǎo)用戶行為的目的。最后一點(diǎn)，3D Touch的設(shè)計(jì)需要建立起一定的交互規(guī)范，這會(huì)使得用戶即使在不同的應(yīng)用場(chǎng)景中仍然對(duì)于操作的結(jié)果有一個(gè)大致的預(yù)期。

小結(jié)

3D Touch其作為一種全新的維度的交互方式，在不改變?cè)衅聊挥|控行為的前提下，為人機(jī)交互手勢(shì)設(shè)計(jì)開拓了新的領(lǐng)域，目前基于3D Touch的交互手勢(shì)設(shè)計(jì)還處在發(fā)展的初期階段，無(wú)論是iOS系統(tǒng)的第一方開發(fā)者還是第三方應(yīng)用開發(fā)者都還處于試錯(cuò)期的摸索之中，而在這個(gè)過(guò)程中無(wú)可避免地會(huì)遇到各種各樣的問(wèn)題。本文通過(guò)對(duì)現(xiàn)階段3D Touch手勢(shì)應(yīng)用案例的研究，分析提出了目前3D Touch手勢(shì)應(yīng)用中存在主要問(wèn)題，通過(guò)對(duì)這些問(wèn)題的分析，從人、機(jī)交互系統(tǒng)的角度入手，嘗試找到具有普遍指導(dǎo)性的設(shè)計(jì)方法，為以后從事3DTouch相關(guān)設(shè)計(jì)與研究工作的設(shè)計(jì)師、軟件工程師們提供一些參考。期待在多方共同的努力下，使3D Touch擁有更多可能性與更多快捷易用的操作。endprint