Reusability

For a special project I started to create a UI library in Axure. The goal was to set up a list of main UI components (including measurements) which I can easily just drag out of the so called Masters bar. And I also wanted to do some kind of interaction patterns (like ADD and REMOVE, Treeview, Search, …) which should then at least work consitently.

After some research I found this nice group via IXDA.org, where among other things a guy called Ari Feldman provided a complete OS X widget library, which is unbelieveable extensive, really awesome and very convenient for us to use now 🙂

For my opinion, the way I worked really changed since I have in mind that every new designed UI element should be reuseable. Before that I did not really focus on that much, because it was only prototyping. With the effect, that I created e.g. three different ADD and REMOVE components in o n e prototype. (Of course we must not forget the effect of progressing, but I think it is important to see this under some kind of control 😉

Of course I also use copy and paste, but creating real templates for every UI component is much more comfortable to use and I am much more aware of the consistency and the big picture.

Another benefit is to change the look of your UI. So you can easily change the colors or logos, because there is o n e place where all components are being edited and it (normally) effects the complete application.

Published by

Erhard Wimmer

Master of Desaster

5 thoughts on “Reusability”

  1. hi erhard,

    thanks a lot for this valuable ressource! i downloaded it and started to use it within Axure – and it`s really cool. yes you are right, it´s much more efficient to work out of a template lib.

  2. Great, you could use it. Yesterday I found more… 😉 on http://www.acleandesign.com/2008/11/the-top-10-axure-resources/ :

    Pattern Library v2
    http://www.acleandesign.com/2008/09/axure-design-pattern-library-v2/

    Axure’s own library:
    http://www.axure.com/Samples/AxureRPDesignPatterns/AxureRPDesignPatterns_Start.html

    I still dream of a library using search-as-you-type, where you get interaction patterns – best as images.

    On http://flickr.com/groups/designpatterns/ we can find something going on that way, but it’s still not that easy to find the patterns I need … any ideas?

  3. @ yahoo patterns: sure, also a great ressource. Pity it’s not available for Axure, as you mentioned. But absolutely worth a look. I’d appreciate o n e big PNG with all patterns, which I could open in my browser.

Comments are closed.