SlideShare ist ein Scribd-Unternehmen logo
1 von 35
Introduction to Axure 7
Stephen Denning – Senior UX Consultant
Intro to Axure 7 - User Vision Breakfast Briefing
What we will cover…
• Background
• What is Axure?
• What’s new in Axure v7?
 New widget events
 New display options
 Repeater widget
 Adaptive views
Prototyping
“An approximation of a product (or system) or
its components, in some form, for a definite
purpose in its implementation”
(Chua, Leong & Lim)
“A visualisation of the requirements”
(Arnowitz)
“A representative model or simulation
of the final system”
(Warfel)
When applied early and often, the use of prototypes
can save time and effort, reduce waste
and ultimately save money
Why use prototypes?
• They help to generate ideas
• They can communicate aspects of the design that cannot be
adequately communicated by other artefacts
• They increase understanding, add clarity and reduce
misinterpretation
• They can enable quicker identification of mistakes and risks
• They can be updated quickly to reflect changes
Intro to Axure 7 - User Vision Breakfast Briefing
When should we use it on projects?
Representing
requirements
Developing
concepts
Early testing
Axure
Introduction
Four purposes of Axure:
1. Sketch + designing
 Drag & drop widget approach
 Various fidelities
 Annotated wireframes
 Flowcharts
2. Interaction
 Interactive prototypes
 Code-less interactions
 HTML output to all browser
