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

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

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

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

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

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

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

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

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

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

二、常用的手機(jī)交互框架

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

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

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

圖2 抽屜式布局

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

圖3 下拉式布局

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

圖4 宮格式布局

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

圖5 列表式布局

三、總結(jié)

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

參考文獻(xiàn)：

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

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

作者簡(jiǎn)介：

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