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

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

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

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

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

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

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

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

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

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

三、輸入法與微交互

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

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

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

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

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

四、結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

作者簡介：

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