Interactive wireframing news

by Wolf Becvar on April 2nd, 2012

You may have already heard the news we published in our last newsletter. We are right now in the developing phase for some major editor updates in order to improve interactive wireframing. It’s all about iPhone UI elements and widgets. iPhone elements are already finished but whilst building them we realized that there is one thing that needs to be improved before we can release the iPhone elements pack: we need to update interactions.

Here is why: for building interactive mobile wireframes certain interactions we didn’t support in the past will become vital. Interactions like select/unselect, disable/enable, just to name two. Over all setting up interactions, editing interactions and keeping all interactions happening under control needs to become much easier in the future. That’s why we rethought the whole interactions process, built some prototypes and took them for a spin.

Introducing the all new interactions

 

Interactions, the core functionality of HotGloo, finally receive the level of attention they deserve. We are not only introducing new types of interactions e.g. select/unselect, set state value, disable/enable, delay, fade in/out, move, we are also rethinking and redesigning the whole interaction process.

Interactions in HotGloo will provide you with …

  • Less clicks: no need to switch from easy to expert interactions anymore.
  • Better overview: all interactions are listed in one place.
  • More flexibility: set up easy and expert interactions at the same time, sort interactions by order of appearance.
  • Intuitive set-up: linking to other elements will be way easier by selecting elements through clicks.

 

The interaction test panels



  1. Two column list: The disadvantage here is that you’ll find too much information in the action window. To set up an interaction the following steps are needed: select the element you want to link, select the event in the left column, select an action in the dialogue box, specify your action in the right column.
  2. The second version features an accordion. Probably on first sight the best overview but the biggest drawback here is that you don’t see all active interactions on first sight. You have to click through the whole list to edit or delete an interaction.
  3. The winner. Similar to No.1 except that the applied interaction is added to the left column. This provides a great overview on all active interactions. Easy to edit/delete.



We will implement the new features during the next weeks. Before we need to do some intensive testing and debugging.
Hope you like what’s about to come.

 

Author: Wolf Becvar. Find me on Twitter as @wdbecvar and

About the author

Wolf Becvar wrote 119 articles on this blog.

COO at @HotGloo - a kick-ass wireframe tool. Curator of Wireframe Wednesday , UX advocate and occasional speaker with a weak side for cycling.

From News

Comments are closed for this entry.