輸入法微交互設(shè)計(jì)研究

摘 要：以微交互理論為基礎(chǔ)，通過(guò)對(duì)現(xiàn)有輸入法進(jìn)行對(duì)比，針對(duì)手機(jī)輸入法鍵盤(pán)區(qū)界面進(jìn)行分析，得出提升手機(jī)輸入法界面體驗(yàn)的微交互設(shè)計(jì)要點(diǎn)與方法。

關(guān)鍵詞：微交互；輸入法；界面設(shè)計(jì)

一、輸入法的發(fā)展及輸入法的構(gòu)成

輸入法始于20世紀(jì)80年代，先后經(jīng)歷了三個(gè)發(fā)展階段，如圖1。

手機(jī)輸入法的發(fā)展與手機(jī)的發(fā)展密不可分，除了技術(shù)的發(fā)展，推動(dòng)每一階段輸入法發(fā)展的另外一大動(dòng)力來(lái)自使用者的輸入需求及使用體驗(yàn)[1]。人工智能技術(shù)的應(yīng)用促使手機(jī)輸入法向語(yǔ)音交互等方向發(fā)展。與此同時(shí)，對(duì)比各主流手機(jī)輸入法產(chǎn)品可知鍵盤(pán)區(qū)域的形式基本固定，各廠商在個(gè)性化主題素材和智能功能上發(fā)力。

通過(guò)對(duì)比觸寶、KIKA以及搜狗和百度等輸入法，可將其結(jié)構(gòu)歸納為輸入法store與輸入法鍵盤(pán)區(qū)兩大部分。輸入法鍵盤(pán)區(qū)承載了輸入法產(chǎn)品的主要功能，輸入法store是輸入法的素材庫(kù)。鍵盤(pán)區(qū)界面通常包含以下四大內(nèi)容：鍵盤(pán)模式、文本編輯工具、表情皮膚、工具箱，通常作為主導(dǎo)航位于鍵盤(pán)頂部功能區(qū)。就輸入模式而言，有學(xué)者研究發(fā)現(xiàn)，九宮格鍵盤(pán)在輸入中文、數(shù)字時(shí)表現(xiàn)優(yōu)于全鍵盤(pán)，而在輸入英文時(shí)則差于全鍵盤(pán)。[2]

二、微交互理論及其在界面中的應(yīng)用

Dan Saffer定義微交互就是產(chǎn)品中涉及一種使用場(chǎng)景的交互，就是產(chǎn)品功能的細(xì)節(jié)。微交互由觸發(fā)器、規(guī)則、反饋和循環(huán)模式四個(gè)部分構(gòu)成，觸發(fā)器啟動(dòng)微交互，規(guī)則規(guī)定微交互如何起作用，反饋傳達(dá)規(guī)則信息，循環(huán)和模式構(gòu)成微交互的元規(guī)則[3]。微交互與功能的區(qū)別主要在于規(guī)模和范圍，舉個(gè)例子：比如電話(huà)是功能；撥號(hào)就是其中的微交互。

交互設(shè)計(jì)從桌面系統(tǒng)發(fā)展到移動(dòng)設(shè)備再到智能環(huán)境進(jìn)而發(fā)展到情感與心靈的交互[4]。好的界面能夠引導(dǎo)用戶(hù)以較少且有效的流程行為完成交互任務(wù)[5]。以輸入法為例，當(dāng)用戶(hù)打開(kāi)一個(gè)應(yīng)用點(diǎn)擊文本框后，自動(dòng)彈出輸入法面板，這實(shí)際上是輸入法的系統(tǒng)觸發(fā)器被激活的結(jié)果。又如GO輸入法引導(dǎo)頁(yè)面中的按鈕（手動(dòng)觸發(fā)器）的設(shè)計(jì)，如圖2。

反饋的存在是向用戶(hù)解釋規(guī)則的，如KIKA輸入法語(yǔ)言切換鍵，由于改變了用戶(hù)被其他輸入法培養(yǎng)起來(lái)的已有認(rèn)知，在用戶(hù)點(diǎn)擊時(shí)會(huì)出現(xiàn)消息提示。在使用Adobe Photoshop時(shí)按住鍵盤(pán)Shift即可實(shí)現(xiàn)連續(xù)選擇，松開(kāi)Shift則退出此功能。這個(gè)過(guò)程就是典型的彈簧模式。循環(huán)中最常見(jiàn)的就是條件循環(huán)了，例如，在網(wǎng)絡(luò)鏈接的狀態(tài)下，每隔一段時(shí)間系統(tǒng)檢查一遍是否有新消息。

三、輸入法與微交互

對(duì)多次精確點(diǎn)擊及時(shí)有效的按鍵反饋，智能功能和鍵盤(pán)的界面設(shè)計(jì)會(huì)影響輸入體驗(yàn)。麻省理工學(xué)院觸摸實(shí)驗(yàn)室研究發(fā)現(xiàn)：多數(shù)成年人食指的平均寬度轉(zhuǎn)換成像素為45至57像素；大拇指為72像素。[6]手機(jī)輸入法界面是一個(gè)擁有眾多觸發(fā)器的界面，要最大化的滿(mǎn)足觸控要求。

設(shè)計(jì)時(shí)首先明確規(guī)則，以觸寶輸入法切換規(guī)則為例，如圖3。

明確了規(guī)則，就要分析整個(gè)過(guò)程中用戶(hù)與界面的觸點(diǎn)有哪些。首先，切換過(guò)程需要用戶(hù)觸發(fā)，要有觸發(fā)器；其次，要通過(guò)反饋?zhàn)層脩?hù)理解發(fā)生了什么，接下來(lái)可以怎么做。設(shè)計(jì)時(shí)，先確定需要傳遞的信息，再選擇能有效傳達(dá)這個(gè)信息的最有效的反饋方式，而且越重要的信息，反饋要越明顯。用戶(hù)體驗(yàn)最好的反饋不會(huì)讓用戶(hù)去猜測(cè)反饋的含義，并且與激活反饋的動(dòng)作之間存在某種必然聯(lián)系。

觸發(fā)器的設(shè)計(jì)應(yīng)從控件、控件的狀態(tài)、文本圖示標(biāo)簽三方面來(lái)綜合考慮。必須讓用戶(hù)在使用情境下認(rèn)出來(lái)其是觸發(fā)器，讓人一看就知道能通過(guò)它做什么，而且要吸引人，同時(shí)保證觸發(fā)器每次都觸發(fā)相同的動(dòng)作。例如，在百度輸入法v7.7.1.1中鍵盤(pán)隱藏按鍵，在輸入法輸入?yún)^(qū)界面下，觸發(fā)隱藏鍵盤(pán)；而在輸入法文本編輯界面下，觸發(fā)后返回鍵盤(pán)輸入?yún)^(qū)界面。相同的控件不同的操作結(jié)果，會(huì)使用戶(hù)操作過(guò)程中產(chǎn)生疑惑。根據(jù)微交互規(guī)則選擇控件，如單一的按鈕、開(kāi)關(guān)、撥號(hào)盤(pán)等。繼而確定控件所需具備的狀態(tài)，如圖4。

標(biāo)簽應(yīng)該簡(jiǎn)潔明確且保持一致，中文、英文、數(shù)字和符號(hào)的最優(yōu)圖符均是與其相對(duì)應(yīng)的字符，而符號(hào)切換的最優(yōu)圖符是“符”字與一個(gè)表情符號(hào)的組合。[7]在手機(jī)輸入法中，最常見(jiàn)的模式是彈簧模式，即英文字符的大小寫(xiě)切換模式，點(diǎn)擊大寫(xiě)切換鍵，進(jìn)入大寫(xiě)模式，輸入一個(gè)大寫(xiě)英文字符后該模式自動(dòng)退出；雙擊大寫(xiě)切換鍵進(jìn)入持續(xù)大寫(xiě)模式，可持續(xù)輸入大寫(xiě)字符直至再次點(diǎn)擊該切換鍵時(shí)退出。

四、結(jié)語(yǔ)

輸入法的界面可以看作是多個(gè)觸發(fā)器的組合，設(shè)計(jì)前應(yīng)先想好規(guī)則，并將各功能重新組織，將功能邏輯相近的觸發(fā)器歸類(lèi)，列一張清單，按照上文所介紹的結(jié)構(gòu)詳細(xì)探索，逐一攻破，即把手機(jī)輸入法產(chǎn)品當(dāng)作是多個(gè)微交互的完美結(jié)合。

參考文獻(xiàn)：

[1]黃群，孫思.通用設(shè)計(jì)理念下移動(dòng)設(shè)備輸入法的交互設(shè)計(jì)研究[J].藝術(shù)與設(shè)計(jì)（理論），2017，（09）：93-95.

[2]文濤，李雪，李晟，劉曦，秦憲剛，顏紅艷.手機(jī)輸入法可用性評(píng)估研究[J].人類(lèi)工效學(xué)，2012，（02）：27-31.

[3]Dan Saffer.微交互細(xì)節(jié)設(shè)計(jì)成就卓越產(chǎn)品[M].李松峰譯.北京：人民郵電出版社，2013.

[4]覃京燕.大數(shù)據(jù)時(shí)代的大交互設(shè)計(jì)[J].包裝工程，2015，（08）：1-5.

[5]林曉瑋.中文拼音輸入軟件的界面設(shè)計(jì)研究[J].藝術(shù)與設(shè)計(jì)（理論），2009，（05）：53-55.

[6]楊煥，陳星海.移動(dòng)應(yīng)用界面的觸控微交互體驗(yàn)設(shè)計(jì)研究[J].藝術(shù)教育，2015，（12）：250-251.

[7]曾國(guó)芬，王麗，葛列眾，鄭燕.觸屏手機(jī)輸入法狀態(tài)切換鍵的可用性研究[J].人類(lèi)工效學(xué)，2015，（06）：22-28.

作者簡(jiǎn)介：

趙婭楠，碩士，大連工業(yè)大學(xué)。研究方向：藝術(shù)設(shè)計(jì)（交互設(shè)計(jì)）。