Our approach seeks to solve what we believe is the biggest hurdle in the software development process.  That is enabling all the people involved from programmers, to designers, to business people to communicate their individual visions effectively in order to produce a final product that encompasses the ingenuity of everyone involved in creating it.  The way we accomplish this is by setting incremental milestones by which everyone involved can review the progress up to that point in order to progress to the next milestone, incrementally clarifying the details that the final product will eventually contain.

Step One: Storyboards + Style Tiles

In UX Driven Design, we seek to clearly define the project requirements starting with the user interface and let all other requirements branch out from there.  We begin by developing Storyboards and Style Tiles which although may influence one another are not interdependent.

The storyboards are basic wireframes that tell the story of a user who is using your application.  They enumerate each view the application will have and describe the flow of information and user interaction through different use cases of you app.

Style Tiles define a uniform style in terms of logo, colors,background, standard html elements like text, buttons, form elements, and some primary components like navigation bars, sidebars and footers.


Step Two: The Non-Functioning Prototype

The developers now take the storyboards and style tiles and they produced what we call the Non-Functioning Prototype (NFP).  The Non-Functioning Prototype is essentially a user interface built out of HTML, CSS, and basic Javascript.  It will eventually become the full blown application.  The NFP allows the diverse development team to have a “click-through experience” in order to clearly envision what the final product will look like.  We hard code mock data into the application in order to create an example of how the application will look in production.


Step Three and Four: Minimum Value Product and Final Product

Once the Non-Functioning prototype is solidified, we are in the home stretch.  From this point on, the developers understand the vast majority of the application requirements in order to write the additional javascript, and create a back end to be used by the application.  Once that is finished we have a Minimum Value Product (MVP) that can be tested and tweaked before it is finally released into production.


  • Roman

    cool article