You are previewing Axure RP Prototyping Cookbook.
O'Reilly logo
Axure RP Prototyping Cookbook

Book Description

Building custom prototypes for mobile and desktop is fast and efficient with Axure, and this cookbook matches it for ease of use. With over 70 practical recipes, it’s a chance to take your skills to the next level.

In Detail

Axure has quickly become one of the leading tools for rapid prototyping in use today. Driving Axure’s popularity and wide spread adoption is the ability to iteratively develop interactive HTML prototypes of websites and applications. With the AxShare cloud-based service, prototypes are easily shared amongst clients and team members. Prototypes can even be viewed on Android, iPhone, and iPad, appearing like a native application.

This guide provides fast, practical, step-by-step recipes to create your own custom prototypes for mobile and desktop. You can now easily create your mobile-first designs as well as responsive and adaptive web design interactions. Using real-world examples developed from today’s hottest technological trends, you can take your skills to the next level!

This book takes you through the latest methods to create Adaptive Web Layouts (AWD) with Axure RP 7 Pro, and create widgets for Responsive Web Layouts (RWD). Prototyping for mobiles will now be easier as you will be able to include jQuery Mobile into your Axure Prototypes. You will learn to connect to Social Media sites such as Facebook, Twitter, YouTube, and Pinterest and create ecommerce order checkout flows to make your prototypes come to life. With this book and Axure RP Pro, you will witness increased productivity in your team by leveraging Axure Team Projects.

You will see how to create custom templates for specifications to impress your clients, create Masters and build your own custom Widget libraries. You will learn to use AxShare to quickly share password protected prototypes with clients and teammates, and explore integrate Axure Prototypes with external JavaScript Libraries.

Finally, you will be able to setup Android and iPad/iPhone emulators to quickly view your prototypes and run them native on Android, iOS and Windows 8.1 devices. By applying the recipes in "Axure RP Prototyping Cookbook", your prototypes on your iPhone, iPad, Android device, or browser will have never looked better!

