Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
USER EXPERIENCE
DESIGN IMMERSIVE
Wednesday, September 25, 13
2TODAY’S CLASS
Introduction to
Axure
Wednesday, September 25, 13
3AGENDA
‣ Basics: Interface and navigation
‣ Intermediate: Widget manipulation, prototyping and output
‣ Advanced: Masters...
4LEARNING GOALS
‣ By the end of this presentation, you should be able to design
a well-annotated, fully functional wirefra...
5OH MAN
HOLY CRAP,
AXURE.
Wednesday, September 25, 13
6THE EASY STUFF...
‣ Basics: Interface and navigation
Wednesday, September 25, 13
7WHEN YOU FIRST OPEN IT
WTF
Wednesday, September 25, 13
8WYSIWYG! NO MORE BLANK PAGE PANIC
Sitemap
Page  inventory
Widgets
Usable  Elements
Page  Se.ngs
Self-­‐explanatory
Widget...
9WHERE THE BULK OF THE ACTION *TEND* TO TAKE PLACE
Sitemap
Page  inventory
Widgets
Usable  Elements
Page  Se.ngs
Self-­‐ex...
10BUT DON’T FORGET HIERARCHY
Sitemap
Page  inventory
Widgets
Usable  Elements
Page  Se.ngs
Self-­‐explanatory
Widget  Prop...
11SO HARD, SO HARD
‣ Intermediate: Widget/element manipulation
Wednesday, September 25, 13
12LET’S TALK WIDGETS
Your starter pack
Add one to
your editing
board today!
Wednesday, September 25, 13
13WHAT CAN YOU DO WITH WIDGETS
Annotate! Interact! Format!
Wednesday, September 25, 13
14WHAT MAKES WIDGETS WHAT THEY ARE
CASESActions and
commands that are
executed upon
specified widget
interaction
You can e...
15YOU CAN ALSO ADD...
CONDITIONALS
Additional qualifiers
for activating a case.
Wednesday, September 25, 13
16SO FLEXIBLE!
PAGE-LEVEL AS
WELL AS WIDGET
LEVEL
Notes/Annotations,
interactions, and
formatting alike.
Wednesday, Septem...
17HERE WE GO
AND NOW,
PROTOTYPING
Wednesday, September 25, 13
18PRESS THIS BUTTON.
Wednesday, September 25, 13
19THE EASIER STUFF...
‣ Advanced: Masters and Dynamic Panels
Wednesday, September 25, 13
20ALL THEY ARE...
‣ Masters - Preset groups of widgets that can be populated
across multiple pages and edited centrally.
‣...
21INVOCATION? RIGHT HERE
Wednesday, September 25, 13
22BUT IMPLEMENTATION STRUCTURE IS DIFFERENT.
PERSISTENT PAGE SPECIFIC
Wednesday, September 25, 13
23USE ‘EM
Basic things you can do with a master:
‣ Easy duplication across multiple pages
‣ One-stop editing for all maste...
24REMEMBER HIERARCHY?
Sitemap
Page  inventory
Widgets
Usable  Elements
Page  Se.ngs
Self-­‐explanatory
Widget  Proper2es
e...
25
Q&A
Wednesday, September 25, 13
Upcoming SlideShare
Loading in …5
×

Intro to axure

833 views

Published on

A quick introduction to Axure, the popular prototyping/wireframing/diagraming software.

Published in: Technology, Business

Intro to axure

  1. 1. USER EXPERIENCE DESIGN IMMERSIVE Wednesday, September 25, 13
  2. 2. 2TODAY’S CLASS Introduction to Axure Wednesday, September 25, 13
  3. 3. 3AGENDA ‣ Basics: Interface and navigation ‣ Intermediate: Widget manipulation, prototyping and output ‣ Advanced: Masters and Dynamic Panels Wednesday, September 25, 13
  4. 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
  5. 5. 5OH MAN HOLY CRAP, AXURE. Wednesday, September 25, 13
  6. 6. 6THE EASY STUFF... ‣ Basics: Interface and navigation Wednesday, September 25, 13
  7. 7. 7WHEN YOU FIRST OPEN IT WTF Wednesday, September 25, 13
  8. 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. 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. 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. 11. 11SO HARD, SO HARD ‣ Intermediate: Widget/element manipulation Wednesday, September 25, 13
  12. 12. 12LET’S TALK WIDGETS Your starter pack Add one to your editing board today! Wednesday, September 25, 13
  13. 13. 13WHAT CAN YOU DO WITH WIDGETS Annotate! Interact! Format! Wednesday, September 25, 13
  14. 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. 15. 15YOU CAN ALSO ADD... CONDITIONALS Additional qualifiers for activating a case. Wednesday, September 25, 13
  16. 16. 16SO FLEXIBLE! PAGE-LEVEL AS WELL AS WIDGET LEVEL Notes/Annotations, interactions, and formatting alike. Wednesday, September 25, 13
  17. 17. 17HERE WE GO AND NOW, PROTOTYPING Wednesday, September 25, 13
  18. 18. 18PRESS THIS BUTTON. Wednesday, September 25, 13
  19. 19. 19THE EASIER STUFF... ‣ Advanced: Masters and Dynamic Panels Wednesday, September 25, 13
  20. 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
  21. 21. 21INVOCATION? RIGHT HERE Wednesday, September 25, 13
  22. 22. 22BUT IMPLEMENTATION STRUCTURE IS DIFFERENT. PERSISTENT PAGE SPECIFIC Wednesday, September 25, 13
  23. 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
  24. 24. 24REMEMBER HIERARCHY? 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
  25. 25. 25 Q&A Wednesday, September 25, 13

×