platforms
3. Documenting
– Annotate pages/widgets
– Produce specification
document
4. Collaborating
– Shared projects
– AxShare
Axure 7
(beta)
New features
• New Widget events (OnDoubleClick, OnContextMenu,
OnLongClick)
• New Page events (OnWindowResize, OnWindowScroll)
• New maths, string, boolean and date operations
• New display options (Show as lightbox or flyout)
• Pushpull widgets belowright
• All widgets can be hidden, moved, brought to front, etc.
• Page preview
• Text field types (email, phone number, url, etc.)
• Organise sitemap into folders
• Repeater widget
• Adaptive views
New features
1. New Widget events (OnDoubleClick, OnContextMenu)
2. New display options (Show as lightbox or flyout)
3. Pushpull widgets belowright
4. Repeater widget
5. Adaptive views
Demo
New features
1. New Widget events (double-click, right-click, etc.)
2. New display options (Show as lightbox or flyout)
3. Pushpull widgets belowright
4. Repeater widget
5. Adaptive views
Demo
New features
1. New Widget events (double-click, right-click, etc.)
2. New display options (Show as lightbox or flyout)
3. Pushpull widgets belowright
4. Repeater widget
5. Adaptive views
Demo
New features
1. New Widget events (double-click, right-click, etc.)
2. New display options (Show as lightbox or flyout)
3. Pushpull widgets belowright
4. Repeater widget
5. Adaptive views
Repeater widget
Key points
• Single item ‘wireframe’
• Multi-item Dataset
• Wireframe repeated for
every item in the dataset
• Dataset can be sorted and
filtered
• Items can be added or
deleted from dataset
• Wireframe dynamically
updates
Repeater widget
Image Product Category
IMG1 Beats Studio Headphones
IMG2 Bose Bluetooth Headphones
Repeater widget
Process
1. Create wireframe template
2. Create dataset
3. Map dataset fields to template widgets
4. Specify layout (grid, list, pagination)
5. Implement any sortingfiltering functionality
Demo
New features
1. New Widget events (double-click, right-click, etc.)
2. New display options (Show as lightbox or flyout)
3. Pushpull widgets belowright
4. Repeater widget
5. Adaptive views
Adaptive Views
Key points
• Starting from a base
design…
• Create alternative layouts
for different screen sizes
• Layouts inherit from the
‘parent’ layout
• Suitable layout
automatically chosen
dependant on browser
size
Adaptive Views
Adaptive Views
Adaptive Views
Process
1. Define adaptive view layouts
2. Create base layout
3. Adjust layout for next child layout
4. Continue until all layouts are defined
Adaptive Views
Editing adaptive projects
1. A widget in an adaptive view inherits location, size,
and style from its location, size, and style in the
parent view.
2. Changes to a widget's location, size, style, or
interaction styles are adaptive.
Style can be different on different views.
3. Changes to properties like widget text, interactions,
and enableddisabled are not adaptive.
Property changes affect the widget in all views.
Adaptive Views
Editing adaptive projects
Adaptive Views
Editing adaptive projects
Demo
Other prototyping resources
Prototyping
Todd Zaki Warfel
Paper Prototyping
Carolyn Snyder
Effective Prototyping
Jonathan Arnowitz
Sketching User
Experiences
Bill Buxton
A few web resources:
• Axure (http://www.auxure.com)
• “Prototypically speaking” prototyping blog (http://softwareprototyping.net/)
• Effective Prototyping site (http://www.effectiveprototyping.com/)
Eye tracking
Questions?
Stephen Denning
Senior User Experience Consultant
User Vision
55 North Castle Street
Edinburgh
EH2 3QA
T: 0131 225 0850
E: stephen@uservision.co.uk
W: www.uservision.co.uk
Thank You

Weitere ähnliche Inhalte

Was ist angesagt?

Integrating Axure Into Your Design Process
Integrating Axure Into Your Design ProcessIntegrating Axure Into Your Design Process
Integrating Axure Into Your Design ProcessFred Beecher
 
Building a game engine with jQuery
Building a game engine with jQueryBuilding a game engine with jQuery
Building a game engine with jQueryPaul Bakaus
 
Mirror - Android UI on steroids: Droidcon Cracow 2014
Mirror - Android UI on steroids: Droidcon Cracow 2014Mirror - Android UI on steroids: Droidcon Cracow 2014
Mirror - Android UI on steroids: Droidcon Cracow 2014Sylwester Madej
 
DIY Mobile VR with Unity 3d & Cardboard SDK
DIY Mobile VR with Unity 3d & Cardboard SDKDIY Mobile VR with Unity 3d & Cardboard SDK
DIY Mobile VR with Unity 3d & Cardboard SDKBond University
 
Android design and Custom views
Android design and Custom views Android design and Custom views
Android design and Custom views Lars Vogel
 
UIStackView – Tom Bowden – Dec 2015 – Eventacular Inc
UIStackView – Tom Bowden – Dec 2015 – Eventacular IncUIStackView – Tom Bowden – Dec 2015 – Eventacular Inc
UIStackView – Tom Bowden – Dec 2015 – Eventacular IncTom Bowden
 
Unty3D Awesome Assets - uTomate
Unty3D Awesome Assets - uTomateUnty3D Awesome Assets - uTomate
Unty3D Awesome Assets - uTomateTaras Leskiv
 
Unity3D Tips and Tricks or "You are doing it wrong!"
Unity3D Tips and Tricks or "You are doing it wrong!"Unity3D Tips and Tricks or "You are doing it wrong!"
Unity3D Tips and Tricks or "You are doing it wrong!"Taras Leskiv
 
ARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingGilbert Guerrero
 

Was ist angesagt? (11)

Axure Basic Concepts
Axure Basic ConceptsAxure Basic Concepts
Axure Basic Concepts
 
Integrating Axure Into Your Design Process
Integrating Axure Into Your Design ProcessIntegrating Axure Into Your Design Process
Integrating Axure Into Your Design Process
 
Building a game engine with jQuery
Building a game engine with jQueryBuilding a game engine with jQuery
Building a game engine with jQuery
 
Intro to Axure
Intro to AxureIntro to Axure
Intro to Axure
 
Mirror - Android UI on steroids: Droidcon Cracow 2014
Mirror - Android UI on steroids: Droidcon Cracow 2014Mirror - Android UI on steroids: Droidcon Cracow 2014
Mirror - Android UI on steroids: Droidcon Cracow 2014
 
DIY Mobile VR with Unity 3d & Cardboard SDK
DIY Mobile VR with Unity 3d & Cardboard SDKDIY Mobile VR with Unity 3d & Cardboard SDK
DIY Mobile VR with Unity 3d & Cardboard SDK
 
Android design and Custom views
Android design and Custom views Android design and Custom views
Android design and Custom views
 
UIStackView – Tom Bowden – Dec 2015 – Eventacular Inc
UIStackView – Tom Bowden – Dec 2015 – Eventacular IncUIStackView – Tom Bowden – Dec 2015 – Eventacular Inc
UIStackView – Tom Bowden – Dec 2015 – Eventacular Inc
 
Unty3D Awesome Assets - uTomate
Unty3D Awesome Assets - uTomateUnty3D Awesome Assets - uTomate
Unty3D Awesome Assets - uTomate
 
Unity3D Tips and Tricks or "You are doing it wrong!"
Unity3D Tips and Tricks or "You are doing it wrong!"Unity3D Tips and Tricks or "You are doing it wrong!"
Unity3D Tips and Tricks or "You are doing it wrong!"
 
ARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to Processing
 

Ähnlich wie Intro to Axure 7 - User Vision Breakfast Briefing

Axure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast BriefingAxure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast BriefingUser Vision
 
Ch4 creating user interfaces
Ch4 creating user interfacesCh4 creating user interfaces
Ch4 creating user interfacesShih-Hsiang Lin
 
Axure for dummies, that don't even know they are
Axure for dummies, that don't even know they areAxure for dummies, that don't even know they are
Axure for dummies, that don't even know they areOscar Gonzalez Garza
 
Workshop Android for Java Developers
Workshop Android for Java DevelopersWorkshop Android for Java Developers
Workshop Android for Java Developersmhant
 
Obiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardObiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardAmit Sharma
 
Obiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardObiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardAmit Sharma
 
Obiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardObiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardAmit Sharma
 
Eclipse Day India 2010 - UI Patterns in Eclipse
Eclipse Day India 2010 - UI Patterns in EclipseEclipse Day India 2010 - UI Patterns in Eclipse
Eclipse Day India 2010 - UI Patterns in Eclipsedeepakazad
 
lecture10-patterns.ppt
lecture10-patterns.pptlecture10-patterns.ppt
lecture10-patterns.pptAnkitPangasa1
 
lecture10-patterns.ppt
lecture10-patterns.pptlecture10-patterns.ppt
lecture10-patterns.pptbryafaissal
 
Grasping The LightSwitch Paradigm
Grasping The LightSwitch ParadigmGrasping The LightSwitch Paradigm
Grasping The LightSwitch ParadigmAndrew Brust
 
Siebel Open UI Presentation
Siebel Open UI PresentationSiebel Open UI Presentation
Siebel Open UI PresentationAjeeth Pingle
 
Modular Web Design With Components
Modular Web Design With ComponentsModular Web Design With Components
Modular Web Design With ComponentsNadal Soler
 
Designing Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDesigning Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDave Malouf
 
Silverlight week2
Silverlight week2Silverlight week2
Silverlight week2iedotnetug
 
Application Design - Part 2
Application Design - Part 2Application Design - Part 2
Application Design - Part 2Kelley Howell
 
Tips and tricks of the 2021.4 release
Tips and tricks of the 2021.4 releaseTips and tricks of the 2021.4 release
Tips and tricks of the 2021.4 releaseCristina Vidu
 

Ähnlich wie Intro to Axure 7 - User Vision Breakfast Briefing (20)

Axure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast BriefingAxure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast Briefing
 
Ch4 creating user interfaces
Ch4 creating user interfacesCh4 creating user interfaces
Ch4 creating user interfaces
 
Axure for dummies, that don't even know they are
Axure for dummies, that don't even know they areAxure for dummies, that don't even know they are
Axure for dummies, that don't even know they are
 
Workshop Android for Java Developers
Workshop Android for Java DevelopersWorkshop Android for Java Developers
Workshop Android for Java Developers
 
Obiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardObiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboard
 
Obiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardObiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboard
 
Obiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboardObiee11g building-brand-analysis-dashboard
Obiee11g building-brand-analysis-dashboard
 
Eclipse Day India 2010 - UI Patterns in Eclipse
Eclipse Day India 2010 - UI Patterns in EclipseEclipse Day India 2010 - UI Patterns in Eclipse
Eclipse Day India 2010 - UI Patterns in Eclipse
 
lecture10-patterns.ppt
lecture10-patterns.pptlecture10-patterns.ppt
lecture10-patterns.ppt
 
lecture10-patterns.ppt
lecture10-patterns.pptlecture10-patterns.ppt
lecture10-patterns.ppt
 
Swift
SwiftSwift
Swift
 
Grasping The LightSwitch Paradigm
Grasping The LightSwitch ParadigmGrasping The LightSwitch Paradigm
Grasping The LightSwitch Paradigm
 
Siebel Open UI Presentation
Siebel Open UI PresentationSiebel Open UI Presentation
Siebel Open UI Presentation
 
Modular Web Design With Components
Modular Web Design With ComponentsModular Web Design With Components
Modular Web Design With Components
 
Designing Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDesigning Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAs
 
Silverlight week2
Silverlight week2Silverlight week2
Silverlight week2
 
Application Design - Part 2
Application Design - Part 2Application Design - Part 2
Application Design - Part 2
 
Tips and tricks of the 2021.4 release
Tips and tricks of the 2021.4 releaseTips and tricks of the 2021.4 release
Tips and tricks of the 2021.4 release
 
Pruexx User's guide for beta testing
Pruexx User's guide for beta testingPruexx User's guide for beta testing
Pruexx User's guide for beta testing
 
6. safe users-guide
6.  safe users-guide6.  safe users-guide
6. safe users-guide
 

Mehr von Stephen Denning

Bringing Order to the Chaos: Good UX Governance
Bringing Order to the Chaos: Good UX GovernanceBringing Order to the Chaos: Good UX Governance
Bringing Order to the Chaos: Good UX GovernanceStephen Denning
 
UX & GDPR - Building Customer Trust with your Digital Experiences
UX & GDPR - Building Customer Trust with your Digital ExperiencesUX & GDPR - Building Customer Trust with your Digital Experiences
UX & GDPR - Building Customer Trust with your Digital ExperiencesStephen Denning
 
Effective use of eye-tracking in UX research
Effective use of eye-tracking in UX researchEffective use of eye-tracking in UX research
Effective use of eye-tracking in UX researchStephen Denning
 
UXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialUXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialStephen Denning
 
UCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in Design
UCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in DesignUCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in Design
UCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in DesignStephen Denning
 
Rapid Prototyping in UX Design
Rapid Prototyping in UX DesignRapid Prototyping in UX Design
Rapid Prototyping in UX DesignStephen Denning
 
The Role of Pre-Attention in UI Design
The Role of Pre-Attention in UI DesignThe Role of Pre-Attention in UI Design
The Role of Pre-Attention in UI DesignStephen Denning
 

Mehr von Stephen Denning (7)

Bringing Order to the Chaos: Good UX Governance
Bringing Order to the Chaos: Good UX GovernanceBringing Order to the Chaos: Good UX Governance
Bringing Order to the Chaos: Good UX Governance
 
UX & GDPR - Building Customer Trust with your Digital Experiences
UX & GDPR - Building Customer Trust with your Digital ExperiencesUX & GDPR - Building Customer Trust with your Digital Experiences
UX & GDPR - Building Customer Trust with your Digital Experiences
 
Effective use of eye-tracking in UX research
Effective use of eye-tracking in UX researchEffective use of eye-tracking in UX research
Effective use of eye-tracking in UX research
 
UXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialUXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy Tutorial
 
UCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in Design
UCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in DesignUCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in Design
UCD 2013 - Shapes & Patterns: The Role of Pre-Attentive Psychology in Design
 
Rapid Prototyping in UX Design
Rapid Prototyping in UX DesignRapid Prototyping in UX Design
Rapid Prototyping in UX Design
 
The Role of Pre-Attention in UI Design
The Role of Pre-Attention in UI DesignThe Role of Pre-Attention in UI Design
The Role of Pre-Attention in UI Design
 

Kürzlich hochgeladen

UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 

Kürzlich hochgeladen (20)

UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 

Intro to Axure 7 - User Vision Breakfast Briefing

  • 1. Introduction to Axure 7 Stephen Denning – Senior UX Consultant
  • 3. What we will cover… • Background • What is Axure? • What’s new in Axure v7?  New widget events  New display options  Repeater widget  Adaptive views
  • 5. “An approximation of a product (or system) or its components, in some form, for a definite purpose in its implementation” (Chua, Leong & Lim) “A visualisation of the requirements” (Arnowitz) “A representative model or simulation of the final system” (Warfel)
  • 6. When applied early and often, the use of prototypes can save time and effort, reduce waste and ultimately save money Why use prototypes? • They help to generate ideas • They can communicate aspects of the design that cannot be adequately communicated by other artefacts • They increase understanding, add clarity and reduce misinterpretation • They can enable quicker identification of mistakes and risks • They can be updated quickly to reflect changes
  • 8. When should we use it on projects? Representing requirements Developing concepts Early testing
  • 10. Introduction Four purposes of Axure: 1. Sketch + designing  Drag & drop widget approach  Various fidelities  Annotated wireframes  Flowcharts 2. Interaction  Interactive prototypes  Code-less interactions  HTML output to all browser platforms 3. Documenting – Annotate pages/widgets – Produce specification document 4. Collaborating – Shared projects – AxShare
  • 12. New features • New Widget events (OnDoubleClick, OnContextMenu, OnLongClick) • New Page events (OnWindowResize, OnWindowScroll) • New maths, string, boolean and date operations • New display options (Show as lightbox or flyout) • Pushpull widgets belowright • All widgets can be hidden, moved, brought to front, etc. • Page preview • Text field types (email, phone number, url, etc.) • Organise sitemap into folders • Repeater widget • Adaptive views
  • 13. New features 1. New Widget events (OnDoubleClick, OnContextMenu) 2. New display options (Show as lightbox or flyout) 3. Pushpull widgets belowright 4. Repeater widget 5. Adaptive views
  • 14. Demo
  • 15. New features 1. New Widget events (double-click, right-click, etc.) 2. New display options (Show as lightbox or flyout) 3. Pushpull widgets belowright 4. Repeater widget 5. Adaptive views
  • 16. Demo
  • 17. New features 1. New Widget events (double-click, right-click, etc.) 2. New display options (Show as lightbox or flyout) 3. Pushpull widgets belowright 4. Repeater widget 5. Adaptive views
  • 18. Demo
  • 19. New features 1. New Widget events (double-click, right-click, etc.) 2. New display options (Show as lightbox or flyout) 3. Pushpull widgets belowright 4. Repeater widget 5. Adaptive views
  • 20. Repeater widget Key points • Single item ‘wireframe’ • Multi-item Dataset • Wireframe repeated for every item in the dataset • Dataset can be sorted and filtered • Items can be added or deleted from dataset • Wireframe dynamically updates
  • 21. Repeater widget Image Product Category IMG1 Beats Studio Headphones IMG2 Bose Bluetooth Headphones
  • 22. Repeater widget Process 1. Create wireframe template 2. Create dataset 3. Map dataset fields to template widgets 4. Specify layout (grid, list, pagination) 5. Implement any sortingfiltering functionality
  • 23. Demo
  • 24. New features 1. New Widget events (double-click, right-click, etc.) 2. New display options (Show as lightbox or flyout) 3. Pushpull widgets belowright 4. Repeater widget 5. Adaptive views
  • 25. Adaptive Views Key points • Starting from a base design… • Create alternative layouts for different screen sizes • Layouts inherit from the ‘parent’ layout • Suitable layout automatically chosen dependant on browser size
  • 28. Adaptive Views Process 1. Define adaptive view layouts 2. Create base layout 3. Adjust layout for next child layout 4. Continue until all layouts are defined
  • 29. Adaptive Views Editing adaptive projects 1. A widget in an adaptive view inherits location, size, and style from its location, size, and style in the parent view. 2. Changes to a widget's location, size, style, or interaction styles are adaptive. Style can be different on different views. 3. Changes to properties like widget text, interactions, and enableddisabled are not adaptive. Property changes affect the widget in all views.
  • 32. Demo
  • 33. Other prototyping resources Prototyping Todd Zaki Warfel Paper Prototyping Carolyn Snyder Effective Prototyping Jonathan Arnowitz Sketching User Experiences Bill Buxton A few web resources: • Axure (http://www.auxure.com) • “Prototypically speaking” prototyping blog (http://softwareprototyping.net/) • Effective Prototyping site (http://www.effectiveprototyping.com/)
  • 35. Stephen Denning Senior User Experience Consultant User Vision 55 North Castle Street Edinburgh EH2 3QA T: 0131 225 0850 E: stephen@uservision.co.uk W: www.uservision.co.uk Thank You