What You Will Learn

  • Prototyping using the latest adaptive and responsive web design techniques with Axure
  • Build mobile prototypes for iOS, Android, and Windows devices using Axure and jQuery Mobile
  • Add social media badges for customer-specific Facebook, Twitter, and Pinterest accounts
  • Connect to Google Play and Apple iTunes Stores using the official Google Play and Apple iTunes APIs
  • Animate paper prototypes with Axure
  • Incorporate inline frames with external HTML and CSS
  • Use YouTube and Vimeo in your prototypes
  • Work with Open Source Fly Out Zoom for product visualization
  • Add Google Photo Spheres to prototypes
  • Leverage Google Maps and Geolocation with Axure
  • Send data to Salesforce from your prototype
  • Create reusable custom Masters and libraries
  • Maximize productivity with AxShare and Axure in team environments
  • Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

    Table of Contents

    1. Axure RP Prototyping Cookbook
      1. Table of Contents
      2. Axure RP Prototyping Cookbook
      3. Credits
      4. About the Author
      5. About the Reviewers
      6. www.PacktPub.com
        1. Support files, eBooks, discount offers and more
        2. Why Subscribe?
        3. Free Access for Packt account holders
      7. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Downloading the example code
          2. Errata
          3. Piracy
          4. Questions
      8. 1. Prototyping Recipes
        1. Introduction
        2. Sketching, scanning, and prototyping
          1. Getting ready
          2. How to do it...
          3. How it works...
        3. Creating a dynamic Breadcrumb Master
          1. Getting ready
          2. How to do it...
          3. How it works...
        4. Generating a dynamic welcome message
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        5. Creating a carousel with Dynamic Panel state actions – next and previous
          1. Getting ready
          2. How to do it...
          3. How it works...
        6. Building a fixed Contact Us widget
          1. Getting ready
          2. How to do it...
          3. How it works...
        7. Prototyping a Frequently Asked Questions (FAQ) page
          1. Getting ready
          2. How to do it...
          3. How it works...
        8. Validating user input
          1. Getting ready
          2. How to do it...
          3. How it works...
        9. Adding an enabled submit button to form fields
          1. How to do it...
          2. How it works...
          3. There's more...
        10. Sending form data to Salesforce
          1. Getting ready
          2. How to do it...
          3. How it works...
      9. 2. Enhanced Prototyping Recipes
        1. Introduction
        2. Adding external HTML and CSS files
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        3. Incorporating inline frames
          1. Getting ready
          2. How to do it...
          3. How it works...
        4. Embedding external videos
          1. Getting ready
          2. How to do it...
          3. How it works...
        5. Including WordPress blog interactions
          1. How to do it...
          2. How it works...
          3. There's more...
        6. Adding Google photo spheres
          1. Getting ready
          2. How to do it...
          3. How it works...
        7. Product visualization with flyout zoom
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        8. Using Google Maps with Geolocation
          1. How to do it...
          2. How it works...
        9. Leveraging social media logos – Facebook, Twitter, and Pinterest
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        10. Adding app store badges – Apple iTunes and Google Play
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
      10. 3. Specifications
        1. Introduction
        2. Customizing the document template
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        3. Standardizing your annotations
          1. Getting ready
          2. How to do it...
          3. How it works...
        4. Annotation for widgets
          1. How to do it...
          2. How it works...
        5. Annotations for pages
          1. How to do it...
          2. How it works...
        6. Specification customization
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
      11. 4. Wireframes and Design
        1. Introduction
        2. Leveraging freely available widget libraries
          1. Getting ready
          2. How to do it...
        3. Creating a header Master
          1. Getting ready
          2. How to do it...
          3. How it works...
        4. Creating a main navigation Master
          1. Getting ready
          2. How to do it...
          3. How it works...
        5. Creating a left navigation Master
          1. Getting ready
          2. How to do it...
          3. How it works...
        6. Creating a footer Master
          1. Getting ready
          2. How to do it...
          3. How it works...
        7. Using multiple Masters on a page
          1. Getting ready
          2. How to do it...
          3. How it works...
        8. Enabling rounded turns on connectors
          1. How to do it...
          2. How it works...
        9. Using stacked flow shapes
          1. How to do it...
          2. How it works...
          3. There's more...
        10. Creating custom widget libraries
          1. How to do it...
          2. How it works...
          3. There's more...
        11. Editing custom widgets
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
      12. 5. E-commerce Solutions
        1. Introduction
        2. Building a Contact Us form
          1. How to do it...
          2. How it works...
          3. There's more...
        3. Business-to-business (B2B) use cases
          1. How to do it...
          2. How it works...
        4. A B2B invoice inquiry
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        5. A B2B order checkout
          1. Getting ready
          2. How to do it...
          3. How it works...
        6. Business-to-consumer (B2C) use cases
          1. How to do it...
          2. How it works...
          3. There's more...
        7. A B2C order status
          1. Getting ready
          2. How to do it...
          3. How it works...
        8. A B2C order checkout
          1. Getting ready
          2. How to do it...
          3. How it works...
        9. A Magento example
          1. Getting ready
          2. How to do it...
          3. How it works...
        10. A Zen Cart example
          1. Getting ready
          2. How to do it...
          3. How it works...
      13. 6. Using Axure in Teams
        1. Introduction
        2. Leveraging the team project basics
          1. How to do it...
          2. How it works...
          3. There's more...
        3. Creating a new shared project
          1. Getting ready
          2. How to do it...
          3. How it works...
        4. Maximizing collaboration through shared projects
          1. How to do it...
          2. How it works...
          3. There's more...
        5. Checking in and checking out – making changes in a shared project
          1. How to do it...
          2. How it works...
        6. Managing shared projects
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        7. Using the team project history
          1. Getting ready
          2. How to do it...
          3. How it works...
        8. Exporting a shared project
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        9. Configuring subversion on an Amazon EC2 instance
          1. Getting ready
          2. How to do it…
          3. How it works...
      14. 7. Adaptive and Responsive Web Design with Axure
        1. Introduction
        2. Designing for adaptive and responsive layouts
          1. Getting ready
          2. How to do it...
          3. How it works...
        3. Applying your responsive grid to Axure prototypes
          1. How to do it...
          2. How it works...
        4. Using jQuery to emulate media queries with Axure
          1. How to do it...
          2. How it works...
          3. There's more...
        5. Using jQuery Mobile with Axure
          1. Getting Ready
          2. How to do it...
          3. How it works...
        6. Building a responsive navigation example
          1. How to do it...
          2. How it works...
        7. Building a responsive home page prototype
          1. How to do it...
          2. How it works...
        8. Building a responsive gallery grid
          1. How to do it...
          2. How it works...
        9. Building a responsive landing page
          1. Getting ready
          2. How to do it…
          3. How it works...
          4. There's more...
      15. 8. Prototyping for Mobile
        1. Introduction
        2. Using AxShare
          1. Getting ready
          2. How to do it...
          3. How it works...
        3. Setting the viewport for your target mobile device
          1. Getting ready
          2. How to do it...
          3. How it works...
        4. Creating a slideshow with the OnSwipeLeft and OnSwipeRight events
          1. Getting ready
          2. How to do it...
          3. How it works...
        5. Mimicking a native iOS application
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        6. Leveraging dynamic panel scrolling for mobile devices
          1. Getting ready
          2. How to do it...
          3. How it works...
        7. Running your prototype natively on an iOS device
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        8. Running your prototype natively on Android devices
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        9. Running your prototype natively on Microsoft Surface and Windows 8 devices
          1. Getting ready
          2. How to do it...
          3. How it works...
      16. 9. Miscellaneous Explorations
        1. Introduction
        2. Using event triggers to play audio files
          1. How to do it...
          2. How it works...
        3. Recovering Axure files
          1. How to do it...
          2. How it works...
        4. Setting up the Android SDK for virtual application prototype demonstrations
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        5. Setting up Xcode for iPad/iPhone virtual application prototype demonstrations
          1. How to do it...
          2. How it works...
          3. See also
        6. Installing XAMPP for Mac OS X for local prototyping
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        7. Installing XAMPP for Windows 8.1 for local prototyping
          1. Getting ready
          2. How to do it...
          3. How it works...
        8. Leveraging Google reCAPTCHA and PHP pages with Axure
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
        9. Using Ajax, JavaScript, MySQL, and PHP with Axure
          1. Getting ready
          2. How to do it...
          3. How it works...
      17. Index