Prototyping Axure

  • 1,388 views
Uploaded on

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

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

Prototyping in General
Types
Tools
Process
Axure
Basic Features
Example Projects

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,388
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
29
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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