![]() ![]() Simply use the ‘Push/Pull Widgets’ option for panel changes (you can even add an animation) and watch as the other widgets magically rearrange themselves. Well, no more! Axure will now automatically move the other widgets about if you ask it to. Previously if you wanted to prototype an accordion, or expanding panel you had to move all the other widgets or panels by a predetermined number of pixels. Use push & pull rather than moving panels Used the disabled styles for a tab to indicate selection 6. ![]() Changes to tabs are now much easier to make. Also don’t forget to disable the default tab so that it’s initially shown as selected. On clicking a tab you disable this tab, enable the other tabs and change the dynamic panel to this tab’s content. You can then use the disabled interaction style for the tabs (see below) to indicate the current tab (for example by changing the colour). A better way to do this is to instead have one set of tabs and use the dynamic panels for the tab content only. Unfortunately this means that if you need to change a tab, or perhaps add a new tab you need to change ever dynamic panel. When creating a set of tabs (or pills) the tempting thing to do is to create dynamic panels containing each of the different tabs. Pages are easier to link to, appear in the prototype sitemap and with dynamic panels you often have to carry out complex onPageLoad interactions to preload a particular dynamic panel. I’ve found that it’s generally best to keep dynamic states to a minimum and to use pages where possible (rather than dynamic panels). Use pages over dynamic panelsĭynamic panels are brilliant but it can be all too easy to find that you’ve suddenly built an entire prototype from one page and hundreds of different dynamic panel states. The alignment tools (circled) are a great way to easily align and space out widgets 4. Simply select all the widgets and you can easily evenly space them out, or align them vertically or horizontally. Use the alignment toolsĪxure has some really useful tools for aligning widgets. Raised events can be used to deal with interactions between masters and pages, just remember to use sensible on event names, such as ‘OnCancelButton’. You simply change the master and Axure magically changes all the pages containing that master. ![]() No more having to update every individual page or panel. ![]() Masters are fantastic and should be used wherever possible. Don’t get too carried away because Neil’s patented law of diminishing Axure returns stipulates that the more time you spend on an Axure prototype, the less return you get on that time. That could be the bare minimum for usability testing, for demoing to business big wigs, or simply for communicating the design to developers. As ultimately an Axure prototype is by its very nature a throw away prototype (take a look at the code it creates and you’ll wince) you should really be prototyping the bare minimum that you need. It’s all too tempting to go to town when creating a prototype. However, just because you can, doesn’t mean you should. You can create vast pixel perfect prototypes, with lots of interactions, with advanced logic, with dummy data (now using repeaters) and even now responsive pages. Don’t get too carried awayĪxure is a very powerful prototyping tool. As such I’d like to share some useful Axure hints, tips and advice. Having used the tool for well over 5 years I now count myself as a bit of a black belt in Axure. As they proudly state on their website, Axure is used by 80,000 design and business professionals and has probably become the number one prototyping tool of choice for UXers everywhere. UX design, usability testing and user research are some of the areas that I have significant expertise in (along with the complete works of Father Ted), another is prototyping with Axure. I class myself as an expert in very few things. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |