Tag Archives | IA

Enable Commenting on your Live Axure Prototypes

I’ve started work­ing on a large project as part of a team of 5 peo­ple recently. Aside from doing the visual design, I’m work­ing on the UX strat­egy and infor­ma­tion archi­tec­ture with an IA and UX designer from the US. We’re of course cre­at­ing most of our doc­u­men­ta­tion, user flows, wire­frames and pro­to­type in Axure RP Pro. He and I have been work­ing on the same project file using the new Shared Project fea­ture from Axure 5.x and col­lab­o­rat­ing on it through a free Subversion server (www​.myver​sion​con​trol​.com). That works very well and, once a day or some­times more often, I’ll gen­er­ate the Axure pro­to­type and FTP it to a pass­word pro­tected sub-​domain on my site so that other team mem­bers can con­sult it. There’s also other project file linked from a page in the pro­to­type. But there was one thing miss­ing from this process.

The thing is that, as of now, Axure pro­to­types do not han­dle com­ments on the project from other stake­hold­ers as some online pro­to­typ­ing appli­ca­tions like Protoshare do. But recently, I’ve dis­cov­ered a lit­tle script that enables us to inte­grate com­ments quite eas­ily using the free Protonotes ser­vice. That script is called Head Insert and has been devel­oped by another Axure enthu­si­ast named Joshua Morse. He orig­i­nally pub­lished ver­sion 1.2 in this blog post and recently updated the script to ver­sion 1.31 which can be found here.

What the script does is add a small bit of JavaScript code pro­vided by Protonotes when you signup (for free) to the head of each appro­pri­ate HTML file in the gen­er­ated Axure HTML pro­to­type. Then, when a user loads the pro­to­type in their browser, they can see com­ments added by oth­ers, edit/​reply to them and add their own through a tool­bar cre­ated through the Protonotes script. Using vari­ables in the script you can con­trol whether the tool­bar or the actual com­ments appear on page load by default. The com­ments them­selves are saved in a MySQL data­base on ProtoNotes’ server or, option­ally, on your own. It works very well and the great thing is that this is all free!

0

Rapid Prototyping Tools and Principles

Dan Harrelson from Adaptive Path has writ­ten a very inter­est­ing blog post titled Rapid Prototyping Tools and what makes good pro­to­types. My long time favorite Adobe Fireworks is men­tionned along with Axure RP Pro (which is a newer tool in my arse­nal) but also sev­eral oth­ers includ­ing online tools like Balsamiq Mockups.

What is most inter­est­ing to me in the post is the first part before he lists the tools and where he explains the prin­ci­ples of good pro­to­typ­ing and why it should be done in the first place. For me, this comes fol­low­ing a very well received pre­sen­taion at the IA Summint 2009 from Fred Beecher titled Integrating Effective Prototyping Into Your Design Process and which I fol­lowed through live tweet­ing as I couldn’t attend.

Both Harrelson and Beecher press the impor­tant point that cre­at­ing inter­ac­tive pro­to­types helps us design bet­ter user expe­ri­ences as they help val­i­date a design direc­tion early in the process before invest­ing a lot of money and effort into design or devel­op­ment solu­tions that may not yield the best results possible.

I strongly sug­gest you take a look at Dan Harrelson’s blog post and go through Fred’s pre­sen­ta­tion slides. They may put you on a track to improve your own process and deliver bet­ter solu­tions to your clients.

0

Discussion on Standards for Axure Design Librairies on Axlib

As I men­tioned in my recent “My Top 10 Web Design Tools” post, I have started using Axure RP Pro for cre­at­ing highly inter­ac­tive pro­to­types, wire­frames, site maps , flow charts and spec­i­fi­ca­tions. It is a fan­tas­tic appli­ca­tion with a lot of depth that can cre­ate very com­plex prototypes.

Axure also has a grow­ing com­mu­nity around it and, in recent months, sev­eral peo­ple and orga­ni­za­tions have started to cre­ate libraries of reusable com­po­nents that ease the effort of cre­at­ing sim­ple or com­plex inter­ac­tive wid­gets from scratch in Axure. A list of the best of these resources recently has been pub­lished on A Clean Design’s site and can be found here: http://​www​.acle​an​design​.com/​2​0​0​8​/​1​1​/​t​h​e​-​t​o​p​-​1​0​-​a​x​u​r​e​-​r​e​s​o​u​r​c​es/

One of those resources is the open source Axlib project who’s aim is “to cre­ate a robust design library of com­mon inter­ac­tion pat­terns for use with Axure RP”. Axlib is both a Google Group as well as a Google Code repos­i­tory for the lat­est ver­sion of the librairy. The rea­son I men­tion Axlib specif­i­cally is that there’s a great con­ver­sa­tion going on now in the Google group about how those open-​source Axure librairies should be stan­dard­ized both in terms of how they are cre­ated and doc­u­mented and any­one involved in UXD that is using Axure or is inter­ested in using it at some point should par­tic­i­pate. Some of the issues under dis­cus­sion include:

  • Width of wid­gets (assumed page width, perhaps)
  • General look and feel, per­haps a sim­ple color palette
  • Level of fidelity
  • Level of interactivity
  • Use and doc­u­men­ta­tion of Variables
  • Use and doc­u­men­ta­tion of Raised Events
  • Fonts and font size

If you are an Axure user, give this and other librairies a try and get involved in the community!

2