用戶(hù)界面在電子游戲中扮演重要角色，因?yàn)樗闹饕蝿?wù)就是支持游戲體驗(yàn)。這在Facebook平臺(tái)體現(xiàn)得更是淋漓盡致，它給作品的病毒式傳播、用戶(hù)留存率及創(chuàng)收水平帶來(lái)很大影響，所以不妨認(rèn)真閱讀如下內(nèi)容。

本文，我將以Lolapps的《Ravenskye City》為例，論述什么是Facebook游戲UI中最重要的元素。

典型Facebook游戲外觀

Ravenskyes UI from fbsocialapps.com

《Ravenskye City》UI堪稱(chēng)Facebook游戲的典型代表，其包含如下元素：

1. 頂部菜單（Top Menu）

2. 游戲數(shù)據(jù)菜單（Game Data Menu）

3. 任務(wù)欄（Missions）

4. 好友列表（Friends List）

5. 商店/倉(cāng)庫(kù)（Shop/Storage）

6. 參數(shù)設(shè)置（Parameters）

1. 頂部菜單

Ravenskyes Top Menu from fbsocialapps.com

我喜歡它們的頂部菜單，因?yàn)樗怀鲂枰M(jìn)行1次點(diǎn)擊的主要功能。

—Like按鍵：你的Facebook Fan頁(yè)面是激活用戶(hù)基礎(chǔ)的免費(fèi)渠道，所以你最好將Like按鍵設(shè)置在顯眼的位置。

—標(biāo)簽（Tabs）：

* 體驗(yàn)（Play）：這是列表的第一個(gè)按鍵，且?guī)в胁噬珮?biāo)記，所以你完全無(wú)需搜索它的位置

* 添加積分（Add Credits）：這一金色按鍵旨在吸引用戶(hù)的眼球，方便用戶(hù)立即找到此按鍵。將此按鍵置于顯眼的位置能夠提高你的收益水平。

* 免費(fèi)禮物（Free Gifts）：禮物饋贈(zèng)是菜單中的主要功能，因?yàn)樗鼘?duì)病毒式傳播和用戶(hù)留存率有一定的影響

* 我的鄰居（My Neighbors）：事實(shí)證明，玩家擁有的鄰居越多，他們返回游戲的可能性越大。

* 邀請(qǐng)好友（Invite Friends）：有些玩家會(huì)立即被“Invite friends”的按鍵設(shè)置所吸引，所以你最好不要忽略這一按鍵

* 幫助（Help）：你是否希望避免反復(fù)向支持團(tuán)隊(duì)問(wèn)問(wèn)題？那么你最好創(chuàng)建知識(shí)數(shù)據(jù)庫(kù)，在頂部菜單中添加鏈接。

* 信息（Messages）：這是提高請(qǐng)求循環(huán)機(jī)制效率的主要功能設(shè)置。若你沒(méi)有在應(yīng)用中設(shè)置請(qǐng)求中心，那么請(qǐng)求就會(huì)被淹沒(méi)在游戲請(qǐng)求標(biāo)簽中，導(dǎo)致出現(xiàn)如下結(jié)果：

a. 你的接受率將受到很大影響

b. 這會(huì)降低用戶(hù)發(fā)出的請(qǐng)求數(shù)量，因?yàn)槿粽?qǐng)求未被接受，他們就會(huì)停止發(fā)送請(qǐng)求。同樣，接受的請(qǐng)求數(shù)量越多，就會(huì)有越多玩家回送請(qǐng)求，以實(shí)現(xiàn)互惠互利。

注意：若我沒(méi)有接受玩家的請(qǐng)求很多次后，我希望他們能夠停止向我發(fā)送請(qǐng)求。

2. 游戲數(shù)據(jù)

Game Data from fbsocialapps.com

玩家必須能夠看到重要的游戲數(shù)據(jù)，因?yàn)檫@會(huì)影響他們的決策：

* 硬幣數(shù)量，要設(shè)有供玩家購(gòu)買(mǎi)更多硬幣的按鍵。設(shè)置多重同一接入點(diǎn)并不總是壞事。

* 游戲具體數(shù)據(jù)：例如，這里你可以看到我擁有的木材數(shù)量。玩家可以自由添加自己的游戲數(shù)據(jù)。

* 能量：能夠查看能量數(shù)量非常重要，因?yàn)橛袝r(shí)候玩家需要考慮在能量耗盡前采取什么舉措。

* 經(jīng)驗(yàn)指示欄：玩家希望獲悉自己距離下個(gè)關(guān)卡還有多遠(yuǎn)，因?yàn)檫@能夠讓他們獲得新道具，重新填充能量。

3. 任務(wù)菜單

Ravenskyes Mission from fbsocialapps.com

這里的任務(wù)菜單非常標(biāo)準(zhǔn)，因?yàn)樗鼈兺ǔ?huì)出現(xiàn)在多數(shù)管理游戲中。菜單位于屏幕中間，非常顯眼，總是能夠被玩家看見(jiàn)，這樣他們就不會(huì)忘記自己的當(dāng)前任務(wù)是什么（游戲邦注：即使他們已段時(shí)間沒(méi)玩游戲）。

