A brief walkthrough of key Axure features and some advice on getting the best from the software.

1. Prototyping with Axure (or: How to kick ass and
have fun at the same time)
for the web and beyond

2. Agenda
• Introductions (5 mins)
• What is Axure? (10 mins) • Quick tour of features (10 mins)
• Why and when to use Axure (20 mins) • Your first prototype (40 mins)
• Axure examples (10 mins) • Next steps (5 mins)
Break (10 mins) • Questions (10 mins)
Required materials:
Pen, paper, laptop (Mac or PC) with installation of
trial version of Axure RP 5.6

3. License key extension
(valid until 25/11/2010)
Licensee: extend
Key: QhrKN/+cPYgZQqxVQ4Jfobj4yCs4iaz8UIknCKeLQKsITvyguyncEp0rmvuJMVRl

4. Who am I?
• Luke Perman, Experience Architect and Interaction Designer
• 14 years of web and application design
• Using Axure in my process for over 4 years
• Major browser and desktop applications for Singapore Airlines, Travelodge,
Royal Navy and currently working within investment banks in the city
• Curator of Axure pattern library, AXLIB.uxtechniques.com

5. What is Axure?
• Axure RP Pro is a wireframing, rapid prototyping, and specification
software tool aimed at web and desktop applications.
(via Wikipedia)

6. What is Axure?
• Axure RP Pro is a wireframing, rapid prototyping, and specification
software tool aimed at web and desktop applications.
(via Wikipedia)
One of many prototyping solutions.

7. We love it. We don't.
Axure users seem to fall into two distinct categories...

8. We love it. We don't.
Axure users seem to fall into two distinct categories...

9. What is Axure?
A tool we can use for:
• Planning
• Wireframing
• Prototyping
• Documentation

10. What is Axure?
A tool we can use for:
• Planning
• Wireframing
• Prototyping
• Documentation
"Functional design"

11. What Axure is not
• Visual (or graphic) design software
• A drawing program
• A development environment

12. What can Axure be used for?
Functional design for:
• Desktop applications
• Browser based application and websites
• Mobile applications

13. Why do I love it?
Helps me to explain ideas

14. Helps me to think and visualise

15. I can if see something works...

16. Or if it doesn't.

17. 100
75
50
25
0
Beginner Expert
Steep learning curve

18. Some things are Some things are
straightforward not so clear
• Wireframe • Some interactions
• Prototype • Specification output
• Annotation • Custom shapes
• Collaboration • Import / export

19. Some things are Some things are
straightforward not so clear
• Wireframe • Some interactions
• Prototype • Specification output
• Annotation • Custom shapes
• Collaboration • Import / export
But all things are possible.

20. Know where Axure fits in the process
Wi
h re
tc f
e
ra
Sk
me
op
Des
el
v ign
De

21. Axure examples

22. Break (10 mins)

23. Main differences between Mac and PC version
• Window / Menu layouts, Case Editor...
• Bugs :)

24. Your first prototype
Form with inline validation:
• Widgets
• Dynamic panels
• Masters
• Generate prototype

25. Next steps
Some Axure resources...
• Axure Forum
http://axure.com/CS/forums/4/ShowForum.aspx
• Axure Tutorials
http://www.axure.com/online-training.aspx
• A Clean Design
http://www.acleandesign.com/
• AXLIB
http://axlib.uxtechniques.com/
• Join the conversation: #Axure

26. Questions?

27. Thank you!
luke@uxtechniques.com axlib.uxtechniques.com @axlib