Tagged: collaboration

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.

Exadel Tiggr – create and share mockups online


Click image to view larger version

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.

Exadel has created an online application called Tiggr to let’s you do just that. Create and share mockups online with any number of designers, developers, project manager or anyone you want. The best way to see and learn what Tiggr can do is to create an account (we only ask for your email), then create and share some mockups with your team.

Try Tiggr Now

Tiggr features

  • Hosted

    • Nothing to download

    • Keep your work online, access from anywhere
    • Create mockups in minutes
  • Collaborative

    • Invite your friends/colleagues/clients
    • Share and edit your mockups

    • See updates in real-time

    • User chat
  • Visual editor

    • Drag-and-drop
    • Fast and easy
    • Components tree

    • Properties editor

    • Multiple scenes (screens)
    • RichFaces components as UI design elements (Tiggr is the only design tool offering RichFaces support.)

      • Containers with various layouts (vertical, horizontal, flow, absolute)
      • Tab panels
      • Most popular JSF/RichFaces components
      • Data table with cols/rows span/split
  • Export

    • Make screenshots and save on your computer

Roadmap

Release 1.1.2

  • Images as project assets
  • Standard editing tools(copy/cut/paste)

Release 1.1.3

  • Project skins and default styles for UI components

Release 1.1.4

  • Markup palette
  • Project preview and export in HTML

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: