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.
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
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
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
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
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,
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
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
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.
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
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
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