Hands on Axure tutorials

This series of Axure tutorials complement other tutorials available online by covering basics with a hands on approach. Advanced tutorials rely on 7 years experience with Axure as a part of the UX design process for clients such as Danone, Total, Vinci and many more… Wether you want to pick up Axure for the first time or improve upon your current skills, you’ll find ways to improve the quality of your prototypes, use interactions efficiently, iterate faster and ease collaboration around prototyping.

1 Axure basics : create a browsable interface

We have presented basic features of Axure and the general layout of the interface. In this post, we are going to learn how to make a browsable site with basic interactions. Create a static page by dragging widgets into the work area. Add a li

2 Axure basics : creating within-page interactions part 1 : anchors and visiblity

We have seen in previous posts the basic layout and functionalities of Axure, as wel as how to add links between pages of a storyboard, to create a browsable storyboard. In this post, we are going to learn how to implement simple interactions within

3 Axure basics : creating within-page interactions part 2 : dynamic panels

We have discussed earlier the general layout and logic of axure, how to create browsable storyboards with the tool, and how to implement simple within-page interactions such as anchor links. In this post, we are going to take a tour one of the

4 Axure : optimal widget use to iterate painlessly

Using widgets and styles I often seen designers creating complex shapes from a pack of overlaping widgets. This has a couple of negative impacts, both for the designer her/himself, and for the other poeple that will need to edit or use the prototype

5 Axure Basics: Creating menus with dynamic panels

Creating dynamic panels with axure Dynamic panels are a powerful tool of Axure. They allow users to add interactive areas to their wireframes or mockups. Creating them is easy too. Either create the content you want to add to a dynamic panel,

6 How to create Masters and use them efficiently in Axure

Masters are a powerful tool to easily re-use blocks of your design, that you may need to edit all at once. Masters are typically used to build page elements like headers, footers and other modules that will appear on all or most of the pages of your

7 Advanced Axure : Creating repeaters

What are repeaters ? What are they used for? Repeaters are a powerful tool that appeared with Axure 7. A repeater allows the user to use real data from a table in a wireframe to dynamically build a list view. To create one, you use a special widget

8 Two ways of creating accordions in axure, and how to use them right

There are two efficient ways of creating accordions in Axure with dynamic panels. Each solution presented here is adapted for one type of accordion behavior. This tutorial will explain how to implement each solution, and what they are best used for.

9 Advanced Axure : Using the Widget Style Editor to build graphical prototypes

In Axure, you have several options to style your prototypes. Most of the type, the default, better defaults or a custom template (OS based for example) will be enough to quickly sketch your ideas and test concepts, to progressively iterate on a desig

10 [Video] Hands on Axure : getting started

I've been giving regular workshops teaching Axure for nearly 6 month now. This new series of step by step tutorials covers basic to advanced Axure techniques in video format. Videos alternate topic based demonstrations of how to use Axure with

11 [Video] Hands On Axure : styling axure 8 prototypes with css options

This Axure tutorial goes through basic styling of prototypes. It explains how to use CSS styles to consistently design the look and feel of widgets across all pages. We'll also focus on which styling options are changed through CSS and which styling