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

【關(guān)鍵詞】移動應(yīng)用；交互設(shè)計；交互框架

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

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

一、手機應(yīng)用交互框架初識

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

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

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

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

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

二、常用的手機交互框架

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

圖1 標(biāo)簽式布局

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

圖2 抽屜式布局

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

圖3 下拉式布局

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

圖4 宮格式布局

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

圖5 列表式布局

三、總結(jié)

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

參考文獻：

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

[2]霍克曼.網(wǎng)站設(shè)計解構(gòu)[M].北京：人民郵電出版社，2010.

作者簡介：

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