Intro to axure
5 likes1,115 views
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.
Intro to axure
- 1. USER EXPERIENCE DESIGN IMMERSIVE Wednesday, September 25, 13
- 2. 2TODAY’S CLASS Introduction to Axure Wednesday, September 25, 13
- 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
- 5. 5OH MAN HOLY CRAP, AXURE. Wednesday, September 25, 13
- 6. 6THE EASY STUFF... ‣ Basics: Interface and navigation Wednesday, September 25, 13
- 7. 7WHEN YOU FIRST OPEN IT WTF 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
- 17. 17HERE WE GO AND NOW, PROTOTYPING Wednesday, September 25, 13
- 18. 18PRESS THIS BUTTON. Wednesday, September 25, 13
- 19. 19THE EASIER STUFF... ‣ Advanced: Masters and Dynamic Panels 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
- 21. 21INVOCATION? RIGHT HERE Wednesday, September 25, 13
- 22. 22BUT IMPLEMENTATION STRUCTURE IS DIFFERENT. PERSISTENT PAGE SPECIFIC 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
- 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