This document provides an overview of a class on user experience design using Axure software. The class covers basics like interface and navigation, intermediate topics like widget manipulation and prototyping, and advanced topics like masters and dynamic panels. By the end of the class, students should be able to design a fully functional wireframe or prototype. The document discusses key Axure interface elements and features like widgets, annotations, interactions, masters and dynamic panels.
3. 3AGENDA
‣ Basics: Interface and navigation
‣ Intermediate: Widget manipulation, prototyping and output
‣ Advanced: Masters and Dynamic Panels
Wednesday, September 25, 13
4. 4LEARNING GOALS
‣ By the end of this presentation, you should be able to design
a well-annotated, fully functional wireframe and/or
prototype.
Wednesday, September 25, 13
8. 8WYSIWYG! NO MORE BLANK PAGE PANIC
Sitemap
Page inventory
Widgets
Usable Elements
Page Se.ngs
Self-‐explanatory
Widget Proper2es
edit element details
Tabbed Edi2ng Board
Edi9ng layout
Masters
Reusable Assets
Dynamic Panel Manager
Manage dynamic panel
details
Wednesday, September 25, 13
9. 9WHERE THE BULK OF THE ACTION *TEND* TO TAKE PLACE
Sitemap
Page inventory
Widgets
Usable Elements
Page Se.ngs
Self-‐explanatory
Widget Proper2es
edit element details
Tabbed Edi2ng Board
Edi9ng layout
Masters
Reusable Assets
Dynamic Panel Manager
Manage dynamic panel
details
Wednesday, September 25, 13
10. 10BUT DON’T FORGET HIERARCHY
Sitemap
Page inventory
Widgets
Usable Elements
Page Se.ngs
Self-‐explanatory
Widget Proper2es
edit element details
Edi2ng Board
Edi9ng layout
Masters
Reusable Assets
Dynamic Panel Manager
Manage dynamic panel
details
Edi2ng Board
Edi9ng layout
Widgets
Usable Elements
Widgets
Usable Elements
Wednesday, September 25, 13
11. 11SO HARD, SO HARD
‣ Intermediate: Widget/element manipulation
Wednesday, September 25, 13
12. 12LET’S TALK WIDGETS
Your starter pack
Add one to
your editing
board today!
Wednesday, September 25, 13
13. 13WHAT CAN YOU DO WITH WIDGETS
Annotate! Interact! Format!
Wednesday, September 25, 13
14. 14WHAT MAKES WIDGETS WHAT THEY ARE
CASESActions and
commands that are
executed upon
specified widget
interaction
You can execute
multiple actions with
a single interaction!
Wednesday, September 25, 13
15. 15YOU CAN ALSO ADD...
CONDITIONALS
Additional qualifiers
for activating a case.
Wednesday, September 25, 13
16. 16SO FLEXIBLE!
PAGE-LEVEL AS
WELL AS WIDGET
LEVEL
Notes/Annotations,
interactions, and
formatting alike.
Wednesday, September 25, 13
20. 20ALL THEY ARE...
‣ Masters - Preset groups of widgets that can be populated
across multiple pages and edited centrally.
‣ Dynamic Panel - A content box, with different individual
states that can be invoked by different interactions and cues.
Wednesday, September 25, 13
23. 23USE ‘EM
Basic things you can do with a master:
‣ Easy duplication across multiple pages
‣ One-stop editing for all master instances across multiple
pages
‣ Raised Events
Basic things you can do with a Dynamic Panel:
‣ Switch between different states to create visual effects: ie
animations, hover actions for graphics
‣ Prototype for Mobile
Wednesday, September 25, 13