Building Data-driven Prototypes in Axure
In this Axure tutorial, we'll learn how to create dynamic, data-driven prototypes with sets of repeating data that can be sorted, filtered, and paginated. Software required: Axure RP 7.
What you'll learn
In this Axure tutorial, we'll learn how to create dynamic, data-driven prototypes with sets of repeating data that can be sorted, filtered, and paginated. We'll learn methods for using conditional cases and if-then logic to take the interactivity of your prototypes to the next level. By the end of this Axure training, you'll be able to build your own prototypes of data-driven web apps like e-commerce sites, contact lists, photo galleries and more. Software required: Axure RP 7.
Table of contents
- Importing Assets from Other Axure Projects 7m
- Adding and Styling a Repeater Widget 7m
- Laying out the Repeater Item 10m
- Adding Data to a Repeater's Data Set 7m
- Tying Data to the Repeater Using Interactions 10m
- Applying Filters to a Repeater 11m
- Removing Filters from a Repeater 6m
- Applying Sorting to a Repeater When the Prototype Page Loads 6m
- Adding Sorting Controls to the Page 9m
- Paginating Through Results 8m
About the author
Stephanie has more than 18 years of experience in user-interface (UI) and UX design for web and mobile applications. At Bloomfire, she leads UX and UI efforts relating to the development of the company’s enterprise knowledge and collaboration software and is responsible for UX prototyping, user interface design, and usability testing. Stephanie is co-founder and organizer of the Ladies That UX, Austin—a local chapter of Ladies That UX, an international organization for women in UX design.