Is there any other way to design websites besides Photoshop? I want to quickly build wireframes / mockups of the new user interface and I want to move the UI elements and rearrange them.

closed as off-topic by Charles Boyung, Charles Wesley, JonW Nov 1 '13 at 18:03

  • This question does not appear to be about user experience within the scope defined in the help center.
If this question can be reworded to fit the rules in the help center, please edit the question.

  • 2
    This looks like any number of software request questions that have been asked and closed as being off topic/not constructive: ux.stackexchange.com/search?q=prototype+tools – Charles Boyung Nov 1 '13 at 15:10

There are several options for wireframes/mockups.

I can recommend you some software dedicated for that:

  • Axure
  • Omnigraffle
  • Balsamiq Mockups
  • iPlotz

All these programs contains several UI elements and you can download and load more collections of them. Furthermore Axure is a really powerful tool for prototyping. Just let you know that no one of these ones are free software.

Recently also I've used other software like InDesign, which is quite interesting and with a lot of possibilities, but you need to know properly the software.

  • I too use InDesign at work, and plan to carry out using it on my own personal projects. I highly recommend InDesign. – Majo0od Oct 31 '13 at 14:18
  • If you are an Adobe fan Adobe now has an application called Muse as well. I don't know if this is exclusive to Creative Cloud or not however. – Ryan Nov 1 '13 at 12:48

You might want to entertain the idea of using a responsive framework like Bootstrap, Foundation, Zimit, or a slew of other choices, to create site prototypes that you'll be able to preview easily in a variety of browsers and devices. It takes a little bit of getting used to, but there is much more flexibility provided by prototyping websites quickly by using an existing framework.

One of my favorite benefits other than being able to test on a variety of devices easily, is the ability to make changes quickly based on feedback I receive. As a small example imagine you have 20 screens that you've created in Photoshop and your client asks you to change a tagline that's on each screen. You'd have to open up each file individually and make the edits. Depending on how you construct your prototype using a responsive framework, you should be able to make this kind of edit in a single file saving you time.

This kind of approach of constructing prototypes is also recommended by Stephen Hay in "Responsive Design Workflow". That entire book is pretty much a guide to prototyping in this manner, although without a heavy focus on using out-of-the-box responsive frameworks. Best of luck on your project!

Not the answer you're looking for? Browse other questions tagged or ask your own question.