Free Sample
+ Collection

Axure RP Prototyping Cookbook

John Henry Krahenbuhl

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.
RRP $29.99
RRP $49.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849697989
Paperback300 pages

About This Book

  • Create sophisticated prototypes incorporating Axure with the latest web trends and technologies, such as Responsive Web Design, Ajax, PHP, mySQL, and jQuery Mobile
  • Customize prototypes with Social Media Badges from Facebook, Twitter, and Pinterest; logos from Apple iTunes and Google Play; Google Maps Geolocation features, and more
  • Enhance individual and team productivity with reusable asset libraries and documentation customized for your organization and clients

Who This Book Is For

If you are a designer, information architect, business analyst or user experience professional who wants to gain advanced prototyping skills with Axure, this book will be ideal for you. Some experience with prototyping is preferred.

Table of Contents

Chapter 1: Prototyping Recipes
Sketching, scanning, and prototyping
Creating a dynamic Breadcrumb Master
Generating a dynamic welcome message
Creating a carousel with Dynamic Panel state actions – next and previous
Building a fixed Contact Us widget
Prototyping a Frequently Asked Questions (FAQ) page
Validating user input
Adding an enabled submit button to form fields
Sending form data to Salesforce
Chapter 2: Enhanced Prototyping Recipes
Adding external HTML and CSS files
Incorporating inline frames
Embedding external videos
Including WordPress blog interactions
Adding Google photo spheres
Product visualization with flyout zoom
Using Google Maps with Geolocation
Leveraging social media logos – Facebook, Twitter, and Pinterest
Adding app store badges – Apple iTunes and Google Play
Chapter 3: Specifications
Customizing the document template
Standardizing your annotations
Annotation for widgets
Annotations for pages
Specification customization
Chapter 4: Wireframes and Design
Leveraging freely available widget libraries
Creating a header Master
Creating a main navigation Master
Creating a left navigation Master
Creating a footer Master
Using multiple Masters on a page
Enabling rounded turns on connectors
Using stacked flow shapes
Creating custom widget libraries
Editing custom widgets
Chapter 5: E-commerce Solutions
Building a Contact Us form
Business-to-business (B2B) use cases
A B2B invoice inquiry
A B2B order checkout
Business-to-consumer (B2C) use cases
A B2C order status
A B2C order checkout
A Magento example
A Zen Cart example
Chapter 6: Using Axure in Teams
Leveraging the team project basics
Creating a new shared project
Maximizing collaboration through shared projects
Checking in and checking out – making changes in a shared project
Managing shared projects
Using the team project history
Exporting a shared project
Configuring subversion on an Amazon EC2 instance
Chapter 7: Adaptive and Responsive Web Design with Axure
Designing for adaptive and responsive layouts
Applying your responsive grid to Axure prototypes
Using jQuery to emulate media queries with Axure
Using jQuery Mobile with Axure
Building a responsive navigation example
Building a responsive home page prototype
Building a responsive gallery grid
Building a responsive landing page
Chapter 8: Prototyping for Mobile
Using AxShare
Setting the viewport for your target mobile device
Creating a slideshow with the OnSwipeLeft and OnSwipeRight events
Mimicking a native iOS application
Leveraging dynamic panel scrolling for mobile devices
Running your prototype natively on an iOS device
Running your prototype natively on Android devices
Running your prototype natively on Microsoft Surface and Windows 8 devices
Chapter 9: Miscellaneous Explorations
Using event triggers to play audio files
Recovering Axure files
Setting up the Android SDK for virtual application prototype demonstrations
Setting up Xcode for iPad/iPhone virtual application prototype demonstrations
Installing XAMPP for Mac OS X for local prototyping
Installing XAMPP for Windows 8.1 for local prototyping
Leveraging Google reCAPTCHA and PHP pages with Axure
Using Ajax, JavaScript, MySQL, and PHP with Axure

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

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!


Read More