Prototyping with Axure for the web and beyond

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

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

License key extension(valid until 25/11/2010)Licensee: extendKey: QhrKN/+cPYgZQqxVQ4Jfobj4yCs4iaz8UIknCKeLQKsITvyguyncEp0rmvuJMVRl

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

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

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.

We love it. We dont.Axure users seem to fall into two distinct categories...

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

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

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

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

Why do I love it?Helps me to explain ideas

Helps me to think and visualise

I can if see something works...

Or if it doesnt.

100 75 50 25 0 Beginner ExpertSteep learning curve

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

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.

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

Axure examples

Break (10 mins)

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

Your first prototypeForm with inline validation:• Widgets• Dynamic panels• Masters• Generate prototype

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

Questions?

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

Prototyping with Axure for the web and beyond

by Luke Perman on Mar 21, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Prototyping with Axure for the web and beyond — Presentation Transcript