Exadel Tiggr: enterprise application prototyping and wireframes now with Web Preview (HTML/JavaScript/CSS generation)

New version of Exadel Tiggr was released, now with Web Preview (formerly HTML Preview) and sharing features. Exadel Tiggr is web-based enterprise application prototyping tool with real wireframes. By real I mean not drawings or mockups. Using drawings is fine but it’s difficult to take them to the next level, in other words, to see how the actual page will look. With Tiggr, what you prototype, it’s pretty much what you will get when running in a web browser. With the new Web Preview and sharing this becomes even easier. We like to call it What You See Is What You Get Prototyping (WYSIWYG-Prototyping).

To start, I decided to use Eclipse’s new Java project wizard which should be familiar to many developers:

Let’s assume we are creating a web version of the new Java Project wizard. It doesn’t have to be web, Eclipse is fine but to show you the Web Preview and share feature, it’s easier when it’s web-based. I then opened Tiggr and wireframed the same view:

As you can see, this is not a drawing. It’s a wireframe that very closely looks like the real wizard in Eclipse. There is a lot more information for the person creating the screen than you could include in a drawing. But, that’s not it. We can now preview how this will look in a web browser.

The preview will generate HTML, JavaScript and CSS for the wireframe. If you have any drop down lists like we do with values, you can actually click on them and view the options available:

You are pretty much getting the same result that you would get when running the real application. And that’s one of the key benefits.

View the prototype

This is the actual prototype that I created and shared with everyone. I’ll cover sharing in tomorrow’s blog post.

If you have multiple screens, you get a control at the top of Web Preview page that allows you to switch between different screens:

3 thoughts on “Exadel Tiggr: enterprise application prototyping and wireframes now with Web Preview (HTML/JavaScript/CSS generation)

  1. You could just save the generated HTML/JS/CSS and use it anywhere you want. I think the real benefit is that your prototype looks very close to your actual application. The team building the screens now has all the information they need.

  2. Pingback: Exadel Tiggr: sharing feature [in pictures] | Maxa Blog

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s