Embed Size (px)
DESCRIPTION
Axure – A lot of the good stuff isn’t in the manual. Crack open those settings panels and add a power boost to your workflow. In this session, attendees will learn new techniques for creating robust flow diagrams, intricate site maps, annotated specification documents, and richly interactive wireframes and prototypes with Axure. Current users of this tool will walk away with an arsenal of new tips and tricks. New users will learn how Axure can complement their existing process, and the use cases it's best suited for. As presented at STLUX 2014.
Citation preview
LEVEL-UP YOUR AXURE
SKILLS
DAN NEWMANWeb & Mobile UX Manager
@CreativeNewman #stlux #axuretip
@CreativeNewman #stlux #axuretip
GETTING STARTED
@CreativeNewman #stlux #axuretip
DO YOU USE AXURE 7?
Go get the latest build: bit.ly/axure7
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Check your backup settings
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Setting up grids & guides
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
Import from RP…
@CreativeNewman #stlux #axuretip
GO WITH THE FLOW
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Using flow shapes & connectors
More: axure.com/learn/flow-diagrams
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Reference pages
@CreativeNewman #stlux #axuretip
Automatic flow generation
@CreativeNewman #stlux #axuretip
Automatic flow generation
@CreativeNewman #stlux #axuretip
BUILDING WITH WIDGETS
@CreativeNewman #stlux #axuretip
Finding great libraries
@CreativeNewman #stlux #axuretip
Finding great libraries
axure.com/community/widget-libraries
@CreativeNewman #stlux #axuretip
Finding great libraries
axureland.com/axure_widget_libraries
@CreativeNewman #stlux #axuretip
Finding great libraries
@CreativeNewman #stlux #axuretip
Making your own libraries
@CreativeNewman #stlux #axuretip
Making your own libraries
More: axure.com/learn/widget-libraries
@CreativeNewman #stlux #axuretip
Making your own libraries
More: axure.com/learn/widget-libraries
@CreativeNewman #stlux #axuretip
Learning to love the ‘shape’
@CreativeNewman #stlux #axuretip
Learning to love the ‘shape’
More: axure.com/widgets/shape
@CreativeNewman #stlux #axuretip
Hot spots
@CreativeNewman #stlux #axuretip
Hot spots
More: axure.com/widgets/hot-spot
@CreativeNewman #stlux #axuretip
Hot spots
More: axure.com/widgets/hot-spot
@CreativeNewman #stlux #axuretip
Hot spots
More: axure.com/widgets/hot-spot
@CreativeNewman #stlux #axuretip
Inline Frames
@CreativeNewman #stlux #axuretip
Inline Frames
More: axure.com/widgets/inline-frame
@CreativeNewman #stlux #axuretip
Inline Frames
More: axure.com/widgets/inline-frame
@CreativeNewman #stlux #axuretip
Inline Frames
More: axure.com/widgets/inline-frame
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Naming & filtering widgets
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
Widget notes
@CreativeNewman #stlux #axuretip
THE REPEATER
Everything you need to know: axure.com/learn/repeater
@CreativeNewman #stlux #axuretip
ADAPTIVE VIEWS
Everything you need to know: axure.com/learn/adaptive
bit.ly/sm-ax7
@CreativeNewman #stlux #axuretip
TARGETING GREAT STYLE
@CreativeNewman #stlux #axuretip
Base styles
@CreativeNewman #stlux #axuretip
Base styles
@CreativeNewman #stlux #axuretip
Base styles
@CreativeNewman #stlux #axuretip
Finding the format painter
@CreativeNewman #stlux #axuretip
Finding the format painter
@CreativeNewman #stlux #axuretip
Finding the format painter
@CreativeNewman #stlux #axuretip
Line spacing
@CreativeNewman #stlux #axuretip
Line spacing
@CreativeNewman #stlux #axuretip
Fill, stroke, & shadow
@CreativeNewman #stlux #axuretip
Fill, stroke, & shadow
@CreativeNewman #stlux #axuretip
Fill, stroke, & shadow
@CreativeNewman #stlux #axuretip
Background & Alignment
@CreativeNewman #stlux #axuretip
Background & Alignment
@CreativeNewman #stlux #axuretip
Background & Alignment
@CreativeNewman #stlux #axuretip
Something looks sketchy…
@CreativeNewman #stlux #axuretip
Something looks sketchy…
@CreativeNewman #stlux #axuretip
Something looks sketchy…
@CreativeNewman #stlux #axuretip
GOING DYNAMIC
@CreativeNewman #stlux #axuretip
Convert to dynamic panel
@CreativeNewman #stlux #axuretip
Convert to dynamic panel
@CreativeNewman #stlux #axuretip
Convert to dynamic panel
@CreativeNewman #stlux #axuretip
Convert to dynamic panel
@CreativeNewman #stlux #axuretip
Pin to browser
@CreativeNewman #stlux #axuretip
Pin to browser
@CreativeNewman #stlux #axuretip
Pin to browser
@CreativeNewman #stlux #axuretip
Pin to browser
@CreativeNewman #stlux #axuretip
Hide from view
@CreativeNewman #stlux #axuretip
Hide from view
@CreativeNewman #stlux #axuretip
Hide from view
@CreativeNewman #stlux #axuretip
Fit to content & scrollbars
@CreativeNewman #stlux #axuretip
Fit to content & scrollbars
@CreativeNewman #stlux #axuretip
Fit to content & scrollbars
@CreativeNewman #stlux #axuretip
Fit to content & scrollbars
@CreativeNewman #stlux #axuretip
100% wide
@CreativeNewman #stlux #axuretip
100% wide
@CreativeNewman #stlux #axuretip
100% wide
@CreativeNewman #stlux #axuretip
100% wide
@CreativeNewman #stlux #axuretip
Break away
@CreativeNewman #stlux #axuretip
Break away
@CreativeNewman #stlux #axuretip
Break away
@CreativeNewman #stlux #axuretip
GETTING INTERACTIVE
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
In-line hyperlinks
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
The power of show/hide
@CreativeNewman #stlux #axuretip
Control grouping
@CreativeNewman #stlux #axuretip
Control grouping
@CreativeNewman #stlux #axuretip
Control grouping
@CreativeNewman #stlux #axuretip
Control grouping
@CreativeNewman #stlux #axuretip
Over, down, & selected
@CreativeNewman #stlux #axuretip
Over, down, & selected
@CreativeNewman #stlux #axuretip
Over, down, & selected
@CreativeNewman #stlux #axuretip
Over, down, & selected
@CreativeNewman #stlux #axuretip
Page-level events
@CreativeNewman #stlux #axuretip
Page-level events
@CreativeNewman #stlux #axuretip
Even more event triggers
@CreativeNewman #stlux #axuretip
Even more event triggers
@CreativeNewman #stlux #axuretip
Even more event triggers
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Easy conditions
@CreativeNewman #stlux #axuretip
Advanced conditions
@CreativeNewman #stlux #axuretip
Advanced conditions
More: axure.com/learn/advanced/conditional-logic
@CreativeNewman #stlux #axuretip
Advanced conditions
More: axure.com/learn/advanced/conditional-logic
@CreativeNewman #stlux #axuretip
Advanced conditions
More: axure.com/learn/advanced/conditional-logic
@CreativeNewman #stlux #axuretip
Advanced conditions
More: axure.com/learn/advanced/conditional-logic
@CreativeNewman #stlux #axuretip
AND... ACTION!
@CreativeNewman #stlux #axuretip
Scroll to widget
@CreativeNewman #stlux #axuretip
Scroll to widget
@CreativeNewman #stlux #axuretip
Scroll to widget
@CreativeNewman #stlux #axuretip
Treat as flyout or lightbox
@CreativeNewman #stlux #axuretip
Treat as flyout or lightbox
@CreativeNewman #stlux #axuretip
Treat as flyout or lightbox
@CreativeNewman #stlux #axuretip
Treat as flyout or lightbox
@CreativeNewman #stlux #axuretip
Push/pull widgets
@CreativeNewman #stlux #axuretip
Push/pull widgets
@CreativeNewman #stlux #axuretip
Push/pull widgets
@CreativeNewman #stlux #axuretip
Push/pull widgets
@CreativeNewman #stlux #axuretip
‘Wait’ is magic
@CreativeNewman #stlux #axuretip
‘Wait’ is magic
@CreativeNewman #stlux #axuretip
Variables
@CreativeNewman #stlux #axuretip
MASTERING MASTERS
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Convert to master
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Raised events
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Set text
@CreativeNewman #stlux #axuretip
Isolation
@CreativeNewman #stlux #axuretip
Isolation
@CreativeNewman #stlux #axuretip
Isolation
@CreativeNewman #stlux #axuretip
PUTTING IT ALL
TOGETHER
@CreativeNewman #stlux #axuretip
Specifications
@CreativeNewman #stlux #axuretip
Specifications
More: axure.com/learn/spec
@CreativeNewman #stlux #axuretip
Specifications
More: axure.com/learn/spec
@CreativeNewman #stlux #axuretip
Specifications
More: axure.com/learn/spec
@CreativeNewman #stlux #axuretip
Specifications
More: axure.com/learn/spec
@CreativeNewman #stlux #axuretip
Specifications
More: axure.com/learn/spec
@CreativeNewman #stlux #axuretip
Preview
@CreativeNewman #stlux #axuretip
Preview
@CreativeNewman #stlux #axuretip
Web fonts & font mapping
@CreativeNewman #stlux #axuretip
Web fonts & font mapping
@CreativeNewman #stlux #axuretip
Web fonts & font mapping
@CreativeNewman #stlux #axuretip
Web fonts & font mapping
@CreativeNewman #stlux #axuretip
Mobile-friendliness
@CreativeNewman #stlux #axuretip
Mobile-friendliness
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
More: bit.ly/axshare-plugin
@CreativeNewman #stlux #axuretip
Axshare: discussions & discussions
More: bit.ly/axshare-plugin
MORE RESOURCES• Axure Online Training • Axure Forum
!• “5 Mistakes People Make Using
Axure” • “10 Commandments of Efficient
Design in Axure” • “10 Rules for Working With Axure” • “Axure Quick Tips”
!• AxureWorld • AxureSnacks • Axure Pro Tips
THANK YOU!Join the conversation:
#axuretip
