This is version 2 of the Better Defaults library, expanded to sixty five (or so) interactive and cleanly styled widgets. Use it in place of the standard widget set.

Reasons to use these widgets include:

• Consistent and improved styling.
• Polished interactivity.
• Standardized labeling.
• Expanded set of shapes & controls.
• Rollover, MouseDown, Selected, and Disabled styles for most controls.
• Includes all defaults.

This is for version 5.5 and above. Put the extracted .rplib file in your “My Documents\My Axure RP Libraries\” folder (Windows) or your “Documents\Axure\Libraries” folder (Mac).

Preview |  Download

1. Plan
   • Choose a central theme.
   • Make a list of widgets that will be included.
   • Determine a common style to use throughout the library. This may include color, grid, typography, interactivity, and copy.
2. Create
   • Open Axure RP.
   • In the widgets pane on the left, click the “Wireframe” dropdown and choose “Create library…”
   • Save the new document with a short, clear name—this will be the name that shows up in the library droplist for everyone.
   • Create each widget just like you would create new pages in a normal prototype.
3. Polish
   • Name everything that may be interactive. A dynamic panel for showing a calendar should be named something like “panel – calendar”. A submit button should be something like “button – submit”. This will help your users during annotation and spec generation.
   • Add Rollover, MouseDown, Selected, and Disabled states to interactive shapes like buttons. Right click the object > Edit Button Shape > Edit Rollover Style (etc).
   • Many widgets may contain more than one element. Group them together (ctrl + G) to ensure they don’t get separated when your users move them around.
   • Sort the widgets. This is difficult because you have to do it manually and there is no best sort order. Play around with sorting options, such as alphabetical vs. order or importance, to find what’s right for you. It’s worth the effort.
   • Add custom thumbnails. Another pain-in-the-butt task that will improve the professionalism of your library tenfold. Take your inner icon designer out for a spin and start producing 32 x 32 px thumbnails in .png format. Apply them to widgets by right clicking the Widget > “Widget Properties” > “Import Icon”. Make liberal use of screen grabs. Even your lamest effort at producing an icon will look better than the grainy compressed default that Axure spits out.
   • Add descriptions. I don’t always do this, but for complex widgets, it can be good to explain them a bit. Right click the Widget > “Widget Properties”. Put your description in the text area.
4. Distribute
   • Hosting .rp / .rplib files is fraught with issues due to their resemblance to .zip files. There is one true method for hosting these things successfully (take my word for it): Put the .rp / .rplib file(s) in a folder, and zip the folder. This is the file you distribute.
5. Announce
   • The best places to announce Axure libraries are:
   • Twitter (plug: I’ll probably RT you if you direct a message to @lorenbaxter).
   • On the Axure Forum.
   • Submit to Axure’s official list of resources.

Happy prototyping!

Kevin Wick has posted a very nice sketchy-styled Axure library.  I highly recommend it.

Prototyping in a very low-fidelity visual style generally helps your stakeholders provide feedback at the right level, as discussed in this article, and has been adopted by many other design tools, notably Balsamiq.

Web applications and sites these days are using many social features. This library, compatible with Axure versions 5.5 and up, contains many of the standard widgets you will need to prototype basic social functionality.

You’ll find a lot more than nice looking stencils – these widgets have polished interactivity, for your prototyping and usability testing needs. And always feel free to contact me if you have any requests or additions!

Preview | Download the Widget Library

(place the .rplib file in \My Documents\My Axure RP Libraries\ for it to load automatically when you start Axure)

Widgets in this library

• Add Friend
• Email This
• Favorite
• Flag
• Follow
• Leave a Comment (single and multi)
• Loading GIF (big and small)
• Post Status
• Rating (plus/minus)
• Rating (thumbs up/down)
• Rating (stars, with and without label)
• RSS
• Save
• Share This

Screenshots

Add to Friends Widget

Rating Widget

Email This Widget

Notes

Although they were developed separately, there’s a bit of an overlap with another neat widget library by Roslyn Zolandor.

Most of the icons in this library are from the awesome Silk Icons pack.

Axure Social Widgets Library by Loren Baxter is licensed under a Creative Commons Attribution-Share Alike 3.0 United States License.

About a month ago, the folks at Zurb published a nice article about sketching wireframes.  I went ahead and purchased some new sketching items including a nice thick sharpie and a cool gray “dropshadow” pen.

The difference in my sketches is incredible.  Zurb hits the nail on the head, saying, “Although we advocate keeping things as simple as possible, presentation is everything.”  I wholeheartedly agree.  While it’s important to stay in a sketchy, mostly grayscale environment while doing early prototyping, there is nothing wrong with keeping your deliverables professional looking.

In that sense, and through deep offense at the default White, Black, and Blue widgets offered with Axure, I’ve created a small library of widgets that are just a little more aesthetic.

This is for version 5.5 and above.  Put the file in your “My Documents\My Axure RP Libraries\” folder.
Download the Widget Library

This update includes some great new pattern libraries posted by the community.

Pattern Libraries

1. Ari Feldman’s OSX
2. AXLIB – Open Source Project
3. Mine (shameless, yeah)
4. 960px Grids
5. Axure’s Official Library

Training

1. Axure’s Official Examples
   
2. Axure’s Official Tutorials
   
3. How to do Animations
4. The Official Axure Forum
5. How to change Rounded Corner Radius

A big thanks to Richard Tsai over at Userxper for translating the pattern library into Traditional Chinese.  We’re going global!

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.

I am excited to present: The first Axure stencil library.

Demo the HTML OR  Download the Axure (.rp) file

The excellent Yahoo Design Stencil Kit has canned wireframe objects for Visio and Omnigraffle.  Unfortunately, no such kit can be found for Axure, a much hotter design tool for prototyping rich interactions.  If you’re an interaction designer and have avoided trying Axure out… stop avoiding.  It’s great.

In this first release, I’ve compiled the simple and advanced widgets that I use in day-to-day prototyping.  Are they perfect? No.  But they will give new Axure users an idea of what’s possible, and hopefully inspire advanced users with techniques they hadn’t previously used.  Note: This was created in Axure version 5.0.0.1515, no guarantees that it will work in older versions.

Interesting Widgets in this Library

• Calendar
• Embedded Video
• Expand/Collapse Animation
• Inline Edit
• Lightbox
• Live Search
• Photo Scroller
• Post a Message
• Rating
• Tabs

Boring but Useful Widgets in this Library

• A bunch of nicely aligned form elements with labels
• Rulers
• Various lengths of Lorem Ipsum text

]]> http://www.acleandesign.com/2008/09/axure-design-library-v1/feed/ 35