Amanda, the new Axure apprentice, stood silent as FuYoda teed off on the short par 3 at the new “Design Space” Golf course. As FuYoda’s ball began rolling slowly yet surely across the green for yet another hole in one, the apprentice started a conversation.
“Great shot FuYoda,” said Amanda. “Your golf skills are like your Axure skills: three times faster than most people’s”.
The Master replied: “Hummm, more quick with Axure, more time for golf like this”.
“I think it will take me a long time to learn to do things so effortlessly,” said the apprentice.
“Hummm,” said the Master, “Some things take time —some things shortcuts have. Like page layout.”
“Please Master,” said the apprentice, “Tell me your page layout tips for Axure.”
OK, enough with the Yoda language. Let's look at 5 shortcuts for laying out Axure pages in record time.
Two types of guide
When lining widgets up on pages, most Axure users knows that you save a lot of time by dragging on a guide from page rulers with the mouse. Not only do guides provide a visual cue but, by default, Axure widgets snap to these guides as well. By default, these guides are blue and they appear only on the page where they were created.
However, if you hold down the Ctrl key during the drag you end up with a red guide. These guides appear on every page, including masters and all dynamic panel states. This makes them ideal for lining up widgets across multiple pages. Global guides can also be imported from other Axure files if you have spent a long time setting them up or you want to use them to help implement a style guide or standard page formats.
Axure's two types of guide.
Two types of selection mode
Axure has two selection modes: ‘Contained’ and ‘Intersected’. In ‘contained’ mode, when you draw a selection box, every widget totally inside the selection box is selected. In ‘intersected’ mode, any widget that is touched by the selection box is selected.
Axure's two types of selection mode: 'Contained' (left) and 'Intersected' (right).
When pages get complex, alternating between these modes makes selecting multiple widgets much faster. In fact, sometimes it’s pretty much the only way to make the correct selection. You can quickly alternate between these modes using the keyboard shortcuts: F9 for intersected and Ctrl-F9 for contained mode.
Most Axure users know that you can ‘nudge’ a widget (or set of selected widgets) one pixel at a time using the arrow keys on the keyboard.
But if you hold down the Shift key at the same time, Axure will first nudge the widget so that it lines up on the grid in the direction of the nudge (if its not already lined up in that direction). Subsequent nudges will move the widget one whole grid space at a time.
If you 'nudge' with the shift key held down, widgets line up with the grid.
If you have spent time carefully positioning a widget you can lock it using the padlock icon (or Ctrl-K). You can also lock a whole selection of widgets. Locked widgets have a red border and control handles and cannot be moved with the mouse. Use the unlock icon (or Shift-Ctrl-K) to unlock widgets.
Widgets can be locked (left) or unlocked (right).
Use typed input to resize and/or position multiple widgets at the same time
Very often, we want to make several widgets the same (specific) size or maybe just the same height or width. Likewise, we often want to give multiple widgets the same X or Y position on the page. A good example of this is when laying out a top menu bar. We want all the widgets in the menu bar to have the same height and the same Y position (we may or may not want them to all be the same width).
Axure has a simple yet powerful utility you can use to achieve this. Select the widgets you want to resize/position then type in the correct values in the “Location & Size” section in “Formatting” mode within the “Widget Properties” panel.
You can use the "Widget Properties" panel to reposition and resize multiple objects.
About the author
Dr. Ritch Macefield (@Ax_Stream on Twitter) holds a BA in Creative Design, an MSc in IT/Computing and a PhD in HCI. He is an acknowledged expert in Axure having led Axure projects for clients like Thomson-Reuters, Dell computers and Vodafone. He was a panel speaker at Axure World 2012, contributed to the book “Axure RP 6 Prototyping Essentials” and founded the Axure RP Pro LinkedIn Group.
Foundation Certificate in UX
Gain hands-on practice in all the key areas of UX while you prepare for the BCS Foundation Certificate in User Experience. More details
Every month, we share an in-depth article on user experience with over 10,000 newsletter readers. Want in? Sign up now and download a free guide to usability test moderation.
User Experience Articles
Our most recent articles
Search for articles by keyword
- 7 articles tagged accessibility
- 4 articles tagged axure
- 5 articles tagged benefits
- 16 articles tagged careers
- 8 articles tagged case study
- 1 article tagged css
- 8 articles tagged discount usability
- 2 articles tagged ecommerce
- 19 articles tagged ethnography
- 14 articles tagged expert review
- 2 articles tagged fitts law
- 5 articles tagged focus groups
- 1 article tagged forms
- 7 articles tagged guidelines
- 11 articles tagged heuristic evaluation
- 7 articles tagged ia
- 14 articles tagged iso 9241
- 11 articles tagged iterative design
- 3 articles tagged layout
- 2 articles tagged legal
- 11 articles tagged metrics
- 3 articles tagged mobile
- 8 articles tagged moderating
- 3 articles tagged morae
- 2 articles tagged navigation
- 9 articles tagged personas
- 15 articles tagged prototyping
- 7 articles tagged questionnaires
- 2 articles tagged quotations
- 4 articles tagged roi
- 17 articles tagged selling usability
- 13 articles tagged standards
- 47 articles tagged strategy
- 2 articles tagged style guide
- 5 articles tagged survey design
- 6 articles tagged task scenarios
- 2 articles tagged templates
- 21 articles tagged tools
- 58 articles tagged usability testing
- 3 articles tagged user manual