游戲界面“可讀性”設(shè)計【符號篇】

來源:GameUE
作者:楊曦UEDC
時間:2020-06-02
3212
關(guān)于文本信息傳達(dá),在交互專業(yè)范疇里分為了“易讀性”和“可讀性”兩個部分。

1.jpg

設(shè)計為信息服務(wù),只有信息能清晰傳達(dá)給玩家,我們的設(shè)計才有意義。

關(guān)于文本信息傳達(dá),在交互專業(yè)范疇里分為了“易讀性”和“可讀性”兩個部分。

易讀性:解決內(nèi)容視覺呈現(xiàn)的問題,讓用戶快速了解頁面上的信息。

2.png

字色標(biāo)準(zhǔn)使用情景考慮不周,內(nèi)容不容易閱讀

可讀性:解決用戶對信息內(nèi)容的理解問題,考量是否簡單易懂、邏輯清晰。

3.png

如上圖中“挑戰(zhàn)歷練本蜥蜴車站”為任務(wù)標(biāo)題,“挑戰(zhàn)歷練本1-4蜥蜴車站”是完成任務(wù)的條件。問題是:挑戰(zhàn)失敗算不算完成?要挑戰(zhàn)幾次才算完成?

以上兩個案例,可以感受到“易讀性”更偏向視覺,“可讀性”更偏向交互體驗。

在這里我們可以忽略術(shù)語上的定義,只要關(guān)注:

如何讓玩家輕松閱讀和理解界面內(nèi)容。

所以,可以把信息的一切閱讀傳達(dá)問題都?xì)w類為“可讀性”。

為了更好的避免和解決這些問題,我總結(jié)了【符號傳達(dá)】、【版式傳達(dá)】與【文案傳達(dá)】三個知識維度,本篇內(nèi)容是關(guān)于符號的常見問題與設(shè)計規(guī)范。(結(jié)尾有福利)

全角與半角符號?設(shè)計師和游戲策劃經(jīng)常出錯

基礎(chǔ)共識:全角字符占用兩個標(biāo)準(zhǔn)字符位置,半角占用一個;全角和半角的不同模式下,有的標(biāo)點符號的形態(tài)完全不同。

4.png

符號屬性與區(qū)別

在游戲體驗中, 括號 與 冒號 經(jīng)常會因為全角、半角的應(yīng)用出現(xiàn)問題 。

括號,半角格式會讓信息過于緊湊,影響閱讀體驗:

5.jpg

冒號,半角格式只會用在時間與數(shù)學(xué)有關(guān)的情境中:

6.jpg

作為設(shè)計師,要在效果圖階段就保證全角與半角符號的準(zhǔn)確性。

這些問題也經(jīng)常在策劃的填表過程中出現(xiàn),到了驗收階段,一定不要放過類似的細(xì)節(jié)走查。

中括號,你用對了嗎?占了“可讀性”問題的半壁江山

界面遇到需要強(qiáng)調(diào)的內(nèi)容時,會經(jīng)常使用【全角中括號】或 空格符號 將主體清晰化。

空格 的使用情景常出現(xiàn)于一句話的描述中,強(qiáng)調(diào)單一詞匯效果簡潔實用:

7.png

而【全角中括號】,這個符號樣式擁有厚重敦實的外表,能幫助重要內(nèi)容在大量信息中脫穎而出。

例如:“挑戰(zhàn)歷練本蜥蜴列車站”,可以設(shè)計為“挑戰(zhàn)歷練【蜥蜴列車站】”

通過設(shè)計解決的問題是:

當(dāng)玩家打開任務(wù)界面,第一時間就能夠找到自己接下來的目的地。

因為【】有著很好的聚焦作用,所以也應(yīng)用在長篇幅的TIPS或郵件中,用于區(qū)分核心內(nèi)容。

8.jpg

要注意的是:

關(guān)于符號的應(yīng)用,需要有唯一的含義。

如果【】在整款游戲中代表強(qiáng)調(diào),就不要賦予其他交互行為。

如下圖所示,用文字+下劃線代表超鏈接,那么要將這個既定的體驗認(rèn)知貫徹下去。需要將【點擊協(xié)助完成任務(wù)】改為 點擊協(xié)助完成任務(wù) 。

9.png

關(guān)于中括號的半角形態(tài),[半角中括號]視覺上較為纖細(xì),有兩種常見形態(tài):

1,代表可點擊的超鏈接,例如 [加入隊伍] ;

2,作為名詞標(biāo)簽,例如 [刺客]、[世界頻道] 。

在實際設(shè)計過程中,最容易出現(xiàn)的問題是:

兩種形態(tài)同時交叉使用,導(dǎo)致體驗定義混淆。

10.jpg

符號傳達(dá)的含義需要特別明確,目的是幫助玩家建立交互認(rèn)知。

例如:玩家只要在系統(tǒng)中見到[半角中括號],就知道里面的信息是可以被點擊的。

11.jpg

語文規(guī)范知識、符號不要出現(xiàn)在行首

因為段落換行的原因,游戲中經(jīng)常出現(xiàn)符號在行首的情況。這與游戲策劃的配置有關(guān),但作為用戶體驗的一部分,設(shè)計師有責(zé)任時刻提醒策劃進(jìn)行自檢。

12.jpg

遇到這類問題,需要交互設(shè)計師或策劃重新思考描述內(nèi)容,通過文字的增減編輯來解決。

除此之外,還兩個方式來幫助格式驗收:

1,如符號出現(xiàn)在首位,則移至上一行末尾

13.png

2,超過兩個數(shù)字被拆分時,則移數(shù)字整體移至下一行

14.png

這樣的規(guī)范細(xì)節(jié),雖然不能提升留存和營收,但一定程度上代表了對待產(chǎn)品的態(tài)度。

4、建立規(guī)范

統(tǒng)一、準(zhǔn)確的進(jìn)行符號傳達(dá)

用戶體驗設(shè)計中的一個概念:

圖形代表的含義玩家越熟悉,信息的可讀性就強(qiáng)。

所以我們可以根據(jù)玩家的認(rèn)知規(guī)律,總結(jié)出關(guān)于游戲界面設(shè)計中符號傳達(dá)的各種應(yīng)用情景,最終形成一套設(shè)計規(guī)范。

例如:

15.jpg

有了規(guī)范,你就可以用來約束自己或者其他設(shè)計師,也便于用統(tǒng)一的標(biāo)準(zhǔn)去做體驗驗收。

盡可能的將所有細(xì)節(jié)問題控制在設(shè)計前期,這樣才能避免打補(bǔ)丁式的迭代優(yōu)化。不要到了研發(fā)后期,牽一發(fā)動全身,很多已知的問題無法再去著手解決了。

認(rèn)真對待,別在細(xì)節(jié)體驗上留有遺憾。

立即登錄,閱讀全文
原文鏈接:點擊前往 >
文章來源:GameUE
版權(quán)說明:本文內(nèi)容來自于GameUE,本站不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。文章內(nèi)容系作者個人觀點,不代表快出海對觀點贊同或支持。如有侵權(quán),請聯(lián)系管理員(zzx@kchuhai.com)刪除!
掃碼關(guān)注
獲取更多出海資訊的相關(guān)信息
優(yōu)質(zhì)服務(wù)商推薦
更多