- dotTech - http://dottech.org -

[Review] ForeUI

{rw_text}Giveaway of the day for May 3, 2009 is:

ForeUI [1]

Version reviewed:


Software description as per GOTD:

ForeUI is an easy-to-use screen mockup tool which can rapidly create the UI prototypes of your applications. It provides many common UI elements and you can build your mockup with just drag and drop. Various UI themes are available for mockups; you can perform the UI prototyping with Wireframe, Windows XP or Mac OS X UI theme. Also you can turn on the rumple effect to make your prototype more like a “Design on Paper”.

————————-{/rw_text} –>


{/rw_good} –>


{/rw_bad} –>

{for=”Features as Described” value=”10″}All features are there.
{for=”Ease of Use” value=”9″}I find it annoying that you must drag + drop and can’t select + create but it is still very easy to use.
{for=”Performance” value=”6″}Uses quite a bit of RAM + two annoying bugs.
{for=”Usefulness” value=”3″}While ForeUI can used in creative ways, this program is meant for application designers, or people associated with creating a program – most people won’t find it useful. Even amongst the application designers, same may find ForeUI too simplistic.
{for=”Arbitrary Equalizer” value=”7″}This category reflects an arbitrary number that does not specifically stand for anything. Rather this number is used to reflect my overall rating/verdict of the program in which I considered all the features and free alternatives.
{/rw_score} –>

{/rw_verdict} –>

Registration and installation went fine. Note that ForeUI is a Java application so you must have Java installed to use it. Most people already have Java so don’t worry about it. If you don’t have Java, ForeUI should prompt you to install Java during ForeUI installation; if not, you can download Java from Java.com [2]. Thanks to Jim for correcting me: ForeUI installs its own “private” Java regardless of if you have Java installed or not. It is under in the “jre” folder under “Program Files/ForeUI”. On the developer’s website there is a install w/ Java and w/o Java and apparently the installer given out on GOTD is w/ Java.

ForeUI is a program that allows people to create UI mock-ups. A “UI” is a “user interface”. In other words, ForeUI lets program/application developers design what their interface will look like before they actually start creating it.

This is what ForeUI looks like:

2009-05-03_005846 [3]

All the elements that you can use in your UI are on the left and the big white rectangular space in the middle is where you create the UI. By default the rectangular space is 640×480 but you can change that from the bottom toolbar:

2009-05-03_010228 [4]

To start creating your mock-up, all you do is drag + drop the elements you want in your UI into the rectangular space. These are all the elements available for you to use:

foreui_elements [5]

Once you have placed an element into the rectangular space, you can resize it, move it around, change the opacity, change the various parts of the element (such as Window buttons), change the color, edit the text (if applicable) etc.:

2009-05-03_011249 [6]

The element customization will vary depending on which element it is.

To help align up the elements properly, there is a grid system:

2009-05-03_011447 [7]

“Object Snap” helps you line up elements relative to other elements. When you bring one element close to another it will activate:

2009-05-03_011851 [8]

“Grid Snap” also helps you line up elements, but relative to a grid as opposed to other elements:

2009-05-03_012037 [9]

When you are all done with your UI mock-up, in addition to saving the mock-up as a “Plot” so you can edit it later, you can export the UI mock-up as a PNG image:

2009-05-03_012212 [10]

To reinforce all that I have said above, here is a short 3 minute tutorial video by the developer demonstrating how to use ForeUI:

2009-05-03_012421 [11]

To view the tutorial, click above. If you are unable to view the tutorial by clicking above, click here [12].

Okay so overall I must say that I like this program. It is easy to use and helps you create great, traditional UI mockups. Thumbs up from me. However there are a few cons worth mentioning:

2009-05-03_013813 [13]

What it should be is this:

2009-05-03_013841 [14]

2009-05-03_014031 [15]

You can click + drag and move the element editing options window away though:

2009-05-03_014039 [16]

Where ever you put the window keep in mind that it will show up there the next time you click on any element. So if you place a new element under it, the window will once again cover the new element when you select it.

This review was conducted on a laptop running Windows Vista Home Premium 32-bit. The specs of the laptop are as follows: 3GB of RAM, a Radeon HD 2600 512MB graphics card, and an Intel T8300 2.4GHz Core 2 Duo processor.

{rw_freea}All of what is done in ForeUI can be done via a Photoshop like tool. It won’t be as easy to create a UI mock-up with the Photoshop like tool but you will have more freedom in areas like the shape of your UI window for example.

Please see comments below for various free alternatives.

{/rw_freea} –>

{rw_verdict2}True ForeUI has limited usefulness for most people. Also true that it is resource intensive, it caters to only traditional UIs and it has a few annoying bugs. However overall I like ForeUI. I give it a thumbs up and recommend it to anyone that needs to create a UI mock-up.
{/rw_verdict2} –>