跳轉到內容

敏捷開發框架下的軟體工程/第二輪迭代/互動設計/線框圖

來自華夏公益教科書,開放的書籍,為開放的世界
案例研究 海洋探險

小組:Alastair Nicholl,Liz Coup 和 Janey Labes,為 Portobello 水族館,與藝術家 Serge Ratten 合作


我們最初的想法是建立一個主選單,其中包含不同的島嶼,代表不同的遊戲。我們希望使用者能夠透過操控船隻來導航到每個島嶼。


我們添加了所有島嶼,以便觀察其工作方式以及數量。我們進行了長時間的討論,究竟是採用鳥瞰視角還是第一人稱視角。我們研究了不同的使用者互動方式,例如操控船隻或者點選各個島嶼。

這是一個替代的菜單系統。它在

船的舵盤周圍使用文字。當用戶點選一個遊戲時,船就會轉動方向並駛向那個島嶼。


這是一個替代的基於文字的選單選項,我們將其展示給了客戶。然而,客戶更喜歡圖形選單。
在向客戶展示了替代的選單選項後,我們決定使用圖形化的島嶼概念作為主選單。我們透過繪製更詳細的島嶼選單版本來進一步發展這一概念。這些版本包括額外的細節,例如背景、音樂和聲音的規格。
每個島嶼都基於海洋研究中心提供的現有教育課程。我們為 6 個主要的課程分別添加了一個島嶼。我們還添加了“遊戲”島,用於放置我們設計的額外遊戲。在這個階段,我們的想法是,孩子們可以用在玩教育遊戲時獲得的寶藏在這個島嶼上“消費”。


該小組獲得了資金,可以僱用一名藝術家來實現他們的線框圖和規格。


(這個故事在 敏捷開發框架下的軟體工程/第三輪迭代/內容製作 中繼續,該小組僱用了一名藝術家).

藝術家最初給出了一個截然不同的設計,當點選螢幕時,螢幕會旋轉,以便訪問每個島嶼。我們認為這個概念不方便使用,因為功能和可用性並不明顯。我們希望所有島嶼都同時出現在主選單中。我們將此反饋意見反饋給了藝術家,他欣然接受並建立了第二個版本,與故事板中概述的內容非常接近。

[[Image:Mq_early_menu.jpg]|left]]

這個版本是在第二輪迭代中釋出的。從視覺上看,它與之前的版本相同,但進行了顯著的最佳化。這包括重新格式化 Flash 檔案並更改圖層順序,刪除不必要的補間動畫,以及新增載入單個遊戲的功能。當這個版本釋出給客戶時,我們加入了“潮池親戚”遊戲。我們想要測試主選單的導航,因此保留了子島嶼上的各個遊戲圖示處於啟用狀態。當用戶點選這些圖示時,他們會看到一個“已找到遊戲”的螢幕,以便他們知道在以後某個日期會在這個位置新增遊戲。


該小組決定逐步開發遊戲。第二輪迭代的功能交付中包含了一部分遊戲。在第三輪迭代中,我們添加了更多遊戲,並對大量程式碼進行了重構,以最佳化和交付。

還有一個更健壯的中間版本(未顯示)。這個版本的改進之處在於遊戲載入到主選單的方式。這個版本集成了三個遊戲到主選單中;“潮池親戚”、“螃蟹餵食用具”和“讓我們捕魚”。此外,這個版本還包含了寶藏的功能。這是釋出給客戶的第三個版本。這個版本將螢幕尺寸從 700x400 更改為 700x525,它與 800x600 螢幕的比例相同(這是我們正在開發的螢幕尺寸)。這個版本包含了五個健壯的遊戲,“潮池親戚”、“螃蟹餵食用具”、“讓我們捕魚”、“誰住在這裡?”和“鯊魚鯊魚”。在這個版本中還添加了製作人員名單。



案例研究 動動你的腦筋

小組:Gena Salmon,Michael Brown 和 John Stefani,為 Iain Bonney 工作






華夏公益教科書