The First Milestone

Screen Flow Development Process

     For the first mile stone, I worked to complete a rough screen flow, using google drawings, and prototype, using moqups, for the Binary Biters.

     I began with looking at a few references including the Angry Birds web and mobile game, Tiny Wings, and 'Dillo Hills.

    For screen flow process, I read up on a few articles and looked at previous examples including: 

• http://www.slideshare.net/unthank/game-design-2-menu-flow2011 
• http://www.paladinstudios.com/2012/04/23/the-8-step-guide-to-interface-design-for-iphone-games/
• https://www.digipen.edu/fileadmin/website_data/gallery/game_websites/Eviction/FlowChart.htm

     To better visualize the game as a whole, I first created a basic moqup: 

• https://moqups.com/bladeligerruler@tamu.edu/MENjvwhE

     I then moved into creating a more efficient/usable screen flow that matched the programming team a bit better.

     I problem solved further to better match the programming team's expectations and created the above google drawing.

     Editable Link:

https://docs.google.com/drawings/d/1QDyPKOu5dqHMCdZzgZ0n-aP54dPwvqkd2TTCO6HJMKI/edit?usp=sharing

      The next stage will be to present this to the team as a whole and work out flow errors or kinks. We will also form a solid plan for amount of cutscenes and how the cutscenes will be integrated.