“互聯(lián)網(wǎng)+”時(shí)代全媒體視域下的移動(dòng)端菜譜可用性研究

摘要：在“互聯(lián)網(wǎng)+”時(shí)代背景下，“掌上”行為是當(dāng)下民眾的生活形態(tài)，“多屏”載體也成了全媒體傳播和多業(yè)態(tài)消費(fèi)的主要特征。研究移動(dòng)互聯(lián)網(wǎng)的商業(yè)設(shè)計(jì)可以更好地契合該生活形態(tài)并賦能于消費(fèi)品質(zhì)提升。為了探索移動(dòng)端電子菜譜在商業(yè)消費(fèi)場景中的體驗(yàn)要素，對著名連鎖店“南京大排檔”和“麻辣空間”的電子菜譜展開設(shè)計(jì)案例對比，并專門針對屬于企業(yè)自身開發(fā)設(shè)計(jì)類型的“南京大排檔”移動(dòng)端進(jìn)行可用性用戶測試以及可用性分析。從而洞察界面設(shè)計(jì)與餐飲主題之間的關(guān)聯(lián)，并歸納總結(jié)出電子菜譜的設(shè)計(jì)趨勢要點(diǎn)。電子菜譜不僅僅反映了在“互聯(lián)網(wǎng)+”時(shí)代移動(dòng)端開發(fā)設(shè)計(jì)響應(yīng)生活形態(tài)的需求，也體現(xiàn)出在全媒體傳播與移動(dòng)消費(fèi)結(jié)合場景下的食物設(shè)計(jì)新形態(tài)，以及蘊(yùn)含傳遞菜系文化特色的宣傳屬性。

關(guān)鍵詞：全媒體 電子菜譜 用戶體驗(yàn) 可用性 食物設(shè)計(jì) 互聯(lián)網(wǎng)+

中圖分類號：J524 文獻(xiàn)標(biāo)識碼：A

文章編號：1003-0069（2023）22-0123-03

Abstract：In the context of the \"Internet +\" era，the \"hand-held\" behavior is the current lifestyle of the people，and the \"multi-screen\" carrier has also become the main feature of all-media communication and multi-format consumption. Researching the commercial design of the mobile Internet can better fit this lifestyle and enable the improvement of consumption quality. In order to explore the experience elements of Mobile Application Menu in commercial consumption scenarios，we compared the design cases of the Mobile Application Menu of the famous chain stores \"Nanjing Impressions\" and \"Spicy Space\"，and specially aimed at the \"Nanjing Impressions\" which belongs to the type of enterprise’s own development and design. Ranking mobile terminal for usability user testing and usability analysis. In this way，we can gain insight into the relationship between interface design and catering themes，and summarize the design trends of Mobile Application Menu. Mobile Application Menu not only reflect the needs of mobile terminal development and design in the \"Internet +\" era to respond to the needs of life forms，but also reflect the new form of food design in the combination of all-media communication and mobile consumption，as well as the propaganda attributes that convey the cultural characteristics of the cuisine.

Keywords：All-media Mobile Application Menu User experience Usability Food design Internet+

引言

隨著“互聯(lián)網(wǎng)+”時(shí)代特征的發(fā)展，餐飲行業(yè)與移動(dòng)互聯(lián)網(wǎng)行業(yè)形成多業(yè)態(tài)的交集，對于蘊(yùn)含的美食文化來講，更是形成了全媒體的傳播態(tài)勢。移動(dòng)端的餐飲消費(fèi)與飲食文化傳播已經(jīng)密不可分。也正是因?yàn)樾旅襟w全面普及與移動(dòng)互聯(lián)的廣泛場景需求，移動(dòng)端電子菜譜的設(shè)計(jì)一方面需要與傳統(tǒng)紙質(zhì)菜譜形成設(shè)計(jì)元素的延續(xù)性，另一方面除了滿足菜品陳列、訂單與結(jié)賬等需求以外，還應(yīng)該還更注重消費(fèi)者的用戶體驗(yàn)，通過移動(dòng)互聯(lián)技術(shù)在可用性與視效之間形成恰當(dāng)?shù)钠胶猓⒛艹休d多元的感官認(rèn)知和傳遞相應(yīng)的美食文化。

一、移動(dòng)互聯(lián)網(wǎng)對餐飲消費(fèi)的影響

（一）掌上習(xí)慣的全面浸染。年輕一族的“千禧一代”和“Z一代”這兩個(gè)年齡群體的典型特征是熱衷于“互聯(lián)網(wǎng)+”時(shí)代背景下的產(chǎn)物“移動(dòng)端電子設(shè)備”等[1]。移動(dòng)互聯(lián)網(wǎng)生活形態(tài)主要是這兩個(gè)消費(fèi)群體的日常，可謂已經(jīng)離不開移動(dòng)客戶端所帶來的便捷性。各類移動(dòng)端應(yīng)用已促使從“掌上消費(fèi)”全面發(fā)展成為一種“掌上習(xí)慣”。因此，當(dāng)下民眾的餐飲消費(fèi)較早地成了一批典型“掌上習(xí)慣”的領(lǐng)域，也是在“互聯(lián)網(wǎng)+”發(fā)展催化下產(chǎn)業(yè)與生活形態(tài)雙向浸染的態(tài)勢。

（二）餐飲發(fā)展的趨勢使然。餐飲行業(yè)順應(yīng)移動(dòng)互聯(lián)網(wǎng)發(fā)展潮流，主動(dòng)融入“互聯(lián)網(wǎng)+”這個(gè)時(shí)代背景影響下的人們的生活方式和行為習(xí)慣，才能保證其市場占有率[2]。移動(dòng)端電子菜譜已經(jīng)成為諸多餐飲商戶的選擇，成為“互聯(lián)網(wǎng)+”趨勢映射到飲食產(chǎn)業(yè)的縮影，也是餐飲行業(yè)與移動(dòng)互聯(lián)網(wǎng)行業(yè)融合“+”發(fā)展的典型佐證。消費(fèi)升級需求也反饋到了電子菜譜的設(shè)計(jì)層面：高效、美觀以及文化內(nèi)涵等多方面訴求都成為電子菜譜的要求。

（三）全媒體傳播的格局促進(jìn)。一方面，飲食文化是城市文化的重要組成部分；另一方面，餐飲消費(fèi)也是都市生活的必備要素。隨著“互聯(lián)網(wǎng)+”的發(fā)展，餐飲消費(fèi)體驗(yàn)從宏觀城市格局開始下沉到行業(yè)乃至個(gè)體。“掌上消費(fèi)”帶領(lǐng)的是“多屏傳播”，餐飲消費(fèi)與飲食文化傳播高度交集不能分割。每個(gè)熱衷分享的消費(fèi)者都成為全民營銷、全民傳播的擁躉，中國飲食文化已經(jīng)進(jìn)入了以全媒體傳播特征為主要特征的“后舌尖”時(shí)代。

二、移動(dòng)端電子菜譜案例研究

隨著“互聯(lián)網(wǎng)+”的不斷發(fā)展，菜譜的設(shè)計(jì)也逐漸從最開始的Pad端全面走向手機(jī)應(yīng)用終端。為了以消費(fèi)行為角度對當(dāng)前的移動(dòng)端電子菜譜展開設(shè)計(jì)層面分析，選擇了“南京大牌檔”和“麻辣空間”這兩個(gè)分別從屬于中餐淮揚(yáng)菜與川菜火鍋系的連鎖餐飲品牌電子菜譜移動(dòng)端案例進(jìn)行案例研究，并重點(diǎn)對“南京大牌檔”掃碼點(diǎn)菜操作流程進(jìn)行可用性測試分析。

（一）功能框架分析

“南京大排檔”與“麻辣空間”餐飲店的電子菜譜移動(dòng)端均是采用小程序方式。這在相當(dāng)程度上降低了以App形式獲取用戶的成本。當(dāng)前使用小程序作為電子菜譜的移動(dòng)端載體形式已經(jīng)成為主流。首先，從消費(fèi)者實(shí)際操作的角度對兩款移動(dòng)端進(jìn)行功能框架分析。通過梳理移動(dòng)端功能發(fā)現(xiàn)，“南京大排檔”電子菜譜設(shè)計(jì)更加聚焦于點(diǎn)菜需求本身，對消費(fèi)者用戶進(jìn)行微信掃碼的場景訴求響應(yīng)比較直接，即更加符合進(jìn)店掃碼點(diǎn)菜的用戶期望值。一方面中餐菜品總數(shù)往往會(huì)高于火鍋，因此對菜品的歸納越整飭且符合日常就餐邏輯則越提升點(diǎn)菜效率；另一方面，中餐菜品的更新頻率也高于火鍋，因此菜品歸納呈現(xiàn)的模塊化程度越高，也會(huì)降低菜品更新對老顧客識別菜譜的影響。而“麻辣空間”的充值功能蘊(yùn)含了某些營銷目的，賦予充值優(yōu)惠的功能目的是增加用戶黏性。但該促銷功能也同時(shí)增加了功能框架樹形結(jié)構(gòu)的寬度。考慮到火鍋菜品的相對穩(wěn)定性，功能框架增加運(yùn)營角度特征不會(huì)過度產(chǎn)生效率影響。

總的說來，“南京大排檔”與“麻辣空間”兩者的電子菜譜功能框架遵照了餐飲消費(fèi)點(diǎn)菜環(huán)節(jié)效率優(yōu)先的基本訴求。在主流功能設(shè)定下，具有符合自身餐飲品類特征的一些細(xì)節(jié)考量點(diǎn)。譬如，火鍋點(diǎn)菜的人數(shù)選擇環(huán)節(jié)比較重要且需要前置，中餐對菜品分類在邏輯性基礎(chǔ)上突出自己的特色性且兼顧菜品上新與分類穩(wěn)定性。

（二）交互流程分析

1.加載轉(zhuǎn)場。如圖1所示，接下來專項(xiàng)聚焦于“點(diǎn)菜”功能的交互設(shè)計(jì)流程分析，（a）為“南京大牌檔”，（b）為“麻辣空間”。“南京大排檔”電子菜譜系統(tǒng)設(shè)計(jì)在用戶掃描桌面二維碼之后等待響應(yīng)的過渡界面沒有進(jìn)行專門的加載設(shè)計(jì)，采用的是空白停留方式；“麻辣空間”的加載界面設(shè)計(jì)采用的是基于幾種蔬菜形象設(shè)計(jì)的微動(dòng)效。因此，相比較而言“麻辣空間”的加載設(shè)計(jì)更符合當(dāng)下的交互動(dòng)效設(shè)計(jì)趨勢。越多的電子菜譜在加載頁面融入了廣告，諸如菜譜上新、當(dāng)季限定、限時(shí)促銷等，但加載時(shí)間上往往會(huì)比較克制，往往少于一般App加載頁停留的5秒設(shè)定，可以較好地平衡廣告需求、點(diǎn)菜效率與顧客感受。時(shí)間設(shè)定的細(xì)微差別體現(xiàn)出符合消費(fèi)場景的微創(chuàng)新。

2.“點(diǎn)菜”流程。經(jīng)過加載界面后使用淡入淡出形式轉(zhuǎn)場至首頁。由于兩個(gè)品牌經(jīng)營的餐飲類型完全不同，點(diǎn)菜的流程設(shè)計(jì)也自然會(huì)大相徑庭。“麻辣空間”電子菜譜系統(tǒng)當(dāng)用戶點(diǎn)擊“點(diǎn)菜”功能控件后，會(huì)轉(zhuǎn)到選擇用餐人數(shù)的選擇界面，選擇人數(shù)之后才能進(jìn)入正式的選菜品階段；相比較于“麻辣空間”這一特殊流程設(shè)定，“南京大牌檔”在加載頁面之后會(huì)直接跳轉(zhuǎn)到“菜品選擇”環(huán)節(jié)。“南京大排檔”的點(diǎn)菜操作更加短程。而“麻辣空間”由于是火鍋類型餐飲，無法規(guī)避人數(shù)設(shè)定這一首先進(jìn)入選擇的關(guān)鍵步驟。比較前幾年的Pad端電子菜譜而言，兩家餐飲在“加入菜單”的選擇加載過程中響應(yīng)都比較出色，也反映出電子菜譜小程序后臺模塊化的日趨成熟。一是點(diǎn)菜流程設(shè)計(jì)遵循效率優(yōu)先的設(shè)定，二是也側(cè)面體現(xiàn)了當(dāng)前大屏手機(jī)已經(jīng)成為手機(jī)主流的影響。

