Rapid

Prototyping &

Axure RP

BA Training

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

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

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

Axure RP Workspace

Sitemap: Organizing Your Pages

● adding

● naming

● moving

● deleting

● copying

Page Formatting - Page Style

●

● adding a style

● background

colour

● background

image

● sketchiness

Page Formatting - Sketch Effect

● sketch level

● colour scheme

● font

● line width

Widget Placing: Page Grids and

Guides

Grid

● line vs intersection

● spacing

Guides

● columns and rows

● single guide

● global guides

● guide color

Widget Basics

● Available widgets

● Widget properties

● Common actions

Widget Formatting

● Label

● Position

● Appearance

Masters

● What are

masters

for?

● Creating

masters

● Master’s

behaviour

● Usage

Report

HTML Prototype

● Destination folder

● Opening browser

● Generation

options

Cases and Actions

● Adding a

case

● Case types

● Page cases

● Action types

Quick Links

● Simplest interaction

● Link options

Dynamic Panels

● Adding a Panel

● States

● Visibility

● Cases and

Actions

Conditions

● what for

● condition

builder logic

● multiple

conditions

Widget Values

Variables

● what for

● naming

Page Load Interactions

Flow Diagrams

● Diagram type

● Flow shapes

● Import shape

● Editing shapes

● Connectors

● Reference pages

Flow Diagram - Generate Site Map

flow diagram with reference pages

Specifications - Widget

Annotations

● Add

● Customize

● In spec

Specifications - Page Notes

● Add notes

● Formatting

● Views

● In spec

● In prototype

Specifications

● General

● Pages

● Masters

● Page Properties

● Screenshot

● Layout

● Widget

Properties

● Template

Collaboration

edit SAME file at the SAME time

get changes check out

check in

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

Collaboration - Menu Changes