Story Tool: Gets a name, mobile prototype

sceneFire  © Studio C / ajellebeans.  All Rights Reserved.

Happy to report that work on the storyboarding tool continues.  Now, complete with a name, sceneFire (a play on scene-ifier), the tool has moved into the very early stages of mobile prototyping.

Making use of readily available Android development tools (see below for a brief list of resources), ajellebeans and I mocked up and wired the first use flow from the sceneFire splash screen through the addition of a character to a scene.

Preliminary splash screen for sceneFire mobile

We want the sceneFire splash screen to be a simple/clean as possible.  This means offering a few options and the product identifier.  The options we chose to include on the splash screen are intended to get the user in and creating scenes as quickly as possible.  We settle on “Add Character”, “Edit Scene”, and “Edit Accessories” – the three main ingredients to any given sceneFire scenario.

For the first session on the sceneFire mobile prototype, we wire up the “Add Character” functionality.  We decide if a user wants to add a character to their scene and they tap the associated button, that interaction should trigger a change to the screen that 1.) removes and/or repositions the sceneFire logo 2.) removes the main menu options 3.) and then displays the options associated with the desired interaction.

Add character flow – choose a gender

When the options associated with the desired interaction are served to the user, mainly an option to select a gender for the character to be added (female or male), we also provide a breadcrumb navigation trail so the user knows a.) where they are b.) where they came from c.) where they can go from where they are.

The options on this screen are, again, kept to a minimum.  Female or male.  Sorry, no cats, dogs, aliens, or Android options (yet).  The philosophy is to make the user’s next move as simple and as fast as possible.

Character added!

Once our user selects a gender, the sceneFire application displays the selected character.  In this case, a female.

After the session closes, ajellebeans and I decide we don’t like the idea of the added step of requiring a user to select a gender.  That choice could be made available via a clothing and/or hair customization option.  This trims down the required steps for a user and gets them into the scene that much quicker.

Next session will continue the iteration of the “Add Character” interaction path.

Hit us up with questions, critiques, and ideas!


Resources (get your Android on):

Android: Design, Develop, Distribute

Designing for Android: Tips and Tricks from Smashing Magazine

Learn more about Heuristic Evaluation in Design



One thought on “Story Tool: Gets a name, mobile prototype

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s