Mobile app version of vmapp.org
Login or Join
Shelton719

: Best tool to create a mock GUI quickly? I'm looking for an application/tool to easily create a mock GUI. This GUI will be used by users to control home devices remotely. They can login to

@Shelton719

Posted in: #Mockup

I'm looking for an application/tool to easily create a mock GUI. This GUI will be used by users to control home devices remotely. They can login to a website or use an application to view/control devices. The GUI should look good, but nothing very fancy. It should have checkboxes, lists, radio buttons etc.

The important thing is that since this is just a mock, it should be quick to prepare. While I am a programmer and know C, Python, I would prefer something where I can just drag and drop elements and make a website GUI rather than code.

The software/tool must be free or very cheap. I thought of Dreamweaver, but it's expensive and I guess I'd need a small learning curve (CSS, HTML..)

What should I choose?

10.05% popularity Vote Up Vote Down


Login to follow query

More posts by @Shelton719

5 Comments

Sorted by latest first Latest Oldest Best

 

@RJPawlick971

Adobe Edge apps are free to try, and after a 30 day trial you might even subscribe. You can also try webflow.com, but that will only let you download the html and css with a paid license, or just go HTML Kickstart and get in on that not so steep learning curve.
For simple wire-framing I found nothing better than Balsamiq Mockups

10% popularity Vote Up Vote Down


 

@Merenda852

buy ui kit, will be the best option from creativemarket.com

10% popularity Vote Up Vote Down


 

@RJPawlick971

must be free or very cheap



Inkscape
the GIMP
Paint.NET
Google Draw
HTML/CSS/JS
HTML/CSS/JS frameworks
Open Office

10% popularity Vote Up Vote Down


 

@Nimeshi706

I use Adobe Fireworks(available in CS6 and below). It's very simple(especially if you've used adobe photoshop or illustrator) and, I believe, offers all the components you mention. One downside is that you need to import vector art for very specific elements which might be in other programs; however, this process makes for better designs!

10% popularity Vote Up Vote Down


 

@Lee3735518

If you're looking to just mock up a UI, there are a lot of free / cheap tools, but you will still have to wire up the backend code yourself. Here are a few Bootstrap based examples:

jetstrap.com/demo www.layoutit.com/ www.easel.io/demo

You can also try something like Balsamiq Mockups for just rough prototyping.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme