Prototyping with Axure

3,959 views
3,796 views

Published on

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

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,959
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
59
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Prototyping with 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

×