智能手機移動應用交互框架研究

【摘 要】交互框架是針對某一個或某一類常見問題的常用交互設計解決方案，它能夠為一個新應用的交互設計提供切入點和較低層次的基礎性建議，在以不犧牲可用性的基礎上為用戶提供更優越的體驗。通過對目前已經經過用戶檢驗的適應性良好的手機應用進行分析，總結它們的交互框架，并探討導致這些交互框架的用戶行為因素以及這些框架適應的項目類型，為交互框架提供初步的認識。

【關鍵詞】移動應用；交互設計；交互框架

中圖分類號：TP399 文獻標志碼：A 文章編號：1007-0125（2016）06-0246-02

隨著智能手機的普及，智能手機移動應用即手機APP的開發量也在逐年爆發式地增長，有的手機應用甚至顛覆了人們的生活觀念和生活方式，因為給人們帶來了非常友好的用戶體驗而受到歡迎，但是也有許多應用由于交互混亂帶來糟糕的用戶體驗而飽受詬病。因此，在智能手機移動應用的開發過程中仍然存在很多挑戰，尤其是如何通過合理的設計和優化交互過程來提高使用者的用戶體驗以獲得用戶的認可。其實交互是有模式可言的，找出這些模式進而總結出交互的框架，在手機應用的開發過程中用這些框架來指導交互設計，可以大大提高手機APP的用戶體驗。

一、手機應用交互框架初識

（一）定義。通常設計師和開發人員在創新性和可用性方面存在爭議，似乎具有創新的、別具一格的設計總是與保守的、易于理解的可用性處于對立面上。實際上，可用性與創新性并非是對立的，手機應用交互設計的對象是人的行為[1]，而根據認知心理學的觀點，人的一切行為都是人的大腦對外界信息進行處理的結果，所以人的行為是有規律可言的。因此，只要針對用戶的行為規律，找到在不同情境下滿足用戶需求的典型交互模式，就可以在不犧牲可用性的前提下做出更優越的設計，這個模式就是交互框架。具體來講，交互框架其實是針對某一個或某一類常見問題的常用交互設計解決方案，它能夠為一個新應用的交互設計提供切入點和較低層次的基礎性建議，避免應用的交互設計在可用性上出現問題。

（二）重要性。對于用戶而言，交互框架的運用使得用戶可以將在某一個應用上獲得的操作體驗無縫嫁接到其他使用了相同或類似交互框架的應用上，進而轉化為通用的操作經驗，降低了用戶在使用一個新應用時的學習成本和認知負荷。而從用戶體驗的角度來說，這樣具有較低認知負荷的應用更傾向于獲得用戶更高的滿意度，給用戶帶來優越的用戶體驗。

對于設計師而言，交互框架為大量典型、常用的設計問題提供了“標準化”的解決方案，不需要為同一個重復的問題進行思考和創造，只需要在交互框架的基礎上進行修改和調整，大大降低了重復勞動的工作量，同時也使設計師可以將更多的精力投入到能夠有所創新的方面上去[2]。而對于開發者來說，交互框架意味著代碼的重用，提高了開發效率。

從應用整體的開發周期來看，在手機應用的開發過程中，交互框架可以有效地指導通用交互的設計，為大家公認的通用交互（或較為常用的交互）提供比較基礎性的建議，在某個具體的手機應用開發時，只需要在既有的交互框架上稍做調整，即可快速得到適應具體產品功能的交互設計方案。交互框架提高了手機應用開發過程中交互設計的可重用性，提高了開發效率，縮短了APP的開發周期。換句話說，交互框架的運用可以用最少的開發成本在最短的開發周期內提供更優越的用戶體驗。

（三）研究方法。雖然目前還缺少系統的理論和方法來研究手機應用的交互框架，但是我們可以從目前已經受過用戶檢驗的適應性良好的手機應用入手，總結它們的交互框架，并進一步探討導致這些交互框架的用戶行為因素以及這些框架適應的項目類型。通過這些分析，可以讓我們對目前可用性較好的交互框架有一個初步的認識。

二、常用的手機交互框架