3.導(dǎo)航模式。在菜品選擇環(huán)節(jié)兩者都是采用了標(biāo)簽導(dǎo)航的設(shè)計(jì)類型，不同的是，“南京大排檔”是頂部Tab形式，“麻辣空間”是側(cè)邊欄Tab形式。其標(biāo)簽的劃分均是基于自身餐飲菜品的分類。值得一提的是，兩者都具有相對獨(dú)立的“搜索”控件。這一功能對于無論是“新手型”用戶還是“熟練型”用戶而言，都具有提高效率的作用。此外，“購物車”也是比較明顯的單獨(dú)控件設(shè)計(jì)，可以提供給用戶比較清晰的當(dāng)前選擇情況的呈現(xiàn)，且采用的是一種快捷模式。“購物車”界面除了有對已選菜品的顯示，還包括“提交”“清空”以及“繼續(xù)加菜”等符合點(diǎn)菜場景行為邏輯的選擇項(xiàng)，從而構(gòu)建出比較完整的點(diǎn)菜操作設(shè)計(jì)流程。這一方面而言，兩者電子菜譜系統(tǒng)都采用了比較成熟和常見的交互設(shè)計(jì)流程，可充分考慮到“新手型用戶”消費(fèi)者操作效率的問題。此外，電子菜譜的導(dǎo)航設(shè)計(jì)與同樣是全媒體生活形態(tài)反映的移動(dòng)閱讀有明顯不同，移動(dòng)閱讀導(dǎo)航需要考慮是否兼顧單手操作的場景，而在餐廳消費(fèi)則往往是雙手操作。

（三）界面視覺（UI）風(fēng)格分析

在用戶界面視覺（User Interface，UI）方面，“南京大排檔”與“麻辣空間”有著完全不同的取向設(shè)定。如圖2和圖3所示，“南京大排檔”采用的是擬物化UI設(shè)計(jì)，“麻辣空間”則采用的是扁平化UI設(shè)計(jì)風(fēng)格。扁平化設(shè)計(jì)突出內(nèi)容主題，減弱各種漸變、陰影、高光等視覺效果對用戶視線的干擾，能讓用戶更加專注于內(nèi)容本身，減少信息層級的復(fù)雜性。擬物化風(fēng)格強(qiáng)調(diào)的是易于理解，對操作特性的模擬顯得平易近人；而扁平化風(fēng)格則更突出內(nèi)容本身且對易于操作的重視[3]。無論是擬物化UI還是扁平化UI，并沒有完全絕對優(yōu)劣的判斷論斷。最終還是應(yīng)該根據(jù)品牌形象訴求、目標(biāo)消費(fèi)群體偏好、功能優(yōu)先級定位等多元角度進(jìn)行綜合權(quán)衡與選擇。比較遺憾的是，“麻辣空間”在遵循效率優(yōu)先的情況下，在通用性菜譜界面基礎(chǔ)上并未注重在加載界面、Banner設(shè)計(jì)上呈現(xiàn)出相應(yīng)的菜系文化特征與品牌視覺形象元素。

三、可用性測試與分析

（一）測試目的。電子菜譜畢竟與消費(fèi)者用戶的使用體驗(yàn)直接關(guān)聯(lián)，所以在對電子菜譜進(jìn)行設(shè)計(jì)分析時(shí)還應(yīng)該專門進(jìn)行可用性方面的探究。可用性測試需招募一些代表性的目標(biāo)用戶作為受試者，通過觀察、記錄和分析受試者的行為和感受，以評估某一產(chǎn)品是否符合可用性[4]。可用性測試更多的是為了發(fā)現(xiàn)問題，從而可以通過后續(xù)的設(shè)計(jì)迭代來不斷提升軟件的用戶體驗(yàn)。對尚處于研發(fā)版本早期的電子菜譜設(shè)計(jì)來講，通過一線的餐飲消費(fèi)者進(jìn)行場景式的測試，就能比較高效地發(fā)現(xiàn)可用性方面的問題。

（二）測試方案。針對移動(dòng)端電子菜譜的可用性測試盡量遵循場景化還原，與餐飲消費(fèi)者進(jìn)店后通過對桌面微信二維碼進(jìn)行掃碼的操作起始步驟完全一致。測試用戶為5名。對于實(shí)際開發(fā)工作目的來講，80%的置信水平就已足夠。根據(jù)測試用戶數(shù)量的置信區(qū)間，5名目標(biāo)用戶的可用性測試用戶數(shù)量能基本滿足[5]。測試用戶來自不同的文、理學(xué)科背景，均是智能手機(jī)的熟練用戶。本次可用性測試用戶篩選看重的是其相關(guān)互聯(lián)網(wǎng)產(chǎn)品的使用經(jīng)驗(yàn)背景及其年齡層：均有使用掃碼點(diǎn)菜的經(jīng)歷（如美團(tuán)等），男女比例為3：2，年齡層為屬于“千禧一代”的“90后”用戶群體。

