Axure RP is the industry leading tool for user experience professionals to communicate their ideas to colleagues and clients. It helps you create design “views" or variations for your projects that are fit for different screen sizes.
In this course you will learn how to create files and design patterns that you can use for all your responsive projects. Then you will customize what you've created to build an online bookshop for multiple devices.
In this extended edition, learn the basics of prototyping with Axure before moving onto advanced features like Adaptive Views and the Repeater widget. From basic wireframing and prototyping, through to creating and customizing an e-commerce framework for a responsive online bookstore, and testing on devices, we take you from beginner to pro in this 4-hour video course.
You will learn the techniques to manage the design process optimally for everyone, from a one man UX freelancer to enterprise environments. You'll have the time and expertise to take your projects further with richer, more advanced interactions. With this course you will learn how to work smarter and faster.
About the Author
Stuart Hopper has been working in digital media in London for 12 years, and in UX roles for the last six, five of which were spent using Axure RP extensively. More recently at NEST pensions he has been working to improve the experience of millions of UK employers as they auto-enroll their workforce.
Introducing the Axure user interface.
Exploring the various widget settings.
Understanding how the different objects in the project are represented in layers.
Using Base Styles to apply formatting across the project.
Using masters to manage the appearance of our website.
Creating shortcuts that allow us to add hover and selected states for buttons.
The use case of hiding the description body isn't quite right yet; let's fix that.
Applying a shortcut to push or pull widgets to the left, right, up, or down to show or hide a widget.
Using advanced interactions to build a slide show and link to the products on the home page.
Adding more states to the dynamic panel.
Getting started with the basics of panel states.
Building up the website by creating states for each product and adding more design to them.
Customizing and generating prototypes for different audience types.
Understanding what can and cannot be changed by editing adaptive views.
Setting up the grids and guides to work on adaptive templates.
We cannot animate transitions between conventional pages, hence we will be using dynamic panels in the Base view, or Viewport.
Creating the template header and adding various elements to it.
Interacting with the menu changes the state of the content panel. Scrolls help us achieve that.
Creating more pages for navigation and linking the menu items to these pages.
Adding the menu button and creating the interaction to pull the menu out from the side.
Resetting the menu when navigating.
Designing for a range of viewport dimensions.
Adapting the widgets for each of the three views, as appropriate.
Adding images for the products on our website.
Applying a filter to the repeater using a dropdown.
Now that we are done with adding products, let's add some details to it.
Creating the interaction cases that will populate the widgets depending on whichever book is selected.
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.