Step-By-Step Prototype and Release

Posted by Jeff Dwyer

Jul 14, 2014 12:28:00 PM

This is part of our "Post-Natal" series on the development of ForceRank.it see Building ForceRank.it for the rest of the series.

So What Does Product Development Look Like?

I've talked a bit about how blown away I was by the speed of developing a new application in 2014, but what does that really mean? I thought the best way to show how it actually went down might be to just take a day-by-day look at what we accomplished. Enjoy!

Sept 6th Day 0

Login and a hello world. NBD, until you realize that out of the box you've got password reset emails, user creation, remember me etc, all running live on Heroku. 2014 is awesome.

sept_6th

Sept 7th Day 1

Installed Foundation by Zurb so out of the box have a nice nav, which is responsive and works on mobile.

Also static mockups of the voting screen. You can see the mock in Early Designs. The nice thing about getting this in HTML quickly was that I could start seeing what was going to happen on mobile, which was a concern because of the "drag left to right" design.

sept_7

 

Screen_Shot_2014-07-05_at_6.24.38_PM

Sept 9th Day 3

Report page mockups finished. All of this is still static. Work is proceeding on the backend as well, but it was easiest to just plow ahead on the front and worry about hooking things together later.

Screen_Shot_2014-07-05_at_6.30.48_PM

Screen_Shot_2014-07-05_at_6.37.15_PM

Sept 18th Day 12

Work really only happening on weekends and still you can see that by day 12 we've got a functioning system. Real voting. Real rankings. I'd say that we'd spent about 30 hours so far.

 

Screen_Shot_2014-07-06_at_4.45.09_PM

 

Screen_Shot_2014-07-06_at_4.46.56_PM

And looking good on mobile. You can see in the third screenshot that I've cut out the comparer tool from mobile. This seemed like a fair tradeoff to me. Data-entry needs to work on mobile because you're going to receive an email asking you to vote. But data analysis can wait for the big screen.

Screen_Shot_2014-07-06_at_4.48.39_PM

So that's it! Two weeks from drawings to functional prototypes. Our next step was to stop coding, get out in the field and watch some people try it. 

You can read more about how they liked it and what we did next in The Building of ForceRank.

Try ForceRank Free  

Topics: Product Design

   

What is ForceRank?

ForceRank is a prioritization tool for product managers. It helps people identify priorities, make tradeoffs, compare results and finalize a plan.

Try ForceRank

Follow Us