Monday Sep 29, 2008

A quick review of is geared towards rapidly creating low fidelity prototypes, including screen flow between various pages.

I decided to give it a try to see if it would help me show the flow between various portions of a screen and its associated overlays.  I wanted to create a very rough and quick representation of the screen to show the main flow between  the screen and its overlays.

Here is my first impressions:

The good

  • Fairly easy to figure out how to use
  • The run feature is nice as you can test drive the screen flow
  • It supports layers for reuse of wire frames
The bad
  • Right now there is no help.
  • There is no way to group widgets
  • There is no way to copy whole pages to another page
  • Lots of bugs still - but its in beta
  • I wish it had more widgets like tables and trees 

Nice concept and worth looking at when it matures a bit.  However, I am not sure if it is really better than my drawing a rough storyboard of my screens...

A quick example of the running application:
(marked up with the Cursor stamp using Snag it)

1. Main screen as first shownMain screen as first shown

2. After selection of OK from Search Overlay


3. Showing Add Record Overlay

4. A snap shot of a page being worked on.  I am setting  what page the OK button goes to.

Andrea Joy Kendall has been a Graphics and User Interface programmer and designer for over 20 years. She is passionate about designing for the user. Currently she is working on a Mock Up for the Open Source project Mural, Master Index Studio as part of the SOA/Business Integration Composite Applications group.

Tuesday Jun 17, 2008

Tools: Learning with Lynda

Recently I've been going through some of the tutorials at If you haven't heard of lynda, or haven't checked it out lately, you should take some time and look around the site. There are tutorials for all levels of expertise, and just about any tool you've heard of has been covered.

So far, I've gone through some of the content for Flash and Dreamweaver. Both of these tools have some excellent tutorials, and the presentation is very good. I've found though, that in the attempt to cover these tools comprehensively, I end up skipping around looking for the bits I don't know while trying to skip the bits that I do.

One of the nice things about the site is the way they've organized their content. Each tool has several tutorials aimed at users with different experience levels. For instance, the Flash tutorials focus on Actionscript, Mobile, Illustrator, and Flash in general. In each case, selecting a tutorial gives you a very nice table of contents for that "class". The "chapters" are organized well and generally fit my expectations.

In my case, as I knew very little about flash I chose to start with Flash fundamentals. As I began the tutorial, I quickly figured out I couldn't do these "start-to-finish" like I might normally take a class. What I learned (outside of new bits of Flash goodness) is that the sections for beginners generally cover all of the functionality in the tool, so users who've done work with other similar tools (like MDI based windows) will find these bits are called out and explained in painful detail.

The flip-side to this is that in order to learn something quickly, you need to skip some of the individual sections like "Understanding file types", "Exploring the toolbar" or "Working with ...". For me this was quite frustrating as I typically like to master the basic disciplines (with anything I do) before moving on to the more advanced bits. I'm usually just a little paranoid that I'll miss some tiny, innocuous step that then enables some of the more advanced functions.

What's worked for me here is using a different approach to absorbing the tutorial content. I'll find a section I'm unfamiliar with and start after the bits about "Understanding...", "Exploring...", etc. Usually the "Using..." type sections are just about right. In some cases I've found there's that innocuous bit that I don't know and can't infer from context, and so I'll stop the tutorial I'm running and go back to the section that covers what I missed.

Overall this is a new way of learning for me, somewhat uncomfortable, but none-the-less effective. It seems to take less time to get something new, but it's definitely not a linear learning process. I expect as we become more accustomed to using computer-based training, we'll also start changing the way we learn new things. "Change" still seems to be the only thing that doesn't.

Loren Mack is a design architect in xDesign who creates strategic and tactical designs for the Service Oriented Architecture/Business Integration group at Sun.


xDesign is a software user experience design group at Sun.
Follow us on Twitter : Flickr : Blog (see feeds below)


« July 2016