整體采用標(biāo)的菜品的點(diǎn)菜任務(wù)測試方法。測試過程分為兩大階段：第一個(gè)階段根據(jù)測試任務(wù)所提供的微信二維碼，用戶使用自己的智能手機(jī)進(jìn)行掃碼，完成統(tǒng)一指定的某個(gè)具體菜品的點(diǎn)菜操作流程，成功提交訂單為任務(wù)結(jié)束點(diǎn)；第二個(gè)階段根據(jù)上述操作的完成情況與使用體驗(yàn)，用戶闡述在該整個(gè)操作過程中所遇到的問題，以及對“南京大排檔”的移動(dòng)端電子菜譜設(shè)計(jì)在“功能設(shè)置”（功能框架）、“操作步驟”（交互設(shè)計(jì)流程）以及“視覺審美”（UI設(shè)計(jì)風(fēng)格）等幾個(gè)方面進(jìn)行評價(jià)，鼓勵(lì)用戶進(jìn)行“思維發(fā)聲”。測試員在此過程中根據(jù)用戶的反饋及評價(jià)進(jìn)行即時(shí)的交流與訪談。

（三）主要可用性問題分析

1.導(dǎo)航欄整體性存在感弱化：用戶在使用掃碼進(jìn)入“南京大牌檔”的點(diǎn)菜主頁后并沒有在第一時(shí)間注意到頂部導(dǎo)航欄，而較多情況是將視覺焦點(diǎn)放在菜品的陳列上。導(dǎo)航欄容易被用戶忽視的重要原因在于擬物風(fēng)格設(shè)計(jì)自身的識別度偏弱、擬物形式會(huì)削弱標(biāo)簽導(dǎo)航的形式感。再加上主頁面陳列的菜品圖片本身具有較高吸引力以及“點(diǎn)菜”目的性強(qiáng)，所以更容易在菜品圖片上直接開始尋找點(diǎn)擊目標(biāo)。造成導(dǎo)航欄整體識別度偏弱的原因主要有：擬物配色為木質(zhì)棕色，而導(dǎo)航欄上顯示菜品類別的字體也是棕色，再加上木紋肌理會(huì)形成一定的視覺干擾導(dǎo)致識別性削弱，從而具有重要信息引導(dǎo)作用的導(dǎo)航欄整體的“存在感”被較明顯弱化。

2.按鈕狀態(tài)指引性有待提高：“南京大排檔”移動(dòng)端電子菜譜具有獨(dú)立設(shè)計(jì)的搜索功能，其功能入口為按鈕控件。測試結(jié)果中5名用戶僅有1名用戶在第一遍指定菜品“地毯式搜尋”無果的情況下發(fā)現(xiàn)并使用了菜品搜索功能。其他4名用戶在測試結(jié)束的訪談過程中才發(fā)現(xiàn)和了解到搜索功能的存在。菜品搜索本身是一種高效的快捷設(shè)定，但由于控件的設(shè)計(jì)問題，導(dǎo)致該功能存在比較明顯的可用性問題：按鈕設(shè)計(jì)識別度弱，無法有效提供功能指引。色調(diào)對比、控件位置、尺寸大小等問題導(dǎo)致絕大部分測試用戶都無法識別按鈕控件。電子菜譜設(shè)計(jì)一般說來是以新手用戶或低頻次用戶作為基本的用戶設(shè)定，但火鍋品類的菜品則相對比較固定且具有通用性，因此火鍋餐飲電子菜譜則可以考慮以熟練用戶作為目標(biāo)。對于熟練用戶或高頻次用戶來講，菜品搜索的設(shè)計(jì)可以給予更多的關(guān)注與提升。

