2

I have nothing to do with design, because I don't know how to mix two colors. Some time ago, I've read about some tools which are used in the creation of interfaces for application and web pages.

In that article were mentioned some tools, and one of them was a free firefox add-on. I'm not looking specifically for that add-on, but the idea is that those types of applications aren't very advanced in order to be used by professionals in the design field.

Do you have any idea about what I'm talking about? Can you name some of those applications?

2
  • 1
    are you asking about 'wireframing' tools?
    – DA01
    Sep 22, 2011 at 12:56
  • 1
    @DA01: It sure sounds like it. Sep 22, 2011 at 13:40

5 Answers 5

4

I use two Wireframing tools

Have fun :)

1
  • "almost a working web app" uh, no. It 'looks' like a working app but, alas, the code Axure creates is horrendous. Axure has its places but it's important to realize it's nothing like the actual working app under the hood.
    – DA01
    Sep 22, 2011 at 17:56
4

For most wireframing I use a pencil, paper and markers. I find it's the quickest method for me. For more detailed stuff I may jump into a vector illustration app (AI or Inkscape or the like) or use some of the drawing apps on the iPad for that.

2
  • Sometimes pencil and paper really works best. Sep 22, 2011 at 18:33
  • They really do (and whiteboard rocks)
    – user7179
    Nov 11, 2012 at 13:09
2

In addition to Mateus' answer, any basic vector drawing tools will do the job. Presentation software such as MS PowerPoint, OpenOffice Impress, Apple Keynote work well, as you can show changes over multiple pages or using basic animation. You probably have one of these available to you right now...

More complex vector drawing tools such as MS Visio, Inkscape or Adobe Illustrator can also be used.

Although UI element libraries won't be included out-of-the-box for any of these, you'll be able to find some for download.

0
1

This one http://softwareprototyping.net/review-justproto/ JustProto is a good thing to try between Axure and BAlsamiq :)

1

Take a look at WireframeSketcher wireframing tool. Here's what it can do for you:

Website wireframe

1
  • It's a matter of preference. Many users feel that wobbly lines communicate better that a screen is just an idea sketch and not a final design. You can switch to straght lines if you wish. Jul 31, 2013 at 4:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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