這一菜單通常堆疊在屏幕左側(cè)，方便同時(shí)呈現(xiàn)多個(gè)菜單。

這些圖標(biāo)附有工具提示和通知機(jī)制，以便在出現(xiàn)更新內(nèi)容時(shí)提示玩家。

4. 好友列表

Neighbors from fbsocialapps.com

好友列表通常位于游戲底部，主要包括3個(gè)主要功能：

* 拜訪好友：拜訪好友是非常重要的玩家活動(dòng)，因?yàn)檫@能夠促使他們定制自己的城市。的確，若沒(méi)有人拜訪我們的城市，那么創(chuàng)建它們還有什么意義？

* “默認(rèn)好友”：如今多數(shù)游戲都會(huì)默認(rèn)設(shè)置1個(gè)包含2大主要好處的虛擬好友：它向玩家呈現(xiàn)擁有更多好友的益處，以及當(dāng)玩家變成高級(jí)用戶(hù)后，城市的變化，再來(lái)就是玩家能夠進(jìn)行什么類(lèi)型的互動(dòng)。

* 添加鄰居：在Facebook平臺(tái)，沒(méi)有人希望自己?jiǎn)为?dú)體驗(yàn)游戲。將鄰居列表設(shè)置在突出位置對(duì)于病毒式傳播和用戶(hù)留存率來(lái)說(shuō)至關(guān)重要。

5. 商店/倉(cāng)庫(kù)

Tools Menu from fbsocialapps.com 

這類(lèi)菜單已變成標(biāo)準(zhǔn)模式，包括如下內(nèi)容：

* 修改城市內(nèi)部元素的版本選擇

* 商店：這是玩家購(gòu)買(mǎi)必要道具，以完成相應(yīng)任務(wù)的場(chǎng)所

* 倉(cāng)庫(kù)：這是玩家存儲(chǔ)已收集或購(gòu)買(mǎi)道具的地點(diǎn)

6. 參數(shù)設(shè)置

Parameters from fbsocialapps.com

如今多數(shù)游戲都有在右下角設(shè)置參數(shù)選項(xiàng)。這一設(shè)計(jì)也屬于標(biāo)準(zhǔn)模式，所以你無(wú)需疑慮。

點(diǎn)擊后，下列選項(xiàng)將提高玩家的視覺(jué)舒適度：

* 放大/縮?。喝裟愕某鞘幸?guī)模越來(lái)越大，不妨設(shè)置此按鍵。

* 全屏模式：如今我們?cè)絹?lái)越常在Facebook游戲中看到全屏模式。它們帶來(lái)更富沉浸性的游戲體驗(yàn)，所以不妨設(shè)置這一選項(xiàng)。

* 靜音/解除靜音：這一選項(xiàng)完全無(wú)需解釋。要記得將音效同配樂(lè)區(qū)分開(kāi)。

7. 獎(jiǎng)勵(lì)：交叉推廣條框

Cross promotion Bar from fbsocialapps.com

我差點(diǎn)忘記這一重要元素。

* 若你有推出其他游戲，你定希望玩家能夠在你的游戲中輕松進(jìn)行導(dǎo)航。植入集中溝通機(jī)制和請(qǐng)求內(nèi)容能夠幫你提示玩家在工作室的其他作品中進(jìn)行操作，進(jìn)而提高游戲的留存率。

* 若你沒(méi)有推出其他作品，可以選擇采用Applifier之類(lèi)的條框，這將變成你引進(jìn)新手的新渠道（游戲邦注：但要確保游戲擁有較高的留存率）。

總結(jié)

也許你會(huì)發(fā)現(xiàn)，“標(biāo)準(zhǔn)”一詞在文中出現(xiàn)多次，這有其原因。如今我們看到的多數(shù)設(shè)計(jì)都源自Playfish/EA早期在這一平臺(tái)所推出的作品。多年來(lái)，這些UI類(lèi)型已被眾多社交玩家所掌握。因此你可以通過(guò)運(yùn)用本文陳述的UI設(shè)計(jì)標(biāo)準(zhǔn)讓玩家在短短幾分鐘內(nèi)熟悉游戲的UI。

當(dāng)然，你可以采用非標(biāo)準(zhǔn)UI元素，如果這適合你的游戲，或者你覺(jué)得自己有更好的游戲構(gòu)思，而這一構(gòu)思能夠轉(zhuǎn)變成下個(gè)設(shè)計(jì)模式。此外，如果說(shuō)UI是個(gè)重要元素，那么流程就更是不可或缺。例如，點(diǎn)擊邀請(qǐng)按鍵后游戲?qū)⒊霈F(xiàn)10種執(zhí)行邀請(qǐng)好友流程的方式，所以這只是游戲界面設(shè)計(jì)的開(kāi)始。

via：gamerboom