徐怡雯　鮑懿喜

摘要：在對(duì)美食類APP的設(shè)計(jì)和研究中，過(guò)分注重對(duì)其功能性的發(fā)展，而并未從用戶的角度對(duì)社交功能的設(shè)計(jì)進(jìn)行研究。戰(zhàn)略層上，用戶話題共通性、氛圍輕松性、情感接近性的社交特征暗示了用戶的心理需求；范圍層上，用戶的社交行為反映了用戶的使用習(xí)慣。通過(guò)對(duì)典型美食類APP中具體社交模塊的結(jié)構(gòu)層的交互設(shè)計(jì)、框架層的界面布局、表現(xiàn)層的視覺(jué)設(shè)計(jì)研究，歸納總結(jié)出美食類APP社交功能的設(shè)計(jì)原則，為分析與評(píng)估美食類APP中的社交模塊設(shè)計(jì)提供評(píng)價(jià)標(biāo)準(zhǔn)，為提升用戶社交體驗(yàn)提供理論依據(jù)。

關(guān)鍵詞：美食類APP 交互設(shè)計(jì) 社交特征 用戶體驗(yàn)設(shè)計(jì)

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

文章編號(hào)：1003-0069（2017）01-0020-02

引言

魯迅先生曾經(jīng)說(shuō)過(guò)：“中國(guó)不過(guò)是一個(gè)巨大的廚房?！睙o(wú)論社會(huì)如何變遷，美食社交對(duì)于人們進(jìn)行人際互動(dòng)和人情交往都有著重要的作用。移動(dòng)互聯(lián)網(wǎng)的發(fā)展，使美食社交和美食類APP給人們帶來(lái)了在“吃什么，如何吃，跟誰(shuí)吃”等各方面的新體驗(yàn)。

美食類APP的社交功能是滿足用戶進(jìn)行美食交流需求，并幫助用戶拓展強(qiáng)化社交圈的重要部分，對(duì)其的研究主要集中在信息設(shè)計(jì)研究和功能界面的提升上，未從用戶的角度研究社交特征，深入分析其中的用戶社交行為與其對(duì)應(yīng)的設(shè)計(jì)表現(xiàn)。本文將對(duì)用戶體驗(yàn)設(shè)計(jì)的五要素在美食類APP社交體驗(yàn)中的具體表現(xiàn)做出分析，最終在每個(gè)層面上提出提升美食類APP社交體驗(yàn)的設(shè)計(jì)原則。

一、美食類APP戰(zhàn)略層的用戶社交特征

美食類APP中用戶的社交特征包括：話題共通性、氛圍輕松性、情感接近性。

（一）話題共通性

無(wú)論是單純的分享推薦美食，或是在美食圈中和志同道合的朋友交流討論，本質(zhì)上都是在飲食上有共同愛(ài)好的用戶聚集，是一種發(fā)現(xiàn)建立弱關(guān)系的過(guò)程。接下來(lái)用戶通過(guò)加好友、評(píng)論點(diǎn)贊等活動(dòng)，以促進(jìn)弱關(guān)系的拓展。

（二）氛圍輕松性

移動(dòng)互聯(lián)網(wǎng)的用戶能隨時(shí)隨地接觸到各種人在平臺(tái)上共享的美食信息，也能毫無(wú)負(fù)擔(dān)地與其他用戶進(jìn)行交流。氛圍輕松性可以保證美食類APP成為用戶日常生活的一種放松方式，呈現(xiàn)自我內(nèi)涵，即一個(gè)人的生活水平、生活態(tài)度和生活方式等。

（三）情感接近性

增強(qiáng)情感接近性更是能夠保證用戶活躍度和黏性的標(biāo)準(zhǔn)，也是增強(qiáng)APP本身差異性和吸引力的手段。除去工具型功能，用戶現(xiàn)在最關(guān)注的是食物本身的交流——通過(guò)展示內(nèi)容，引起相同興趣人的關(guān)注，從而評(píng)論互動(dòng)，獲得自我的認(rèn)同感。

二、美食類APP范圍層的社交功能

美食類APP中的社交功能包括發(fā)布原創(chuàng)內(nèi)容、關(guān)注、點(diǎn)贊、評(píng)論、私信聊天、話題分享等。由于現(xiàn)有互聯(lián)網(wǎng)社交研究將用戶社交行為分為內(nèi)容創(chuàng)造行為、內(nèi)容傳播行為、關(guān)系構(gòu)建行為、關(guān)系維持行為四大類，故將美食類APP的社交功能歸入以下四種社交行為中。

（一）發(fā)布原創(chuàng)內(nèi)容——內(nèi)容創(chuàng)造行為

內(nèi)容創(chuàng)造行為是用戶自主貢獻(xiàn)內(nèi)容的行為方式，即現(xiàn)在許多社交產(chǎn)品中的UGC-（用戶原創(chuàng)）內(nèi)容。美食類APP中用戶的內(nèi)容創(chuàng)造行為主要表現(xiàn)形式為用戶發(fā)布的圖片、話題、日志、點(diǎn)評(píng)以及菜譜等。

