rapid prototyping & axure rp
DESCRIPTION
TRANSCRIPT
![Page 1: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/1.jpg)
Rapid
Prototyping &
Axure RP
BA Training
![Page 2: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/2.jpg)
Rapid Prototyping
is a process of quickly mocking up the future
state of a system, a website or an application,
and validating it with a broader team of users,
stakeholders, developers and designers.
mockup
prototype wireframe
![Page 3: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/3.jpg)
Available Tools
Parameters to Consider When Selecting a Tool ●
● Purpose Wireframing vs Prototyping
● Location Desktop vs Web Solutions
● Output Options RTF, PowerPoint, PDF
● Capabilities Specialized tools vs Universal tools
● Learning Curve Professional vs
● Price Free vs Paid
![Page 4: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/4.jpg)
Axure RP Benefits and Drawbacks
● Wireframes, Sketches, Mockups, Prototypes
● Desktop with collaboration option
● MS Word, HTML
● Universal tool with wide range of capabilities
● Easy to start using, great learning facilities
● $ 289 / $589
![Page 5: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/5.jpg)
Axure RP Workspace
![Page 6: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/6.jpg)
Sitemap: Organizing Your Pages
● adding
● naming
● moving
● deleting
● copying
![Page 7: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/7.jpg)
Page Formatting - Page Style
●
● adding a style
● background
colour
● background
image
● sketchiness
![Page 8: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/8.jpg)
Page Formatting - Sketch Effect
● sketch level
● colour scheme
● font
● line width
![Page 9: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/9.jpg)
Widget Placing: Page Grids and
Guides
Grid
● line vs intersection
● spacing
Guides
● columns and rows
● single guide
● global guides
● guide color
![Page 10: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/10.jpg)
Widget Basics
● Available widgets
● Widget properties
● Common actions
![Page 11: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/11.jpg)
Widget Formatting
● Label
● Position
● Appearance
![Page 12: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/12.jpg)
Masters
● What are
masters
for?
● Creating
masters
● Master’s
behaviour
● Usage
Report
![Page 13: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/13.jpg)
HTML Prototype
● Destination folder
● Opening browser
● Generation
options
![Page 14: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/14.jpg)
Cases and Actions
● Adding a
case
● Case types
● Page cases
● Action types
![Page 15: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/15.jpg)
Quick Links
● Simplest interaction
● Link options
![Page 16: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/16.jpg)
Dynamic Panels
● Adding a Panel
● States
● Visibility
● Cases and
Actions
![Page 17: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/17.jpg)
Conditions
● what for
● condition
builder logic
● multiple
conditions
![Page 18: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/18.jpg)
Widget Values
![Page 19: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/19.jpg)
Variables
● what for
● naming
![Page 20: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/20.jpg)
Page Load Interactions
![Page 21: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/21.jpg)
Flow Diagrams
● Diagram type
● Flow shapes
● Import shape
● Editing shapes
● Connectors
● Reference pages
![Page 22: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/22.jpg)
Flow Diagram - Generate Site Map
flow diagram with reference pages
![Page 23: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/23.jpg)
Specifications - Widget
Annotations
● Add
● Customize
● In spec
![Page 24: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/24.jpg)
Specifications - Page Notes
● Add notes
● Formatting
● Views
● In spec
● In prototype
![Page 25: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/25.jpg)
Specifications
● General
● Pages
● Masters
● Page Properties
● Screenshot
● Layout
● Widget
Properties
● Template
![Page 26: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/26.jpg)
Collaboration
edit SAME file at the SAME time
get changes check out
check in
![Page 27: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/27.jpg)
Collaboration - Share a Project
● Share a project
● Get a shared project
● Name & Directory
● Revisions
● Local copy
● Export file
step 1 Create Project
step 2 Project name
step 3 Directory
![Page 28: Rapid Prototyping & Axure RP](https://reader031.vdocuments.mx/reader031/viewer/2022020101/54c726fb4a7959a6258b4587/html5/thumbnails/28.jpg)
Collaboration - Menu Changes