pattern or feature inventory (as in contentinventory)

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

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
http://www.ui-designpatterns.org/index.html

Pattern Library (linked from projet site)
http://harbinger.sims.berkeley.edu/ui_designpatterns/webpatterns2/webpat
terns/home.php

Methodology for creating design patterns
http://www.ui-designpatterns.org/tr/MethodologyPaper.pdf

Another paper to review for capturing patterns is the Yahoo! case study.
http://www.boxesandarrows.com/view/implementing_a_pattern_library_in_the
_real_world_a_yahoo_case_study

Cheers,
Kelly

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

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
I
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.

Thanks,
Jay

On 12/11/06, Jay Morgan <jayamorgan at gmail.com > 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 ixda.org List Guidelines
............ http://listguide.ixda.org/ List Help ..................
http://listhelp.ixda.org/ (Un)Subscription Options ...
http://subscription-options.ixda.org/
Announcements List ......... http://subscribe-announce.ixda.org/
Questions .................. lists at ixda.org Home .......................
http://ixda.org/ Resource Library ........... http://resources.ixda.org

Syndicate content Get the feed