Max Katz

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: