Web設計師能從游戲中學到些什么 – 網頁設計 |
|
作者：網頁設計
|
|
|
|
What Web Designers Can Learn From Video Games 譯者序：一直以來我都想寫一篇關于游戲與交互設計之間關系的文章，因為我堅信好的設計和游戲一樣有魔力，都能為用戶帶來樂趣。這可能跟我之前在游戲公司任職過有關，潛移默化地受到感染和熏陶。當看到這篇文章時，共鳴了，這就是我想要說的，于是我決定譯過來，跟更多設計師產生共鳴，推動 “樂趣設計”，同時也為自己這方面的想法寫下第一筆。 好的設計應該是融會貫通的，有相似的細節和處理方法，當然，還要有一個能夠吸引人的理由或法寶，如果你有過這方面的零碎念頭，而沒有能匯總在一起，往下看，這就是了！ 游戲越來越Web化，而Web也越來越游戲化。如果你想證明這一點，只需要去看看雅虎問答。有人問，有人答，最終獲勝答案還能拿到獎勵分（譯者注：沒玩過雅虎問答的想想百度知道）。這是一個排名系統，可以積聚和解鎖系統中越來越多的功能。它的工作原理是因為心理的成就和游戲機制，從而鼓勵互動。問題來 了，Web設計師們能從游戲中學到什么？或者更確切的說，是從視頻游戲中？ 一個好的游戲界面必須高度可用，并且直觀，能夠用盡可能少的動作完成很多重復的動作。它們需要具有吸引力，并且夠可愛。一個好的游戲界面會給用戶體驗加分的。在游戲中，人們接受內容的同時不希望幻想被打破，所以再偉大的游戲產品都可能敗于一個不給力的界面。
即使在像《波斯王子》這樣的老游戲里，只有有限的系統功能，也要求設計師們必須做出一些創新。在功能越發豐富的今天，我們不難從現代視頻游戲中發掘中更先進的設計技術。 網站的用戶以同樣的方式，希望其內容交付的方式，是很容易理解，直觀，引人入勝，而且不需要過多滾動或點擊。事實上，Web設計師可以從視頻游戲界面中學到 很多。使用了通用游戲界面思想的網站，可以簡化用戶操作，同時為站點注入更多個性化。這樣能帶來更高的流量和回訪率，甚至銷售額（說白了，就是錢嘛！） 這并不奇怪，我們已經看到，像carousels，lightboxes，accordions和日益復雜的導航，已經通過CSS和JavaScript庫大量涌入了瀏覽器中。無論是好事還是壞事，那都是另一篇文章要討論的，本文將專注于技術，而不是那些錯誤的應用。 Web設計師可以從視頻游戲中學到的東西不僅限于用戶界面。雅虎問答的工作原理在于內置的心理學成就系統。所以，當我們看一些基本的用戶界面思路和模式時，其他更高層次的概念也是有益的，同時也值得去探討。 從大局出發 考慮到游戲界面，Web設計師需要敏銳地意識到項目自身的背景和客戶的目標。顯然，一個網站往往，但并不總是，有一個目標，這是非常不同于視頻游戲的地方。 在大多網站中，對效率的要求要高于娛樂性。一個很酷的魚眼界面，如果放在提供稅務信息或電子商務的網站上，可不是個切合實際的想法。然而，一個互動型的社 會媒體，可能會因一種領先的技術或某種類型的成就系統而從中受益。選擇合適的UI組件，事半功倍。 縱觀大局，還要考慮結構和方法 – 不只是UI組件。比如，看看菜單是怎么個結構，考慮下為什么要這么做（譯者注：作為設計師，每當使用一個產品的時候，都應該考慮一下背后的設計思想）。在 很多游戲里，一些功能設置都放在星狀拓撲結構的菜單里。如果你選擇“武器”，接下來打開的菜單將展示出所有武器。要選擇“地圖”得通過導航回到第一屏。這種結構簡化了設置選項，否則很快就會被其他選項分散掉注意力而忘記真正要做什么。 你能明白這種結構形式的網站是如何向訪問者展示提供大量信息的嗎？通過使訪問者一次只專注于一個大型在線任務或一個信息塊，可能會增加用戶的轉換率。這種結構也可以有效地被使用在網站上的銷售漏斗。下面的例子就展示了一個簡單的游戲菜單結構，通過它可以很容易地應用到一個網站的信息體系結構，建立起訪問者路徑。（如下圖）
如果你正在搭建一個會計師事務所的網站，你可能會根據訪問者類型的相關性來 劃分標題下的菜單信息。一個有錢的個體與一個小企業的需求不盡相同，但都可能有意聘請同一公司。你可以自上而下的開展，用兩個切入點作為漏斗，一個為個體 和家庭，另一個為企業和組織，每個按鈕用來為他的用戶分流。這個分流頁面可以提供內容和相關工具，并為不同的用戶提供相關服務，從而簡化他們的操作，提升體驗。（如下圖）
此外，視頻游戲中的提示是用看的而不是用說，試著去了解一下它們是怎么工作的。成功的游戲里都有一個為“小白”提供訓練和學習的地方。一個角色一上來都要通 過完成一些任務，達到一定等級，從而熟悉操作也了解游戲的故事情節。探險家學會拿起劍擺動，然后殺死一只老鼠，然后學會撿寶貝。用戶希望通過界面體驗到身臨其境的感覺。
在《上古卷軸IV》中：Oblivion，你開始在監獄里，必須通過一個地下洞穴逃脫，沿途會跟大老鼠和偶爾出現的小妖精戰斗，通過這種方式來學習游戲的基本控制。 它們為什么有關聯？你可能不必為一個復雜的界面提供完整的交互教學，但可以通過智能圖形或圖表，讓用戶更迅速地了解內容。你可以拋出一個大概念，然后拆分成小塊。用小提示和實例要比長篇大論好的多。通過研究游戲中是怎么用看替代說的，就可以在一些棘手的問題上獲得突破了。 |
2 月
13
發佈留言