（二）話題分享——內(nèi)容傳播行為

內(nèi)容傳播行為即用戶自主的內(nèi)容分享行為模式。美食類APP中用戶的內(nèi)容傳播行為主要表現(xiàn)在跨社交平臺(tái)的傳播上。即用戶通過(guò)分享某一其他用戶的原創(chuàng)性內(nèi)容（話題、日志、點(diǎn)評(píng)或菜譜等）到現(xiàn)有社交平臺(tái)上（微博、微信等），再與平臺(tái)上的用戶進(jìn)行討論。

（三）關(guān)注——關(guān)系構(gòu)建行為

關(guān)系構(gòu)建行為基于一個(gè)前提，即平臺(tái)可以幫助用戶基于其個(gè)人興趣、生活經(jīng)歷、個(gè)人觀點(diǎn)等活動(dòng)與他人產(chǎn)生聯(lián)系。在美食類APP中這種行為表現(xiàn)較弱，主要為關(guān)注某人、跟附近的打招呼等。

（四）點(diǎn)贊、評(píng)論、私信——關(guān)系維持行為

關(guān)系維持行為，即用戶為了維持關(guān)系做出的一系列與另一方的信息交互活動(dòng)。美食類APP中關(guān)系維持行為的表現(xiàn)形式較多，主要有點(diǎn)贊、評(píng)論、私信等。

三、美食類APP結(jié)構(gòu)層的交互設(shè)計(jì)

交互設(shè)計(jì)提升社交流暢性，引導(dǎo)用戶的社交操作

良好的交互設(shè)計(jì)能夠保證用戶迅速理解使用方式和預(yù)期結(jié)果，大大減少用戶社交過(guò)程中的不良體驗(yàn)，提升使用效率，讓用戶樂(lè)于使用社交功能。美食類APP中的社交功能應(yīng)該具有以下特性：

（一）社交功能易理解性

用戶關(guān)心怎么找到信息，而人在短時(shí)間的注意力是一定的，用戶目標(biāo)對(duì)象的可見(jiàn)性會(huì)影響用戶認(rèn)知，顯示太多的相似對(duì)象會(huì)讓用戶找不到目標(biāo)對(duì)象?，F(xiàn)有美食類APP中的部分社交功能信息層級(jí)不突出，可交互與不可交互區(qū)域沒(méi)有做出視覺(jué)上的分割，會(huì)給用戶帶來(lái)困擾。此外美食類APP中還存在一些圖標(biāo)和文字解釋存在歧義的設(shè)計(jì)按鍵呼出的頁(yè)面可能與用戶預(yù)期不符，造成用戶的不良體驗(yàn)如圖3-1。

為了引導(dǎo)用戶操作，減少用戶的誤解，應(yīng)當(dāng)依據(jù)不同內(nèi)容做出視覺(jué)層次，利用用戶習(xí)慣的交互語(yǔ)言與圖標(biāo)來(lái)減少用戶記憶負(fù)擔(dān)，通過(guò)優(yōu)化交互設(shè)計(jì)讓用戶更易理解現(xiàn)有社交功能。

（二）社交功能易操作性

由于內(nèi)容較為豐富，頁(yè)面需展示的信息量較大，美食類APP的社交頁(yè)面經(jīng)常存在可交互功能分布過(guò)密、體積過(guò)小不易操作的問(wèn)題。如可交互的用戶頭像、話題標(biāo)簽、部分評(píng)論點(diǎn)贊圖標(biāo)等。為減少用戶的誤操作，可以適當(dāng)減少密集型的可交互元素，或?qū)⒏鱾€(gè)元素之間的間隔擴(kuò)大，方便用戶點(diǎn)擊如圖3-2。

大部分美食類APP社交界面的內(nèi)容視圖采用列表式視圖，信息層級(jí)較為扁平，圖片為展示重點(diǎn)，便于用戶采用下滑手勢(shì)高效瀏覽大量?jī)?nèi)容。這種布局方式符合用戶的使用習(xí)慣，減少了的思考過(guò)程，為用戶營(yíng)造了輕松愉悅的使用氛圍。

四、美食類APP框架層的界面布局

本章主要通過(guò)用戶體驗(yàn)設(shè)計(jì)的五要素中的框架層所對(duì)應(yīng)的界面布局設(shè)計(jì)進(jìn)行詳細(xì)分析，通過(guò)對(duì)比研究與案例分析，總結(jié)出美食類APP界面布局的原則。具體的設(shè)計(jì)原則如下endprint

界面布局精簡(jiǎn)，突出社交功能

無(wú)社交功能的美食類APP主頁(yè)主要采用下圖左側(cè)的混合式布局方式。混合式布局方式可以承載大量的內(nèi)容信息，但同時(shí)會(huì)給用戶帶來(lái)無(wú)關(guān)信息的視覺(jué)干擾。由于信息層級(jí)較深，用戶在尋找所需信息時(shí)需要進(jìn)行多步操作與判斷，造成不良體驗(yàn)。

