I’ve been spending the past few days working on a dashboard for DEX. I’ve been using Python, javascript, and jquery to create this dashboard (partially as a learning exercise). Earlier today, I started thinking that a visual mockup of the dashboard might be helpful, as it will allow me to create and revise a design based on feedback without having to touch the code. At this point, I had already written a fair bit of code and had a rough but working early version of a dashboard coded. So for the first mockup, I simply created it to match my code.
Thanks to the generosity of the folks at Balsamiq, I was able to get myself a free key to create the mockup above. As I mentioned earlier, this is what the code currently looks like, not what it will look like. Next, I’m going to be spending some time revising that mockup so I have a visual goal to work towards. I also will be cleaning up the code that I currently have and making it available in a public VCS.
Nice job. Which tool did you use to create the mockup?
that’s explained in the posting, or more precisely: in the first sentence after the mockup
Shame that Balsamiq Mockups requires non-free software and is probably also non-free itself.
For mockups (or interface prototyping), I did discover those two links some time ago:
http://pencil.evolus.vn/en-US/Home.aspx which is a Firefox extension. I just discovered that it now features “sketchy” stencils (like your mockup).
http://developer.yahoo.com/ypatterns/about/stencils/ which are stencils from Yahoo.
Thanks for the shoutout, Nathan. Looks like your project is shaping up!
Foo, Balsamiq Mockups for Desktop requires Adobe AIR, which is free. And while our tool is for sale, we give lots of keys away to people and organizations who qualify under these requirements: http://balsamiq.com/free
Also, anyone can use the free version online (or the free 7-day demo), and use export/import to save your work.
http://balsamiq.com/download
I hope this helps.
balsamiqVal, you probably mean a different thing with “free”. The Debian free software guidelines require source code and the right to share and change it: http://www.debian.org/social_contract#guidelines
The blog post was showing up at http://planet.debian.org/ so people were naturally wondering if the tools used were compatible with the guidelines.
Pingback: Google Summer of Code Report #1 | Nathan Handler’s Blog
Pingback: Nathan Handler: Google Summer of Code Report #1 | DolphinClass.NET
Pingback: Google Summer of Code Report #1 | DolphinClass.NET