基于用戶社交特征的美食類APP用戶體驗(yàn)設(shè)計(jì)研究

徐怡雯　鮑懿喜

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

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

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

文章編號：1003-0069（2017）01-0020-02

引言

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

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

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

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

（一）話題共通性

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

（二）氛圍輕松性

移動(dòng)互聯(lián)網(wǎng)的用戶能隨時(shí)隨地接觸到各種人在平臺上共享的美食信息，也能毫無負(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)注的是食物本身的交流——通過展示內(nèi)容，引起相同興趣人的關(guān)注，從而評論互動(dòng)，獲得自我的認(rèn)同感。

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

美食類APP中的社交功能包括發(fā)布原創(chuàng)內(nèi)容、關(guān)注、點(diǎn)贊、評論、私信聊天、話題分享等。由于現(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)評以及菜譜等。

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

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

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

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

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

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

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

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

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

（一）社交功能易理解性

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

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

（二）社交功能易操作性

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

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

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

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

界面布局精簡，突出社交功能

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

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

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

部分美食類APP的內(nèi)容傳播即話題分享功能被設(shè)置在二級界面即話題內(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)容來自用戶原創(chuàng)，為鼓勵(lì)用戶發(fā)布話題，滿足其話題共通性的需求，需要突出話題發(fā)布功能，在布局上形成層次差異。關(guān)系構(gòu)建功能目前也不夠突出，有必要在視覺層級以及頁面位置上做出改善。

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

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

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

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

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

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

六、結(jié)語

根據(jù)對戰(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)用戶的社交操作；框架層的界面布局需要精簡并突出社交功能；表現(xiàn)層的視覺風(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