Prototyping with Axure for the web and beyond

5,495 views
5,189 views

Published on

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

Published in: Education
0 Comments
16 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,495
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
192
Comments
0
Likes
16
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • Currently working for Lab49\n
  • How many in the room have prototyping experience?\n
  • \n
  • Ask audience prototyping experience\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Highlight importance of sketching\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Prototyping with Axure for the web and beyond

    1. 1. Prototyping with Axure (or: How to kick ass and have fun at the same time)for the web and beyond
    2. 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 oftrial version of Axure RP 5.6
    3. 3. License key extension(valid until 25/11/2010)Licensee: extendKey: QhrKN/+cPYgZQqxVQ4Jfobj4yCs4iaz8UIknCKeLQKsITvyguyncEp0rmvuJMVRl
    4. 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. 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. 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. 7. We love it. We dont.Axure users seem to fall into two distinct categories...
    8. 8. We love it. We dont.Axure users seem to fall into two distinct categories...
    9. 9. What is Axure?A tool we can use for:• Planning• Wireframing• Prototyping• Documentation
    10. 10. What is Axure?A tool we can use for:• Planning• Wireframing• Prototyping• Documentation "Functional design"
    11. 11. What Axure is not• Visual (or graphic) design software• A drawing program• A development environment
    12. 12. What can Axure be used for?Functional design for:• Desktop applications• Browser based application and websites• Mobile applications
    13. 13. Why do I love it?Helps me to explain ideas
    14. 14. Helps me to think and visualise
    15. 15. I can if see something works...
    16. 16. Or if it doesnt.
    17. 17. 100 75 50 25 0 Beginner ExpertSteep learning curve
    18. 18. Some things are Some things arestraightforward not so clear• Wireframe • Some interactions• Prototype • Specification output• Annotation • Custom shapes• Collaboration • Import / export
    19. 19. Some things are Some things arestraightforward not so clear• Wireframe • Some interactions• Prototype • Specification output• Annotation • Custom shapes• Collaboration • Import / export But all things are possible.
    20. 20. Know where Axure fits in the process Wi h re tc f e ra Sk me op Des el v ign De
    21. 21. Axure examples
    22. 22. Break (10 mins)
    23. 23. Main differences between Mac and PC version• Window / Menu layouts, Case Editor...• Bugs :)
    24. 24. Your first prototypeForm with inline validation:• Widgets• Dynamic panels• Masters• Generate prototype
    25. 25. Next stepsSome 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. 26. Questions?
    27. 27. Thank you!luke@uxtechniques.com axlib.uxtechniques.com @axlib

    ×