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

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

游戲越來越Web化，而Web也越來越游戲化。如果你想證明這一點，只需要去看看雅虎問答。有人問，有人答，最終獲勝答案還能拿到獎勵分（譯者注：沒玩過雅虎問答的想想百度知道）。這是一個排名系統(tǒng)，可以積聚和解鎖系統(tǒng)中越來越多的功能。它的工作原理是因為心理的成就和游戲機制，從而鼓勵互動。問題來 了，Web設計師們能從游戲中學到什么？或者更確切的說，是從視頻游戲中？

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

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

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

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

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

從大局出發(fā)

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

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

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

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

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

標簽： Web設計師 游戲設計 交互設計 

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