Intermediate / Advanced

Prototyping with Axure    

by Joanna Ho  |  j_lit@acs.org

Web Strategy and Operations UX

• It help to refine ideas
• It increase understanding, add clarity and reduce misinterpretation
• It can be updated quickly to reflect changes
• It can help scope out implementation

Ultimately, save time, money, and effort

Why use prototypes

Quick glance

• Pages
• Masters
• Widget library
• Reusable styles
• Preview & Axure Share

Topics to cover:

• Variables
• Complex interaction with conditional logic
• Custom Widget Libraries
• Responsive prototypes with adaptive view

Variables

Step 1: Setup

Download exercise file  -  https://goo.gl/SA7liM

Variables

Step 2: Create variables

Go to: "Projects" > "Global Variables"

Variables

Step 3: Build interaction using variable

Download exercise file  -  https://goo.gl/yHYPgL  

Conditional Logic

"If" this, "Else If" that

• Project - GCS OMR  (https://goo.gl/UbQ9lb)
• Project - My Account  (https://goo.gl/z1Zam2)

Examples

Custom Widget Libraries

Sample custom widget library

https://goo.gl/Ffvo5l

Adaptive View

Exercise file:  https://goo.gl/i4bJ7q

Thank You!

We would love to hear your feedback!

www.acs.org/axure