More patterns for ya! This is Version 2 of the first Axure stencil library.
Demo the HTML OR Download the Axure (.rp) File
What’s new in this version?
I’ve gone a little nuts with some of these. There are a few new techniques, described in my last post about Click and Drag simulation, as well as some simpler but useful widgets.
- AJAX Field Validation
- Carousel
- Carousel with simulated “Click and Drag”
- Field Validation
- Hover Tip
- iPod Menu
- Map
- Map with simulated “Click and Drag”
- Progress Bar
- Self-Healing Delete from List
- Tabs Left
The “Click and Drag” widgets are still a bit rough around the edges, so I’ve marked them “beta” and recommend against using them for user testing.
What if I want to add something to this library?
People have contacted me interested in contributing to the library, and I think that’s a great idea. Until a site gets set up where users can upload their own, the current method for submitting designs to this template is to e-mail me at: loren at acleandesign dot com. I’ll be happy include well-polished masters and to credit the author. It’s not a permanent solution, but I don’t have time to create a full community site.
Great library, thank you!
This is brilliant! For me, the lack of an Axure library was the software’s biggest disadvantage. Thanks for producing this.
I’m very new to Axure(moving from OSX to have a propper prototyping tool) – how do I install this brilliant library?
The lack of a “widget library” is frustrating compared to Omnigraffle fx.
The library is an .rp file – all you should have to do is open it with Axure. Alternatively, you can go to “File > Import from .rp File”, select the library and take whichever masters you need.
If you’re having trouble downloading, try using Firefox. Some other browsers have trouble with the download.
Great Library! Thank you – kudos
This is absolutely brilliant! Thanks for taking the time to develop the library and for sharing it with everyone.
Great Library! Thank you!
http://webppd.5d6d.com/thread-120-1-1.html
Erk! This library is under a CC BY-NC-SA license!
This means you can’t distribute derivative works based from it and make money from that. It’s in the nature of a pattern library that you can make derivative works from it. A BY-NC-SA restriction means very few people can legitimately this unless they were working in and for non-profit organisations.
Is there a reason why this isn’t under simply a BY license?
@Jonathan Because, being inexperienced with copyright law, I poked around creative commons and used one that looked reasonable without fully understanding the implications! Thank you for pointing that out – I’ll be sure to update the license ASAP.
That’s OK Loren – and apologies for my ranting (and typos)!
This does illustrate a potential problem with CC licensing though: it’s deceptively simple. For example, I think your use of the “share-alike” restriction would mean that any derivative work from this library would demand that the works (ie the web sites) that they were used in would also have to be under the same licence – what might be termed a “viral” effect. But I’m not sure, and it may depend on the jurisdiction, which in turn depends on whether CC has been “ported” to that jurisdiction… hm.
And while I’m rambling, you can of course change the licence (or give the library more than one type), but a licence is non-revocable. This means that in theory you might still be able to prosecute somebody who made commercial use of a pattern while the library was under a non-commercial restriction. Whahoo!
Thankfully I’m not the prosecutorial type
if that’s even a word.
I think it also depends on how you define derivative works – for instance, these widgets are used in Axure prototypes, which are just designs. If someone builds a website based on these designs, but reuses none of the code, does that count as reuse? Personally, I don’t think it does, but I am no expert.
When I open the .rp file I only see the carousel and map widgets. How do I view the others?
Thanks for the great work!
Hi Berry,
I think you’re downloading an .rp file from another post: http://www.acleandesign.com/2008/09/click-and-drag-simulation-in-axure/
Try the one above on this page and it should work! http://www.acleandesign.com/m/Axure_Stencils_2_ACleanDesignDotCom.rp
Not sure if anyone has posted this here yet, but the Yahoo stencils are finally available for Axure. Since I haven’t had the chance to test them yet somebody else would have to do it.
http://developer.yahoo.net/blog/archives/2009/08/design_patterns.html
It is also on the Axure page:
http://www.axure.com/widgetLibraries.aspx#Widget_Libraries
Keep up the great work.
Cheers Thomas
Thomas: You are absolutely right. I have a bit of updating to do
I’m just trying out Axure and I came across your library of interaction widgets. I am really impressed, this library alone pretty much makes the sale for moving to Axure.
However, I just wanted to clarify the licence you have attached, as it still seems to be non-avaliable for commercial work.
Are you intending to change it so that it can be used as part of commercial UX design work? As mentioned above, the library is incredible, but the current licence limits it pretty much to Not-for-profit work.
Otherwise, great work!
This is great. Nice job putting this together. This has saved me lots of time.
Great stuff, thanks for making and sharing! I especially appreciate learning from your approaches to creating widgets and masters.
I look forward to hearing you at AxureWorld this weekend.
Yesterday, I posted a widget library where all the widgets look like they were pencil drawn. This sketchy look was based on the Visio stencil by Niklas Wolkert. Here’s the blog post with info, demo, and download: http://consulting.ascentium.com/blog/ux-seo/Post222.aspx
Cheers!
Great library, thank you!
I updated the licenses on my libraries a few months ago, but never mentioned it – they are all now the basic CC Attribution license. Thanks for the feedback everyone.