SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
AXURE RP
Essential overview of
8.0By Shraddha Swaroop
UX Holiday Fest 2016 on December 3, 2016
Prototyping instructor mrmuxdesigns@gmail.com Next class: Dec 17
Prototyping made easy Axure instructor Next workshop: Dec 17
Introducing the interface
Axure Interface: Zoom
Page size
Axure Interface: Alignment & Grouping
Alignment
Axure Interface: Preview & Publish Preview & Publish
Axure Interface: Create an account Log in to AxShare
Axure Interface: Styling Widgets
Styling
Axure Interface: Positioning & Dimensions
Positioning &
Dimensions
Axure Interface: Site Map
Site Map Palette
Axure Interface: Libraries
Widget Library
Axure Interface: Master Palette
Master Palette
Axure Interface: Naming elements
Naming Box
Properties, Notes and Styles Palette
Properties Palette
(Interactions)
Properties, Notes and Styles Palette
Notes Palette
Style Palette
Properties, Notes and Styles Palette
Widget and
Dynamic Panel
Manager
Widget & Dynamic Panels Manager
Page Canvas
Page Canvas
Prototyping made easy Axure instructor Next workshop: Dec 17
Key concepts
What is a master?
Masters are collections of widgets you can maintain in a
single source location and then reuse throughout your file.
Common elements that are created as masters include
headers, footers, and navigation. Any edits you make to a
master will be automatically applied everywhere that
master is used.
Prototyping made easy Axure instructor Next workshop: Dec 17
Dynamic Panel: When to use it?
A dynamic panel is a container that holds other widgets in
layers, or "states". A dynamic panel can have one state or
many, with only one state visible at a time. The
currently-visible state can be set dynamically, using the "Set
Panel State" action. Each state has a visible area but can also
include widgets that are outside the boundaries of the visible
area.
Prototyping made easy Axure instructor Next workshop: Dec 17
Prototyping made easy Axure instructor Next workshop: Dec 17
Collaboration with AxShare
Sharing your work
◉ Click the Share button
◉ Fill in the name of the
project and the
password and folder if
you like
◉ Click the Publish
button
AxShare: Collaborating with your team
Sharing your work
◉ Type in Axshare in
your browser. Or type
in share.axure.com -
both will take you to
this screen
◉ Log in with your
credentials or the
Project ID
◉ Click the Log In button
◉ You can share up to
1000 prototypes free
Logging in to your project
Your dashboard
Accessing your prototype
Pages Pane
◉ Allows the person viewing this prototype view any notes the designer put in the Axure RP file
AxShare: Viewing and commenting
Notes Pane
◉ Allows the person viewing this prototype view any notes the designer put in the Axure RP file
AxShare: Viewing and commenting
Discuss Pane
◉ Allows the person viewing this prototype to ask questions, get clarification or add suggestions
AxShare: Viewing and commenting
Console Pane
◉ Allows the person viewing this prototype to see all the interactions on the page
AxShare: Viewing and commenting
THANK YOU
www.linkedin.com/in/shraddhaswaroop
Prototyping instructor mrmuxdesigns@gmail.com Next class: Dec 17
www.shraddhaswaroop.com
https://goo.gl/wzEVZh
Resources
● Core training on Axure including account login, accordion controls, sign-in
pages, hot spots, etc. https://www.axure.com/support/training/core/1-basics
● Axure Forums for questions: http://www.axure.com/c/forum.php
● Free Axure software for students & teachers: http://www.axure.com/edu
● Material Design library for Axure:
https://github.com/google/material-design-icons/
● AxLib: A Google Group with greats posts on how to do stuff and where to
learn: https://groups.google.com/forum/#!forum/axlib

Weitere ähnliche Inhalte

Was ist angesagt?

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
UX lesson 3: Usability First
UX lesson 3: Usability FirstUX lesson 3: Usability First
UX lesson 3: Usability FirstJoan Lumanauw
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiMatin Maleki
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User ResearchJoan Lumanauw
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX Murali Krishna
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 

Was ist angesagt? (20)

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX Quiz
UX QuizUX Quiz
UX Quiz
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
UX lesson 3: Usability First
UX lesson 3: Usability FirstUX lesson 3: Usability First
UX lesson 3: Usability First
 
UX Fundamentals for Beginners
UX Fundamentals for BeginnersUX Fundamentals for Beginners
UX Fundamentals for Beginners
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
Ux design process
Ux design processUx design process
Ux design process
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 

Andere mochten auch

DUXDay Presentation – Prototyping In Axure
DUXDay Presentation – Prototyping In AxureDUXDay Presentation – Prototyping In Axure
DUXDay Presentation – Prototyping In AxureNik Williamson
 
Prototyping with Axure RP - A brief introduction to Axure
Prototyping with Axure RP - A brief introduction to AxurePrototyping with Axure RP - A brief introduction to Axure
Prototyping with Axure RP - A brief introduction to AxureNorthernUX
 
How to fake a database/backend in Axure... and more
How to fake a database/backend in Axure... and moreHow to fake a database/backend in Axure... and more
How to fake a database/backend in Axure... and moreSandra González
 
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
 

Andere mochten auch (6)

DUXDay Presentation – Prototyping In Axure
DUXDay Presentation – Prototyping In AxureDUXDay Presentation – Prototyping In Axure
DUXDay Presentation – Prototyping In Axure
 
Prototyping with Axure RP - A brief introduction to Axure
Prototyping with Axure RP - A brief introduction to AxurePrototyping with Axure RP - A brief introduction to Axure
Prototyping with Axure RP - A brief introduction to Axure
 
