Prototyping with Axure
Upcoming SlideShare
Loading in...5

Prototyping with Axure



Presented at Currents Conference 2010, the technical communication conference of the Society for Technical Communication's Atlanta chapter.

Presented at Currents Conference 2010, the technical communication conference of the Society for Technical Communication's Atlanta chapter.



Total Views
Views on SlideShare
Embed Views



1 Embed 39 39



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Prototyping with Axure Prototyping with Axure Presentation Transcript

  • Prototyping (Using Axure) Krista Kostuch, CUA Usability Analyst, Sr. Synovus Financial Corporation
  • Me
  • You
  • Today’s Topics  Prototyping in General  Types  Tools  Process  Axure  Basic Features  Example Projects  Questions/Discussion
  • Why Prototype?
  • Types of Prototypes
  • Low Fidelity sketchy and incomplete—has some characteristics of the target product but is otherwise simple, usually in order to quickly produce the prototype and test broad concepts.  what you need to start with  “quick and dirty” and “cheap”  can help focus on the interaction, and not the visual
  • Low Fidelity “tools”  Pencil and paper  Whiteboard  Visio  PowerPoint  Balsamiq
  • High Fidelity  Close to the final product  Realistic interaction and visual design  Prevents waterfall of designing after the requirements  Keeps focus on user experience  Lets you very quickly and easily create a realistic user experience.
  • Tools
  • Formalize into SDLC
  • Whatever way, it must be done early and often – iteratively.
  • from Boxes and Arrows
  • Axure  What is it?  “Axure RP is a wireframing, prototyping and specification tool used by user experience designers, information architects, business analysts and product managers to design applications and websites.”
  • Axure  Pros  Cons  Allows to make quickly  Generated HTML is not wireframe: drag and drop reusable (made up of text boxes, form images, and absolutely components… positioned divs)  Numerous interactions  Price (about 589 USD) (tabs; conditional events;  Tables integration weak hidable panels…) easy to (can put only text in it, no create form elements, no  Reusable components buttons…)  Easy to add comments visible in the output  Export HTML  Export specs in doc
  • I do not work for Axure. I just use it everyday.
  • Let’s Play
  • Basic Axure Features  Annotated Wireframes  Basic Interactions  Dynamic Panels  Masters  Flow Diagrams  Interactive Prototypes  Functional Specification
  • You can download a free trial at Again…I do not work for Axure.
  • A few Best Practices/Tips  Data gathering first and foremost  Iterative process – low to high fidelity  Structure, Presentation, then Behavior  Design to the/a grid  Usability testing is a must at all stages of the process
  • Questions