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
   ...
Why Prototype?
Types
    of
Prototypes
Low Fidelity
sketchy and incomplete—has some
  characteristics of the target product but is
  otherwise simple, usually in...
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 designi...
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 experien...
Axure
   Pros                                Cons
       Allows to make quickly              Generated HTML is not
   ...
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
   ...
You can download a free trial at
Axure.com
Again…I do not work for Axure.
A few Best Practices/Tips
   Data gathering first and foremost
   Iterative process – low to high fidelity
   Structure...
Questions
Prototyping Axure
Prototyping Axure
Prototyping Axure
Prototyping Axure
Upcoming SlideShare
Loading in...5
×

Prototyping Axure

1,424

Published on

Presented at STC Currents, Atlanta, April 17, 2010.

Prototyping in General
Types
Tools
Process
Axure
Basic Features
Example Projects

Prototyping Axure

  1. 1. Prototyping (Using Axure) Krista Kostuch, CUA Usability Analyst, Sr. Synovus Financial Corporation
  2. 2. Me
  3. 3. You
  4. 4. Today’s Topics  Prototyping in General  Types  Tools  Process  Axure  Basic Features  Example Projects  Questions/Discussion
  5. 5. Why Prototype?
  6. 6. Types of Prototypes
  7. 7. 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
  8. 8. Low Fidelity “tools”  Pencil and paper  Whiteboard  Visio  PowerPoint  Balsamiq
  9. 9. 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.
  10. 10. Tools
  11. 11. Formalize into SDLC
  12. 12. Whatever way, it must be done early and often – iteratively.
  13. 13. from Boxes and Arrows
  14. 14. 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.com
  15. 15. 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
  16. 16. I do not work for Axure. I just use it everyday.
  17. 17. Let’s Play
  18. 18. Basic Axure Features  Annotated Wireframes  Basic Interactions  Dynamic Panels  Masters  Flow Diagrams  Interactive Prototypes  Functional Specification
  19. 19. You can download a free trial at Axure.com Again…I do not work for Axure.
  20. 20. 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
  21. 21. Questions
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×