Tagged: mockups

Exadel Tiggr mockups new feature: upload assets

Exadel Tiggr - a web-based tool for creating, sharing and collaborating on application mockups just got a new feature: upload your own image assets. It’s now possible to upload your image and use it in a mockup.

To upload an asset, select Project/Assets… and you will see the following screen:

You can upload one or more images to be used later.

When you need to insert your image, drag and drop Image widget into the scene:

Click the image and from image properties (on the right) click Change… to open the assets windows (from above). Then just select the image you want to use.

Let’s say you wanted to create a page that searches RichFaces user guide that looks like this:

Pretty cool, right?

Exadel Tiggr mockups – dynamic widgets

One of the neat features in Exadel Tiggr mockup creation and sharing tool is dynamic widgets. Let me explain. Let’s say you have a tab panel with three tabs. Different content goes into the three tabs. When designing mockups, there is no simple way to show what content/widgets go into the first tab, the second and so on. With Tiggr it’s very simple because the tab widget is dynamic. In other words, you can click on the tab and switch between them. This way you can place different content into the tabs during design as in real application.

First tab:

Second tab:

Third tab:

To edit tab label, just double-click on the text. And, to add/remove tabs, click on the tab and invoke the context-menu as shown:

Need to create UI mockups? Drop your pencil and try Exadel Tiggr!

If you are working on mockups for your application, then drop your pencil and try Exadel Tiggr. Tiggr is a web-based collaboration platform for creating and sharing mockups online. If you are working with a customer or a remote team, it’s the perfect tool to collaborate on UI design. If you need any help or have questions, head to http://getsatisfaction.com/exadel.

Introducing Tiggr – create and share mockups in real time

As the creators of RichFaces, Exadel is involved in a large number of projects where RichFaces is being used. In most cases, the development is done by remote teams where the customer is working with Exadel’s teams in Eastern Europe. In some instances one or more developer could be at the customer site as well.

One of the challenges that we always faced is how to create page mockups when working with remote teams. The usual approach is for a designer to create mockups in some format and then email them to the team or the manager for feedback and review. Of course this approach presents a number of challenges such as time delay, and difficulty in providing feedback to the mockups. You end up writing on the graphic with arrows and text suggesting where to place or move various visual components.

Image if you could create and share mockups with any number of remote users instantly? Any changes you made to the mockups would instantly be seen by every one else viewing the session. Let’s say you need to move the Login component slighty to the left, you move it to the left and everyone viewing the session sees the change. No more going back and forth via email. Considers this as a “live whiteboard” where any number of remote users can create mockups in real time. Think of it as Google Docs for mockups.

This is a good time to introduce a new service from Exadel called Tiggr. Tiggr allows to create and share mockups in real time with collaboration. In the near future we will add the ability to generate a RichFaces UI from the mockup and can extend it for any other UI technology.

We are going to open the service to everyone very soon. If you are interested to try the service right now, please send me an email. I will post more details about various features tomorrow. For now, here is a screen shot of how the new service will look:

Designing a Login page: