You’ve asked for it, so here it is – the first UX Prototyping with Axure Challenge instalment (depending on the interest and feedback might not be the last either!). The rules are simple – you get a high-level product design brief and simple scenario. The rest is up to...
In this session, I’ll show how previously discussed Atomic Design System atoms scale to make more complex functional patterns – molecules. I’ll show the key steps when it comes to this pattern morphing and highlight all caveats when working with UX and UI pattern libraries and design systems. A...
In this session, I’ll continue explaining how you can extract information from one Axure RP repeater dataset and display in another repeater. Better yet, we will take it a step further and showcase that information on a different page using global variables. If you plan to craft highest-fidelity UX...
In this session, we will start deconstructing a proven UI mockup into the smallest UI particles – atoms. This is a first step at defining a new Atomic Design system in Sketch. We’ll use existing Sketch symbol features as well as previously (ep2) defined system structure. A design system...
In this episode, I’ll show you how to quickly set up your Sketch file to better accommodate the Atomic Design steps (atoms, molecules, organisms, templates and pages). This is one of the most important steps while creating an easy to maintain and experiment with design pattern library. A design...
This video will kickstart the new mini-tutorial series on creating your own design system using Sketch app. I’ll walk you through key steps, caveats, pros and cons to making a design system and more. A design system is a collection of reusable product design components, that are guided by...
A design system is a collection of reusable product design components, that are guided by clear standards. Atomic Design System patterns are usually tested with users, the commercial side of things and have been proven to be successful to assemble new features. Needless to say, design systems are UX...
In this Axure tutorial session, I’ll show you how to make intuitive lists that allow users to transfer information from one list to the other. Of course, we will use Axure’s repeater functionality to achieve this effect. You might wonder why you should consider this option? One of the...
In this session, I’ll walk you through the brand new addition to Sketch app version 58 – Smart Layouts. This is by far the most advanced new feature when it comes to designing UI/UX elements that flow depending on the size of the text, containers etc. You as a...
In this session, we will continue on the filter and sorting options to better present repeater item lists. I’ll show you how to quickly add auto-sorting options by text, numeric values, different ordering options and more. Knowing this is irreplaceable when it comes to making interactive item lists, tables...
In this session, I’ll show you how to add multiple advanced filters to your Axure RP UX prototypes that use repeater functionality. If you have been following my video tutorials you probably have seen a few videos on repeater feature. This feature allows enlisting multiple dataset entries by reusing...
In this session, I’ll show you how to create an interactive image zoom in and out effect with Axure RP. Needless to say at some point you’ll encounter a use case where your UX prototypes will need to be able to zoom maps, photos etc. In just a few...
In this episode, I’ll show you the key methods and tools inside the Sketch app that make product design (UX/UI) crafting in pixel-perfect approach easier than ever. I’ll show one of my recent designs that were done purely by eye without any rulers or guidelines and in a matter...
In this session, I’ll show you how to quickly make a checkbox selection list in Axure RP. With just a few minutes of effort, you can craft a fully functional, custom-styled and dynamic checkbox list with select all, and clear features.
In this episode, I’ll show you 2 ways to create interactive prototypes only using the Sketch app. The first way will utilise the existing UX prototyping features Sketch has, the second will showcase the Invision Craft plugin capabilities that integrates well with existing Invision ecosystem. Whichever way you prefer,...
In this session, I’ll walk you through the top 10 mistakes I see UX and product designers make when rapid prototyping with Axure RP. These are highly technical, process and collaboration related issues that juniors and experienced designers tend to be guilty of. I’ll give you reasons and better...