具有社交功能的美食類APP主要采用下圖右側(cè)的列表式布局，信息量相對(duì)減少，整體風(fēng)格干凈簡(jiǎn)約，帶給用戶更舒適的體驗(yàn)，體現(xiàn)了氛圍輕松性。圖4-1中用不同色彩表現(xiàn)出不同功能在布局上的位置和大小。

有社交功能的美食類APP一級(jí)界面中通常包含內(nèi)容創(chuàng)造、內(nèi)容傳播、關(guān)系維持行為對(duì)應(yīng)的相關(guān)功能?？紤]到用戶社交的話題共通性特征，其中內(nèi)容創(chuàng)造功能在頁(yè)面中所占比重較大，一般位于底部標(biāo)簽欄中央部分，便于用戶發(fā)現(xiàn)和操作。話題分享功能與點(diǎn)贊、評(píng)論功能所占比重與布局位置相似，位于內(nèi)容視圖的左下或右下方，考慮到每一條單獨(dú)內(nèi)容都需要有內(nèi)容傳播以及關(guān)系維持行為，它門的大小都不宜過(guò)大如圖4-2。

部分美食類APP的內(nèi)容傳播即話題分享功能被設(shè)置在二級(jí)界面即話題內(nèi)容界面中，這樣能使用戶在瀏覽完整話題內(nèi)容后作出判斷，是否轉(zhuǎn)發(fā)分享，更加符合用戶使用習(xí)慣如圖4-3。

關(guān)注功能即關(guān)系構(gòu)建行為被歸于用戶界面中，而且關(guān)注圖標(biāo)所占比重較小，與其他內(nèi)容層次差異較小，不利于用戶交互。

由于美食類APP的主要內(nèi)容來(lái)自用戶原創(chuàng)，為鼓勵(lì)用戶發(fā)布話題，滿足其話題共通性的需求，需要突出話題發(fā)布功能，在布局上形成層次差異。關(guān)系構(gòu)建功能目前也不夠突出，有必要在視覺(jué)層級(jí)以及頁(yè)面位置上做出改善。

五、美食類APP表現(xiàn)層的視覺(jué)設(shè)計(jì)

視覺(jué)風(fēng)格強(qiáng)調(diào)美食元素，獲得用戶好感

美食類APP社交功能頁(yè)面的色彩與APP整體保持一致，除背景的白色和非交互部分的灰色外，主題色以曖色為主，如給人帶來(lái)食欲之感的橙色、黃色引起用戶關(guān)注的紅色、玫紅；代表健康環(huán)保的綠色等。傳達(dá)給用戶一種清新美好的感覺(jué)，色彩對(duì)比度不宜過(guò)分強(qiáng)烈如圖5-1。

上方導(dǎo)航欄與下方標(biāo)簽欄使用主題色，整體風(fēng)格更加穩(wěn)重。適當(dāng)相鄰色的使用使視覺(jué)風(fēng)格更加統(tǒng)一協(xié)調(diào)，不失活潑如圖5-2。

美食類APP社交頁(yè)面的圖標(biāo)主要采用扁平化設(shè)計(jì)，和內(nèi)容視圖中的美食實(shí)物圖形成對(duì)比，突出圖標(biāo)的功能性和準(zhǔn)確性。但部分圖標(biāo)的使用和文字說(shuō)明與用戶預(yù)期不符，會(huì)造成用戶困惑。

由于美食類APP具有氛圍輕松性、情感接近性的社交特征，在視覺(jué)設(shè)計(jì)上可以使用有趣味性和美食主題性的圖標(biāo)，例如好豆菜譜主頁(yè)圖標(biāo)為廚師形象，食色中用戶等級(jí)是飯團(tuán)造型。視覺(jué)元素都不宜過(guò)度擬物化。這些有趣幽默且人性化的視覺(jué)設(shè)計(jì)，拉近與用戶的距離，更容易引起用戶的興趣，獲得用戶好感。

六、結(jié)語(yǔ)

根據(jù)對(duì)戰(zhàn)略層的研究，美食類APP具有話題共通性、氛圍輕松性、情感接近性的社交特征。范圍層的社交功能需要依據(jù)用戶的內(nèi)容創(chuàng)造、內(nèi)容傳播、關(guān)系構(gòu)建與關(guān)系維持行為進(jìn)行設(shè)計(jì)。結(jié)構(gòu)層的交互設(shè)計(jì)需要提升社交流暢性并引導(dǎo)用戶的社交操作；框架層的界面布局需要精簡(jiǎn)并突出社交功能；表現(xiàn)層的視覺(jué)風(fēng)格需要強(qiáng)調(diào)美食元素并獲得用戶好感。設(shè)計(jì)師在分析或改進(jìn)美食類APP的社交體驗(yàn)時(shí)，應(yīng)該從用戶心理和用戶行為出發(fā)，關(guān)注并強(qiáng)化用戶的社交特征，從用戶體驗(yàn)設(shè)計(jì)的五個(gè)層面提升用戶的社交體驗(yàn)。endprint