（一）標簽式布局。標簽式布局也被稱為是選項卡布局，是最常用的一種布局方式。這種設計便于用戶快速地在幾個分頁之間切換，在影音視聽、聊天與社交、旅行與交通、時尚與購物這幾類應用中都有著廣泛的應用。但是由于標簽式導航通常在屏幕上是固定的，所以會占用有效的內容展示空間。標簽式布局又可以細分為底部標簽、頂部標簽和舵式標簽（圖1）。底部標簽位于屏幕底部，通常由3—4個標簽組成，多以icon或icon加文字的形式呈現，一般不會超過5個，原因是超過5個會導致用戶點擊的熱區過小，不利于用戶進行準確的操作。頂部標簽多以文字形式呈現，在功能上通常作為二級標簽，數量可以是固定的，也可以進行拓展，為向左滑動展現更多的標簽，適用于分類較多的應用，在視頻平臺和購物平臺的手機應用中較為常用。舵式標簽其實就是底部標簽的變體，底部標簽為3個或5個，對稱分布，將用戶使用最為頻繁或者產品最想讓用戶常用的標簽置于中央，并做突出化處理，多見于影音視聽應用，如直播、K歌類軟件等。

圖1 標簽式布局

（二）抽屜式布局。抽屜式布局又被稱為側滑布局，是將菜單或導航隱藏在當前頁面之后，通過與導航入口的交互（如點擊、側滑等），可像抽屜一樣拉出菜單或導航（圖2）。抽屜式布局是一種隱藏式的布局，節省了頁面空間，既給內容提供了大塊的顯示空間，也減少了干擾，有助于用戶將更多的注意力聚焦于當前的頁面。抽屜式布局的應用主要有兩個方面，一是適用于不那么需要頻繁切換頁面的應用，如新聞資訊類的應用，用戶的操作多是連續瀏覽。二是適用于那些不常用的選項，例如設置這些用戶不常用的功能或選項，將其隱藏起來，當用戶需要時將其拉出，節省頁面空間、減少干擾信息。

圖2 抽屜式布局

（三）下拉式布局。下拉式布局（圖3）與抽屜式布局類似，也是將菜單和選項隱藏，有相同的優缺點，不同的是下拉菜單經常會有下拉一級菜單和下拉二級菜單，運用下拉菜單的目的比較明確，通常用于條件的篩選，多見于O2O和購物類型的應用。

圖3 下拉式布局

（四）宮格式布局。宮格布局可以將很多入口一次性地呈現給用戶（圖4），讓用戶快速地對APP的整體功能有一個大概的了解，進而根據自己的需要快速選擇相關的內容，交互路徑短，但是這也會造成用戶選擇壓力大的問題，尤其是當用戶目標并不明確時。因此，宮格布局較少用作一級導航，而是作為二級導航，即一系列常用工具或模塊的聚合，多應用于視聽影音和購物時尚類應用內部的分類。

圖4 宮格式布局

（五）列表式布局。列表式布局就是以列表的形式來展示菜單（圖5），甚至將菜單下的核心內容展示出來，如聊天與社交應用中是否有新消失或者消息的條數就會直接在列表的后面展示出來。列表式菜單常用于二級頁面，與宮格布局類似，多用作一系列常用入口或模塊的聚合。

圖5 列表式布局

三、總結

以上這五類常用的交互框架是從整體布局的角度入手進行總結的，不同的交互框架適用于不同的應用情景，并且這五類框架使用起來并沒有嚴格的邊界，相反，這些交互框架往往會互相搭配、混合使用，以適應同一個APP在不同的場景或面對不同用戶目標時的情況。當然，交互框架還可從其他角度進行總結，比如用戶目標、產品目標或者更側重于心理學的認知方向等。手機移動應用交互框架的研究對于應用的開發和迭代具有很大的幫助，不僅可以縮短開發周期、提高效率，更重要的是能夠在保證可用性的前提下進行創新性設計，為用戶提供更好的體驗，所以如何從更多元的角度來思考交互框架，如何將交互框架轉化為真正適用于特定產品和應用場景的模式，是交互設計研究者和從業者需要進一步探討的問題。

參考文獻：

[1]辛向陽.交互設計：從物理邏輯到行為邏輯[J].裝飾，2015，（1）：58-62.

[2]霍克曼.網站設計解構[M].北京：人民郵電出版社，2010.

作者簡介：

王躍華（1992-），女，山東青島人，中國傳媒大學2014級藝術與科學研究生，研究方向：藝術表現與科學認知、交互設計。