3.操作動(dòng)作序列一致性欠缺：掃碼點(diǎn)菜整個(gè)過程中有幾處操作序列的設(shè)計(jì)構(gòu)建存在著比較明顯的不合理性，動(dòng)作序列不一致的問題比較突出。最明顯的是，用戶要進(jìn)行不同層級界面的切換必須通過點(diǎn)擊導(dǎo)航欄才能實(shí)現(xiàn)。但當(dāng)前比較成熟的動(dòng)作序列均還可以通過左右滑動(dòng)屏幕，完成頁面的切換。用戶若采用該操作經(jīng)驗(yàn)將無法達(dá)成界面切換的目的。其次，查看當(dāng)前購物車交互流程也存在著明顯缺陷。譬如電子菜譜“購物車”icon并不是可操作的控件。但在諸如“淘寶”等主流購物類型App中，用戶點(diǎn)擊“購物車”icon即可跳轉(zhuǎn)至當(dāng)前選擇清單頁面。動(dòng)作序列設(shè)計(jì)和當(dāng)前成熟App完全不一致，與用戶熟悉的操作經(jīng)驗(yàn)相悖。

4.交互流程步驟簡潔性降低：根據(jù)用戶測試反饋，“南京大牌檔”交互設(shè)計(jì)流程略顯繁瑣，需要進(jìn)一步的優(yōu)化。①在菜品陳列方面。采用的是菜品圖片縮略圖宮格式展示方式。宮格式能提供的信息有限，用戶點(diǎn)擊縮略圖進(jìn)入彈窗模式才能對菜品進(jìn)行詳情了解。②在增減菜品方面。電子菜譜目前增加或刪減菜品操作無法在選菜頁面里進(jìn)行，用戶只能點(diǎn)擊下一步進(jìn)入購物車頁面后才能完成操作。可以通過“+”“-”圖標(biāo)在清單中直接進(jìn)行增減操作。值得一提的是，當(dāng)菜品數(shù)量為“1”的時(shí)候，繼續(xù)點(diǎn)擊“-”可以實(shí)現(xiàn)對此菜品的刪除功能，而不是使用“刪除”控件。這一操作流程創(chuàng)新也更加符合點(diǎn)菜消費(fèi)場景的實(shí)景操作邏輯。③購物車信息方面。當(dāng)前購物車界面只提供了菜品名稱的文字顯示，這會(huì)給用戶造成一定的選擇記憶負(fù)擔(dān)：用戶只能退出購物車頁面后，再復(fù)讀菜品信息才能起到回想的作用。引入菜品具有識別性圖片作為icon可以更好地兼容新手用戶。

四、移動(dòng)端電子菜譜的設(shè)計(jì)趨勢

（一）擬物風(fēng)格UI的恰當(dāng)運(yùn)用。擬物化UI設(shè)計(jì)風(fēng)格在電子菜譜系統(tǒng)設(shè)計(jì)中的廣泛運(yùn)用，源自兩大方面的驅(qū)動(dòng)。一方面是擬物UI能夠與餐飲消費(fèi)環(huán)境產(chǎn)生關(guān)聯(lián)。從“掌上消費(fèi)”到“店內(nèi)消費(fèi)”，通過UI視效達(dá)到O2O的高度契合體驗(yàn)。“南京大牌檔”移動(dòng)端電子菜譜系統(tǒng)的界面中模擬現(xiàn)實(shí)場景中的木牌造型和質(zhì)感，通過疊加高光、陰影等效果，從而使UI具有高度風(fēng)格化的特征，更重要的是與營造濃郁民俗風(fēng)情的就餐環(huán)境能形成感官契合。另一方面是顧及更廣大消費(fèi)人群的使用習(xí)慣。尤其是受眾沒有特別針對性的餐飲商戶，在使用電子菜譜時(shí)必須考慮不同年齡層消費(fèi)人群的操作習(xí)慣。相對年長的人群對擬物風(fēng)格UI的接受度比扁平風(fēng)格更高。但擬物風(fēng)格對于更加重視操作效率類型的移動(dòng)終端來講往往是“雙刃劍”，增加視效的同時(shí)，往往不可避免地會(huì)對可用性形成負(fù)面影響。擬物UI讓設(shè)計(jì)師過多地把精力浪費(fèi)在諸如反復(fù)修整背景紋理或調(diào)整投影角度的工作中，反而忽略了交互行為本身[6]。因此，移動(dòng)端電子菜譜系統(tǒng)在廣泛地采用擬物風(fēng)格UI設(shè)計(jì)的同時(shí)，需盡量注意擬物的恰當(dāng)性，不能單純?yōu)榱俗非笠曅Ф雎粤丝捎眯苑矫妗?/p>

（二）購物型交互流程的成熟借鑒。相對于采用傳統(tǒng)紙質(zhì)菜譜的餐飲商戶數(shù)量來講，移動(dòng)端電子菜譜系統(tǒng)在餐飲行業(yè)中的應(yīng)用尚處于發(fā)展階段。隨著“互聯(lián)網(wǎng)+”時(shí)代中“原住民”消費(fèi)人群的逐漸成長，電子菜譜系統(tǒng)可期為重要類型，眾多餐飲企業(yè)未來都會(huì)促使菜譜的電子信息化。電子菜譜系統(tǒng)從本質(zhì)上講是屬于購物型終端，因此電子菜譜系統(tǒng)設(shè)計(jì)必須遵循消費(fèi)人群的操作習(xí)慣，即在購物大致流程上應(yīng)該多借鑒市面上主流的購物型App。從之前對“南京大排檔”電子菜譜系統(tǒng)的可用性測試發(fā)現(xiàn)的突出問題上可以看出端倪。點(diǎn)菜需求對接了成熟購物流程，則能賦予電子菜譜系統(tǒng)更加流暢的購物體驗(yàn)。在此基礎(chǔ)上，再針對菜品類型的特殊性、餐飲服務(wù)的特色化進(jìn)行流程的迭代與優(yōu)化。值得一提的是，由于“掌上消費(fèi)”已經(jīng)成為“互聯(lián)網(wǎng)+”時(shí)代的常態(tài)化消費(fèi)場景，電子菜譜系統(tǒng)交互設(shè)計(jì)還必須注意遵循“掌上習(xí)慣”，構(gòu)建適應(yīng)于移動(dòng)端的消費(fèi)體驗(yàn)，而非采用PC端的購物交互模式。

（三）紙質(zhì)菜譜的視覺化延伸拓展。電子菜譜系統(tǒng)對菜品呈現(xiàn)上相對于紙質(zhì)菜譜而言具有諸多優(yōu)勢，能提供更多官能通道的體驗(yàn)。在圖文信息上，電子菜譜系統(tǒng)是對紙質(zhì)菜譜表現(xiàn)質(zhì)量的提升，提供色澤更鮮亮、內(nèi)容更多的展示；在感官認(rèn)知上，電子菜譜系統(tǒng)則是提供紙質(zhì)菜譜無法承載的動(dòng)態(tài)呈現(xiàn)，讓菜品的視覺化體驗(yàn)更加豐富。

1.微動(dòng)效。在移動(dòng)端的轉(zhuǎn)場、加載等界面上加入動(dòng)效設(shè)計(jì)，既可以增加菜譜的表現(xiàn)力，又可以改善產(chǎn)品的用戶體驗(yàn)。例如，加載界面的動(dòng)效可減少用戶等待時(shí)的焦慮感、屏保界面上的動(dòng)效能大大增加趣味性。之前案例分析中的“麻辣空間”電子菜譜系統(tǒng)在加載頁面中使用了微動(dòng)效，能讓用戶在進(jìn)入電子菜譜系統(tǒng)一開始的等待中就收獲了有趣意味。

2.微視頻。目前“淘寶”“天貓”上越來越多的商戶紛紛對商品的展示采用了微視頻的方式，已經(jīng)受到了消費(fèi)者用戶非常廣泛的好評。那么在電子菜譜系統(tǒng)中使用微視頻，一方面可以讓菜品更加立體化、生動(dòng)地進(jìn)行展示，能充分表達(dá)光澤鮮美、香味蒸騰的場景。另一方面在較短的時(shí)間（如10秒鐘）內(nèi)傳遞出豐富的信息。諸如原料展示、制作過程等。相對于靜態(tài)圖文并茂的形式，電子菜譜系統(tǒng)的微視頻可謂將紙質(zhì)菜譜的視覺化提升到一個(gè)全新的體驗(yàn)水平。

