pattern or feature inventory (as in contentinventory)

15 Dec 2006 - 1:15pm
653 reads
Kelly Snow

Hi Jay,
I recently completed my master's project on UI design patterns. My team
and I developed a pattern library for UC Berkeley. Our target audience
is web developers who build or maintain web applications. The
educational community is a bit unique from private industry and so we
tailored to their needs. The content of our library does not demonstrate
cutting edge interactions, (can something be both cutting edge and a
pattern at the same time?) but our experience in building the library
was valuable to other campus projects looking to do something similar.
Additionally, our work provided a starting point for a pattern library
being developed for an open source software project (Sakai).

To your specific comment about documenting an interaction, we captured
static images and annotated them in photoshop. This turned out to be
time consuming for us, useful for our end-users. I do wonder what Yahoo!
uses to create their animations used in their design pattern library. I
think they do these very well.

Project Information

Pattern Library (linked from projet site)

Methodology for creating design patterns

Another paper to review for capturing patterns is the Yahoo! case study.


-----Original Message-----
From: discuss-bounces at
[mailto:discuss-bounces at] On Behalf Of Jay
Sent: Tuesday, December 12, 2006 8:36 AM
To: IAI list; ixda
Subject: Re: [IxDA Discuss] pattern or feature inventory (as in

I appreciate the responses so far.

Allow me to reframe this question: I am looking for a method to capture
and present interactive elements on a competitor's site.
I'm thinking of an interaction designer's version of the IA's content
inventory. I want to inventory interactive features, rather than
content and links. Any ideas?

For example, in a previous job I had TechSmith's Morae(R) which would
allow me to capture dynamic aspects of an interaction, or an entire
experience. I do not have Morae now. I have an older version of
SnagIt(R), which does not have the 'video' capture mode that Iv'e used
before in later versions of
SnagIt. I've never used Camtasia(R), but have successfully shown that
can hit three TechSmith products in one email.

I hope to learn some a new way of doing this. Or, understanding that I
need to make the case to buy the upgraded versions of software I'm
familiar with.


On 12/11/06, Jay Morgan <jayamorgan at > wrote:
> ia/IAs and d/Designers,
> <no apologies for the cross-post>
> Has any of you ever created a graphical inventory of features, design
> patterns, or functional elements? If so, please share learnings or
> examples. I'd like to hear what format you used, how you presented
> it, and what worked or didn't?
> I'm specifically considering an inventory of competitors websites. In

> this case, if I cataloged patterns, I wouldn't be listing the
> explanation found on a usual pattern library, but showing how they
> visually accomplish something or behaviorally execute a transition.
> Thank you.
> --
> Jay A. Morgan
> jayamorgan at gmail

Jay A. Morgan
jayamorgan at gmail
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at List Guidelines
............ List Help .................. (Un)Subscription Options ...
Announcements List .........
Questions .................. lists at Home ....................... Resource Library ...........

Syndicate content Get the feed