譯者序：一直以來我都想寫一篇關(guān)于游戲與交互設(shè)計(jì)之間關(guān)系的文章，因?yàn)槲覉?jiān)信好的設(shè)計(jì)和游戲一樣有魔力，都能為用戶帶來樂趣。這可能跟我之前在游戲公司任職過有關(guān)，潛移默化地受到感染和熏陶。當(dāng)看到這篇文章時(shí)，共鳴了，這就是我想要說的，于是我決定譯過來，跟更多設(shè)計(jì)師產(chǎn)生共鳴，推動(dòng) “樂趣設(shè)計(jì)”，同時(shí)也為自己這方面的想法寫下第一筆。

好的設(shè)計(jì)應(yīng)該是融會(huì)貫通的，有相似的細(xì)節(jié)和處理方法，當(dāng)然，還要有一個(gè)能夠吸引人的理由或法寶，如果你有過這方面的零碎念頭，而沒有能匯總在一起，往下看，這就是了！

游戲越來越Web化，而Web也越來越游戲化。如果你想證明這一點(diǎn)，只需要去看看雅虎問答。有人問，有人答，最終獲勝答案還能拿到獎(jiǎng)勵(lì)分（譯者注：沒玩過雅虎問答的想想百度知道）。這是一個(gè)排名系統(tǒng)，可以積聚和解鎖系統(tǒng)中越來越多的功能。它的工作原理是因?yàn)樾睦淼某删秃陀螒驒C(jī)制，從而鼓勵(lì)互動(dòng)。問題來 了，Web設(shè)計(jì)師們能從游戲中學(xué)到什么？或者更確切的說，是從視頻游戲中？

一個(gè)好的游戲界面必須高度可用，并且直觀，能夠用盡可能少的動(dòng)作完成很多重復(fù)的動(dòng)作。它們需要具有吸引力，并且夠可愛。一個(gè)好的游戲界面會(huì)給用戶體驗(yàn)加分的。在游戲中，人們接受內(nèi)容的同時(shí)不希望幻想被打破，所以再偉大的游戲產(chǎn)品都可能敗于一個(gè)不給力的界面。

即使在像《波斯王子》這樣的老游戲里，只有有限的系統(tǒng)功能，也要求設(shè)計(jì)師們必須做出一些創(chuàng)新。在功能越發(fā)豐富的今天，我們不難從現(xiàn)代視頻游戲中發(fā)掘中更先進(jìn)的設(shè)計(jì)技術(shù)。

網(wǎng) 站的用戶以同樣的方式，希望其內(nèi)容交付的方式，是很容易理解，直觀，引人入勝，而且不需要過多滾動(dòng)或點(diǎn)擊。事實(shí)上，Web設(shè)計(jì)師可以從視頻游戲界面中學(xué)到 很多。使用了通用游戲界面思想的網(wǎng)站，可以簡化用戶操作，同時(shí)為站點(diǎn)注入更多個(gè)性化。這樣能帶來更高的流量和回訪率，甚至銷售額（說白了，就是錢嘛�。�

這并不奇怪，我們已經(jīng)看到，像carousels，lightboxes，accordions和日益復(fù)雜的導(dǎo)航，已經(jīng)通過CSS和JavaScript庫大量涌入了瀏覽器中。無論是好事還是壞事，那都是另一篇文章要討論的，本文將專注于技術(shù)，而不是那些錯(cuò)誤的應(yīng)用。

Web設(shè)計(jì)師可以從視頻游戲中學(xué)到的東西不僅限于用戶界面。雅虎問答的工作原理在于內(nèi)置的心理學(xué)成就系統(tǒng)。所以，當(dāng)我們看一些基本的用戶界面思路和模式時(shí)，其他更高層次的概念也是有益的，同時(shí)也值得去探討。

從大局出發(fā)

考慮到游戲界面，Web設(shè)計(jì)師需要敏銳地意識(shí)到項(xiàng)目自身的背景和客戶的目標(biāo)。顯然，一個(gè)網(wǎng)站往往，但并不總是，有一個(gè)目標(biāo)，這是非常不同于視頻游戲的地方。 在大多網(wǎng)站中，對(duì)效率的要求要高于娛樂性。一個(gè)很酷的魚眼界面，如果放在提供稅務(wù)信息或電子商務(wù)的網(wǎng)站上，可不是個(gè)切合實(shí)際的想法。然而，一個(gè)互動(dòng)型的社 會(huì)媒體，可能會(huì)因一種領(lǐng)先的技術(shù)或某種類型的成就系統(tǒng)而從中受益。選擇合適的UI組件，事半功倍。

縱觀大局，還要考慮結(jié)構(gòu)和方法 – 不只是UI組件。比如，看看菜單是怎么個(gè)結(jié)構(gòu)，考慮下為什么要這么做（譯者注：作為設(shè)計(jì)師，每當(dāng)使用一個(gè)產(chǎn)品的時(shí)候，都應(yīng)該考慮一下背后的設(shè)計(jì)思想）。在 很多游戲里，一些功能設(shè)置都放在星狀拓?fù)浣Y(jié)構(gòu)的菜單里。如果你選擇“武器”，接下來打開的菜單將展示出所有武器。要選擇“地圖”得通過導(dǎo)航回到第一屏。這種結(jié)構(gòu)簡化了設(shè)置選項(xiàng)，否則很快就會(huì)被其他選項(xiàng)分散掉注意力而忘記真正要做什么。

你能明白這種結(jié)構(gòu)形式的網(wǎng)站是如何向訪問者展示提供大量信息的嗎？通過使訪問者一次只專注于一個(gè)大型在線任務(wù)或一個(gè)信息塊，可能會(huì)增加用戶的轉(zhuǎn)換率。這種結(jié)構(gòu)也可以有效地被使用在網(wǎng)站上的銷售漏斗。下面的例子就展示了一個(gè)簡單的游戲菜單結(jié)構(gòu)，通過它可以很容易地應(yīng)用到一個(gè)網(wǎng)站的信息體系結(jié)構(gòu)，建立起訪問者路徑。（如下圖）

如果你正在搭建一個(gè)會(huì)計(jì)師事務(wù)所的網(wǎng)站，你可能會(huì)根據(jù)訪問者類型的相關(guān)性來 劃分標(biāo)題下的菜單信息。一個(gè)有錢的個(gè)體與一個(gè)小企業(yè)的需求不盡相同，但都可能有意聘請(qǐng)同一公司。你可以自上而下的開展，用兩個(gè)切入點(diǎn)作為漏斗，一個(gè)為個(gè)體 和家庭，另一個(gè)為企業(yè)和組織，每個(gè)按鈕用來為他的用戶分流。這個(gè)分流頁面可以提供內(nèi)容和相關(guān)工具，并為不同的用戶提供相關(guān)服務(wù)，從而簡化他們的操作，提升體驗(yàn)。（如下圖）

此外，視頻游戲中的提示是用看的而不是用說，試著去了解一下它們是怎么工作的。成功的游戲里都有一個(gè)為“小白”提供訓(xùn)練和學(xué)習(xí)的地方。一個(gè)角色一上來都要通 過完成一些任務(wù)，達(dá)到一定等級(jí)，從而熟悉操作也了解游戲的故事情節(jié)。探險(xiǎn)家學(xué)會(huì)拿起劍擺動(dòng)，然后殺死一只老鼠，然后學(xué)會(huì)撿寶貝。用戶希望通過界面體驗(yàn)到身臨其境的感覺。

標(biāo)簽： Web設(shè)計(jì)師 游戲設(shè)計(jì) 交互設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。