（四）美食品牌化的移動(dòng)端構(gòu)建。諸多行業(yè)在“互聯(lián)網(wǎng)+”時(shí)代背景下的融合發(fā)展，對餐飲行業(yè)來講是挑戰(zhàn)更是機(jī)遇。新媒體前所未有地增加了美食文化的傳播廣度和速度。“互聯(lián)網(wǎng)+”帶給餐飲企業(yè)進(jìn)行品牌化構(gòu)建的豐富渠道。對于電子菜譜系統(tǒng)來講，既是餐飲品牌在移動(dòng)端進(jìn)行構(gòu)建的渠道形式之一，同時(shí)也可以算作食物設(shè)計(jì)在全媒體時(shí)代的設(shè)計(jì)內(nèi)容形式之一。從之前的案例分析可以看到，諸如“南京大排檔”等著名餐飲企業(yè)設(shè)計(jì)開發(fā)電子菜譜，不僅僅是為了餐飲經(jīng)營所需，更是融入了餐飲品牌建設(shè)的努力、美食文化的傳播。移動(dòng)端UI設(shè)計(jì)與餐飲品牌的VI相結(jié)合打造，形成具有獨(dú)特風(fēng)格或個(gè)性化的視覺體驗(yàn)。也可以這樣說，CIS設(shè)計(jì)（企業(yè)形象系統(tǒng)，Corporate Identity System）在“互聯(lián)網(wǎng)+”趨勢下的發(fā)展形態(tài)已經(jīng)開始與移動(dòng)應(yīng)用相融合。VI（視覺形象識別，Visual Identity）對應(yīng)了UI設(shè)計(jì)，BI（行為形象識別，Behavior Identity）則蘊(yùn)含了交互設(shè)計(jì)層面的內(nèi)容構(gòu)建。

結(jié)論

“互聯(lián)網(wǎng)+”時(shí)代發(fā)展特征會(huì)促使移動(dòng)端電子菜譜在餐飲行業(yè)中愈發(fā)廣地普及使用，更重要的是也將互聯(lián)網(wǎng)行業(yè)中的用戶體驗(yàn)思維引入到了傳統(tǒng)餐飲產(chǎn)業(yè)中。移動(dòng)端電子菜譜的設(shè)計(jì)開發(fā)也必須重視可用性所承載的用戶體驗(yàn)。這既是餐飲行業(yè)消費(fèi)升級后的要求使然，也是整個(gè)“互聯(lián)網(wǎng)+”生活形態(tài)下的用戶需求體現(xiàn)。在此發(fā)展背景下，無論是餐飲行業(yè)的品牌形象塑造，還是更宏大視角的飲食產(chǎn)業(yè)生態(tài)構(gòu)建和中華傳統(tǒng)美食文化傳播，移動(dòng)終端還扮演了全媒體傳播及其消費(fèi)行為載體的角色，同時(shí)也拓展了食物設(shè)計(jì)在移動(dòng)互聯(lián)網(wǎng)生態(tài)中的設(shè)計(jì)內(nèi)容。電子菜譜不僅是圍繞菜品菜系的視覺體驗(yàn)和交互體驗(yàn)最終到文化體驗(yàn)的立體化過程，也是針對消費(fèi)新場景創(chuàng)新的主流化過程。

基金項(xiàng)目：四川省哲學(xué)社會(huì)科學(xué)重點(diǎn)研究基地川菜發(fā)展研究中心項(xiàng)目“四川飲食文化視域下的食物設(shè)計(jì)研究”（項(xiàng)目編號CC23W02）

參考文獻(xiàn)

[1]Philip Kotler，Gary Armstrong.市場營銷——原理與實(shí)踐[M]. 北京：中國人民大學(xué)出版社，2015：78-79.

[2]周睿. 電子信息化趨勢下的川菜產(chǎn)業(yè)發(fā)展[J]. 揚(yáng)州大學(xué)烹飪學(xué)報(bào)，2010，27（02）：56-61.

[3]王凡. 從“少即是多”中探究移動(dòng)端扁平化UI界面設(shè)計(jì)[D]. 廣東工業(yè)大學(xué)，2015.

[4]朱婧茜，何人可. Android手機(jī)應(yīng)用界面布局的可用性測試研究[J]. 包裝工程，2014，35（10）：61-64.

[5]Jakob Nielsen. 可用性工程[M]. 北京：機(jī)械工業(yè)出版社，2004：106-107.

[6]李佳. 界面設(shè)計(jì)中的扁平化設(shè)計(jì)與擬物化設(shè)計(jì)之探議[J]. 藝術(shù)與設(shè)計(jì)（理論），2014（03）：55-57.