尋找夢幻城—遊戲交互設計篇

不懂技術怎麼做産品?15天在線學習,補齊産品經理必備技術知識,再也不被開發忽悠。了解一下>

接到夢幻城這個項目,内心其實是比較興奮的,因為遊戲的交互設計變化多樣挑戰大,自己一直想探索。但另一方面,初做遊戲交互心裡也有些緊張,擺在眼前的問題馬上浮現:

1.遊戲設計的交互與web交互有何區别,應該怎樣進行?

2.各個環節應該拿出怎樣的交付物呢?

第一反應是在網上查閱相關資料,看看别人是怎麼做的。但是很遺憾的是,網上對遊戲交互設計的資料很少,很多是點到為止,并沒有哪個案例可供拿來研究的。

但問題總不會憋死人,何況事物萬變不離其宗,揣着問題摸索着開幹吧!(本文意在還原夢幻城遊戲的交互設計過程,傾向于總結sns遊戲的設計流程和産出物,不成熟之處還請同行多提建議。)

1.起步

小L:“恩,我想我已大體了解了項目的主要玩法和框架,可是對着密密麻麻的說明文檔,每次都需要想半天才能清楚。”

小A:“我很想知道用戶會看到的是哪些?”

PM:“不知道我的産品方案大家都完全理解了沒有?有沒有哪些地方漏掉了?”

交互設計的第一步,自然是要與PM一起,對産品提出的功能和各種想法進行了解。在這個過程中,PM的主要努力會放在我們要有怎樣的功能,以及為何要有這樣的功能上面。此時最可能産生的問題是,遊戲裡功能複雜,即使對于某單一操作,會有各種各樣的狀态,一眼望去似有無限可能(如下面的圖片),從哪裡入手呢?

回顧一下人機界面設計的主要工作是,1.如何将界面信息明白無誤地傳達給用戶 2.幫助用戶更方便地進行正确操作

信息傳達是主題,那麼做為交互設計師,需要了解如何将信息可視化。信息可視化的第一步是信息結構化,結構化的前提是我們有怎樣的信息。

再多的信息,也可以進行歸類,在夢幻城的項目裡,我劃定了自己最關心的幾個序列,分别是:操作(對自己、對别人)、房子狀态、動畫、界面框架。在這裡,可以看到并沒有按PM文檔裡的功能分,而選擇了操作,是因為操作跟用戶緊密相關,在設計界面時最需要關注。在對操作梳理的同時,因為每個操作可想到的流程比較簡單,順便也畫了上去。(點擊小圖查看大圖)

夢幻城結構流程圖

對信息一拆分,似乎在無邊的項目文檔裡來回反複的過程不存在了,因為擺在自己面前的項目問題變得很清晰簡單。

信息架構的過程讓我們一開始就能把握整個界面的設計容量,結構化的結果是更清晰地從全局把握設計問題。

這個過程我又找PM仔細核實,是否符合他之前的想法,這個溝通确認的過程是很必要的。

将紛繁冗雜的信息拆解歸類,複雜歸為簡單。

1.2 交互模式确定

流程确定了,但是需要抽離出其中共性的部分。這也就是我們之前說的交互規範,或者是總結的交互設計模式。在夢幻城裡的模式很簡單,對話框/錯誤信息提示/各種類型的tips等等,因為之前有過對搜狐博客和白社會交互規範定義的基礎,所以基礎元素上不會有大的偏差。自己也想遊戲不需要像web設計那樣的死闆,所以出于探索嘗試的心态,這裡采取的是邊做邊定義的方法。

1.3界面布局是怎樣的?

小V:“我想知道操作是怎樣定義布局的?這樣我就可以開始工作了。”

小L:“恩,我明白用戶都有怎樣的操作了,我很急切地想知道我們的遊戲是什麼樣子了。”

這個過程,交互設計師實際上是抛出想法,然後大家讨論的過程。設計本身就是一個在矛盾中尋求平衡的過程,不論哪種方案都有利弊。拿出方案進行讨論再确定,在集體思維中會讓這個結果顯得更加完善。還好的是,在夢幻城項目中,這個過程似乎并沒有花多長時間。

在設計過程中,針對界面布局及信息識别,界面設計的輕重緩急對比強調,信息相似性的表達等都是交互和視覺設計需要考慮的問題,以後專門寫篇文章跟大家一起探讨。

1.4 出Demo

由于前幾步在整體上進行了定義和梳理。很快,示意性Demo就出來了。不論高低保真,最重要是需要讓大家感受到整個操作的過程,以便于及早發現問題。在這個過程中,可以省去一些細節。

工具當然是用的axure和PS,為了演示方便,對其中各操作做了些動态效果。

我的城鎮

我的城市示意圖

規劃

城市規劃及公共設施示意圖

在這時,産品玩法上進行了重新的調整。之前的方案,房子建成後,需要将其賣掉才能賺錢。這種玩法的破壞性太大,用戶無法享受擁有漂亮城市的美好感受,讨論一度陷入僵局。但沒多久,投資收租金和裝扮的玩法理念,立即得到了所有人的認同。

你知道的,無論視覺交互還是産品設計師,就是要這樣自己折磨自己。

還好的是,由于前期定義較清楚,即使玩法變了,整個交互模式上變化并不大。修改也相對更容易,經過1,2..n次的疊代,基本上設計方案才能成形。

簡單總結一下交互設計的過程,将信息拆解、打散、定義規則再歸類聚合,很簡單不是麼?

Oops~設計過程進展還算順利。慢着!這僅僅是剛剛開始,後面要做的還很多。進入項目開發階段了,遇到新的問題:僅對于一個操作,可能有5種甚至10種可能,如何跟前端工程師進行合作呢?怎樣的交付物能夠将各種界面信息無誤地傳達給工程師利于開發? 如何保證這個過程順利的推進,而且效果能跟自己的預期相符呢?

下一期:

尋找夢幻城–開發工程師的需求

尋找夢幻城–這不是設計

來源:http://ued.sohu.com/article/491

給作者打賞,鼓勵TA抓緊創作!
評論
歡迎留言讨論~!