This site is designed to work with IE7 or greater. Please consider upgrading your browser.

ForeUI: Create Skinnable & Interactive Prototype

ForeUI is a handy UI prototyping tool. It can rapidly create skinnable and
clickable UI prototype for your website or software, and run the interactive
simulation in your web browser.

ForeUI provides a set of predefined elements for creating mockup, you can drag
them into the editing area and tweak them. You can also create your own elements
and libraries.

ForeUI makes prototype skinnable, by changing the UI theme, all elements in
the prototype will change their look. Currently ForeUI provides four UI themes
for prototyping, including Hand Drawing, Wireframe, Windows XP and Mac OS X
themes. These UI themes cover the high, middle and low fidelity degrees, you
can switch the UI themes at anytime, thus the fidelity of wireframe will be
switched as well. The figures below is the same mockup rendered with different
UI themes.

   
 
   
  

You can define the prototype behavior by creating the flow chart for handling
specific events, it will work as you expected during the simulation.

You can click the "Run Simulation" button to run the prototype in
your web browser. All defined behavior will be converted to JavaScript and work
in the browser.

ForeUI works on Windows, Mac OS X, Linux and Solaris. You can choose the tool
look and feel if you'd like. Here are some screen shots for ForeUI with various
look and feel.



ForeUI with the default EaSynth look and feel



ForeUI with Windows XP native look and feel



ForeUI with Mac OS X native look and feel

Comments

jibbajabba's picture
jibbajabba
09/01/09 16:26

Thanks for posting the screenshots, Xavier! I was particularly impressed with the event capabilites but needed this peek into the properties for an event and that flow chart really helps. Excellent stuff.

Advertisement
Anonymous's picture
DRoss
09/01/09 17:29

They need a UI designer badly—for the app and their website.

Looks like a nice tool though. If the UI was better I might use it. lol.

Anonymous's picture
Dan
09/01/09 20:56

A UI Prototyping tool with a bad UI. Didn't see that one coming.

Andyg's picture
Andyg
09/01/09 23:39

For me the UI is just great! The layout is clear and handy, the look and feel is configurable too. Thanks Xavier!

Howard's picture
Howard
09/02/09 00:28

The tool is very impressive. The website is clean and decent. Good stuff!

LanceWhite's picture
LanceWhite
09/02/09 04:37

Very nice tool! Changing wireframe skin is so cool~ Look forward to more UI themes :P

Anonymous's picture
Josh Cothran
09/02/09 09:14

"Fore" "skinnable" UI designer? Really?!?! Come on, somebody had to see that coming.

Advertisement
jgodsell's picture
jgodsell
09/02/09 09:25

I know, and the whole thing has a sort of pinky beige skin-tone look to it too! :-O

Anonymous's picture
Anonymous
09/02/09 10:06

I like its brown look and feel, it helps me to distinguish the mockup and the tool itself.

Post new comment

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.