Prototyping with Axure
Prototyping with AxurePrototyping with Axure
Prototyping with Axure
 
How to fake a database/backend in Axure... and more
How to fake a database/backend in Axure... and moreHow to fake a database/backend in Axure... and more
How to fake a database/backend in Axure... and more
 
Intro to Axure
Intro to AxureIntro to Axure
Intro to Axure
 
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
 

Ähnlich wie Axure Overview- 30 minutes

Introduction to an UX tool _ Axure_Liz Xu
Introduction to an UX tool _ Axure_Liz XuIntroduction to an UX tool _ Axure_Liz Xu
Introduction to an UX tool _ Axure_Liz XuLiz Xu
 
Open Source Tools for User Assistance
Open Source Tools for User AssistanceOpen Source Tools for User Assistance
Open Source Tools for User AssistanceMichael McCallister
 
Introduction to Dreamweaver
Introduction to DreamweaverIntroduction to Dreamweaver
Introduction to DreamweaverSarah Bombich
 
Web development resources brackets
Web development resources bracketsWeb development resources brackets
Web development resources bracketsLaurence Svekis ✔
 
Ria User Group Accessibility
Ria User Group Accessibility Ria User Group Accessibility
Ria User Group Accessibility Skills Matter
 
EXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSEXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSROHISIVAM
 
Accessibility API in Flex
 Accessibility API in Flex Accessibility API in Flex
Accessibility API in FlexSkills Matter
 
Axure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast BriefingAxure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast BriefingStephen Denning
 
Axure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast BriefingAxure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast BriefingUser Vision
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverablesnathanacurtis
 
2016 SUTOL: React.js – High-Performance Client for Domino
2016 SUTOL: React.js – High-Performance Client for Domino2016 SUTOL: React.js – High-Performance Client for Domino
2016 SUTOL: React.js – High-Performance Client for DominoKnut Herrmann
 
Denver ACE September 2019 6Kites Confluence Presentation
Denver ACE September 2019 6Kites Confluence PresentationDenver ACE September 2019 6Kites Confluence Presentation
Denver ACE September 2019 6Kites Confluence Presentationdenveraug
 
Visual Experience 360 Flex
Visual Experience 360 FlexVisual Experience 360 Flex
Visual Experience 360 FlexJuan Sanchez
 
Penpot Grid Layout presentation announcement
Penpot Grid Layout presentation announcement Penpot Grid Layout presentation announcement
Penpot Grid Layout presentation announcement Penpot
 
Getty Presentation of IMA/AIC OSCI tool
Getty Presentation of IMA/AIC OSCI toolGetty Presentation of IMA/AIC OSCI tool
Getty Presentation of IMA/AIC OSCI toolRobert J. Stein
 
Presentation of the AIC-IMA publishing tool for OSCI
Presentation of the AIC-IMA publishing tool for OSCIPresentation of the AIC-IMA publishing tool for OSCI
Presentation of the AIC-IMA publishing tool for OSCIRobert J. Stein
 

Ähnlich wie Axure Overview- 30 minutes (20)

Introduction to an UX tool _ Axure_Liz Xu
Introduction to an UX tool _ Axure_Liz XuIntroduction to an UX tool _ Axure_Liz Xu
Introduction to an UX tool _ Axure_Liz Xu
 
Open Source Tools for User Assistance
Open Source Tools for User AssistanceOpen Source Tools for User Assistance
Open Source Tools for User Assistance
 
Introduction to Dreamweaver
Introduction to DreamweaverIntroduction to Dreamweaver
Introduction to Dreamweaver
 
Final project 333
Final project 333Final project 333
Final project 333
 
Final project
Final projectFinal project
Final project
 
Web development resources brackets
Web development resources bracketsWeb development resources brackets
Web development resources brackets
 
Ria User Group Accessibility
Ria User Group Accessibility Ria User Group Accessibility
Ria User Group Accessibility
 
EXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSEXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNS
 
Accessibility API in Flex
 Accessibility API in Flex Accessibility API in Flex
Accessibility API in Flex
 
Axure 8 User Vision Breakfast Briefing
Axure 8 User Vision Breakfast BriefingAxure 8 User Vision Breakfast Briefing
Axure 8 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 Briefing
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverables
 
Intro toflash
Intro toflashIntro toflash
Intro toflash
 
2016 SUTOL: React.js – High-Performance Client for Domino
2016 SUTOL: React.js – High-Performance Client for Domino2016 SUTOL: React.js – High-Performance Client for Domino
2016 SUTOL: React.js – High-Performance Client for Domino
 
Denver ACE September 2019 6Kites Confluence Presentation
Denver ACE September 2019 6Kites Confluence PresentationDenver ACE September 2019 6Kites Confluence Presentation
Denver ACE September 2019 6Kites Confluence Presentation
 
Visual Experience 360 Flex
Visual Experience 360 FlexVisual Experience 360 Flex
Visual Experience 360 Flex
 
Penpot Grid Layout presentation announcement
Penpot Grid Layout presentation announcement Penpot Grid Layout presentation announcement
Penpot Grid Layout presentation announcement
 
Getty Presentation of IMA/AIC OSCI tool
Getty Presentation of IMA/AIC OSCI toolGetty Presentation of IMA/AIC OSCI tool
Getty Presentation of IMA/AIC OSCI tool
 
Presentation of the AIC-IMA publishing tool for OSCI
Presentation of the AIC-IMA publishing tool for OSCIPresentation of the AIC-IMA publishing tool for OSCI
Presentation of the AIC-IMA publishing tool for OSCI
 
171dreamweaver
171dreamweaver171dreamweaver
171dreamweaver
 

Axure Overview- 30 minutes