Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
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.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction to the Axure 7 User Interface|
Introducing the Axure user interface.
|Introducing the sitemap pane to work with pages.|
|Introducing the widgets pane to spice up your pages.|
|Learning about the concept of masters and how they can be used in the project.|
|Understanding how the Pages Palette can be used for different kinds of audiences and adding interactions.|
Exploring the various widget settings.
|Understanding how styles can be set up to apply formatting rules across widgets.|
Understanding how the different objects in the project are represented in layers.
|Section 2: Widgets and Masters – Wireframing Basics|
|Start with a fresh canvas to eventually set up a page for wireframing.|
|Getting started with the first steps to work with widgets.|
Using Base Styles to apply formatting across the project.
Using masters to manage the appearance of our website.
|How objects are stacked in "layers", or more specifically, a "z-index".|
|How you can browse through your wireframes.|
|Section 3: Prototyping Basics|
|Adding the most basic interaction to our page in the form of links.|
|Looking into advanced ways of adding links.|
|Adding links to paragraphs.|
Creating shortcuts that allow us to add hover and selected states for buttons.
|We do not need to convert to a dynamic panel before showing or hiding objects with Axure Version 7. Let's see how.|
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.
|Section 4: Building a Product Slide Show with Dynamic Panels|
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.
|Enabling the users to cycle through slides in a linear fashion by adding controls.|
|Enabling the users to jump around the slide show in a nonlinear way.|
|Creating custom menus with the aid of selection groups.|
|Adding interaction between the slider and tab for smoother navigation.|
|Section 5: Axure – Collaboration and Project Management Features|
|Learning how notes are generated as part of the published prototype and specifications documents.|
Customizing and generating prototypes for different audience types.
|Uploading prototypes to AxShare so that you can share your work by e-mailing a link.|
|Generating a specification document and exploring the various options available.|
|A brief look at Widget Libraries and how you can use them to work on projects collaboratively.|
|Use RP files to utilize the objects of one project in another.|
|Managing your design between projects with the help of libraries.|
|Creating a Team project file so that a number of users can work on a project simultaneously.|
|Section 6: Designing a Responsive Site Framework with Adaptive Views|
|Getting started with the adaptive site framework to use for all our responsive projects.|
|Taking on a mobile-first approach for adaptive views.|
|A quick look at how inheritance works.|
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.
|Section 7: Creating an Adaptive Menu System for Our Site|
Creating the menu and adapting it for each view.
Creating more pages for navigation and linking the menu items to these pages.
|Setting up adaptive styling for the menu items—a useful technique with many applications.|
Adding the menu button and creating the interaction to pull the menu out from the side.
|Learning to use queries to make the menu animation work in the small views.|
Resetting the menu when navigating.
|Section 8: Adaptive Data-heavy Design Patterns in the Repeater Widget|
Designing for a range of viewport dimensions.
|Creating a Media list using the new Axure 7 Repeater widget to showcase the books.|
|Adding more useful data to the repeater.|
|Assigning the dataset fields to widgets on the repeater canvas.|
Adapting the widgets for each of the three views, as appropriate.
|Adding the adaptive Media List widget into the responsive framework file.|
|Adding book-specific content from AcmeBooks.CSV|
Adding images for the products on our website.
Applying a filter to the repeater using a dropdown.
|Section 9: Applying Book Details to Widgets Dynamically|
|Adding more products to the website to understand how it works.|
|Editing the menu so that it reflects the contents we have added so far.|
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.
|Learning a trick to generate your prototype to be tested on devices.|
Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.