輸入法微交互設計研究

摘 要：以微交互理論為基礎，通過對現有輸入法進行對比，針對手機輸入法鍵盤區界面進行分析，得出提升手機輸入法界面體驗的微交互設計要點與方法。

關鍵詞：微交互；輸入法；界面設計

一、輸入法的發展及輸入法的構成

輸入法始于20世紀80年代，先后經歷了三個發展階段，如圖1。

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

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

二、微交互理論及其在界面中的應用

Dan Saffer定義微交互就是產品中涉及一種使用場景的交互，就是產品功能的細節。微交互由觸發器、規則、反饋和循環模式四個部分構成，觸發器啟動微交互，規則規定微交互如何起作用，反饋傳達規則信息，循環和模式構成微交互的元規則[3]。微交互與功能的區別主要在于規模和范圍，舉個例子：比如電話是功能；撥號就是其中的微交互。

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

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

三、輸入法與微交互

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

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

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

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

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

四、結語

輸入法的界面可以看作是多個觸發器的組合，設計前應先想好規則，并將各功能重新組織，將功能邏輯相近的觸發器歸類，列一張清單，按照上文所介紹的結構詳細探索，逐一攻破，即把手機輸入法產品當作是多個微交互的完美結合。

參考文獻：

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

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

[3]Dan Saffer.微交互細節設計成就卓越產品[M].李松峰譯.北京：人民郵電出版社，2013.

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

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

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

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

作者簡介：

趙婭楠，碩士，大連工業大學。研究方向：藝術設計（交互設計）。