Видео

In this lesson, we’ll explore the core features of proto.io and familiarising ourselves with the interface. During the course, we’ll be building a prototype for an online bike shop. To begin with, we’ll gather the necessary components on our prototype in low fidelity and link two screens together. Full course: uxclub.com/courses/an-introduction-to-proto-io Twitter: uxclub Facebook: ...

In this lesson we’ll be adding some visual fidelity to our proto.io prototype. We’ll learn how to import assets, set up custom fonts and send our prototype to a phone where we can preview it in a realistic setting. Full course: uxclub.com/courses/an-introduction-to-proto-io Twitter: uxclub Facebook: theuxclub

In this lesson, we’ll be looking at how to create and manage containers in proto.io. Containers are the sketch equivalent of a symbol. They are reusable elements that you can drag onto your canvas. Much like symbols, you can open your container, make changes and they’ll be reflected in your entire prototype. This comes in handy when you have the same element across multiple places in your proto...

In this lesson, we'll be covering how to create an image slider using dynamic panels in Axure. You’ve no doubt seen image sliders across the web, they've fallen out of popularity a little bit but I think they can still be useful on marketing sites, landing pages, and blogs. Full course: uxclub.com/courses/dynamic-panels-in-axure Twitter: uxclub Facebook: theuxclub

In this lesson, I'll be showing you how to create an accordion menu using dynamic panels in Axure. Accordion menus can be useful when you need to expand larger bits of content or navigational items to the user. Full course: uxclub.com/courses/dynamic-panels-in-axure Twitter: uxclub Facebook: theuxclub

In our last and final lesson, we’ll be looking at how to create draggable widgets using Axure. Imagine Dropbox in the browser, you’re able to drag files into folders or drag files into an area in the browser window to upload them. How can we re-create this for our prototype using Axure? Full course: uxclub.com/courses/dynamic-panels-in-axure Twitter: uxclub Facebook: th...

Information architecture can be quite an overwhelming topic to get your head around. In this course, we’ve aimed to get to know the basics of what information architecture entails. In case the previous lessons have gone over your head somewhat we’ll recap on a few of the essentials you’ll need to continue on this track. Full course: uxclub.com/courses/what-is-information-architecture Twitter: t...

Ever wondered what an information architect does? Common tasks of IAs include research, navigation creation, wireframing, labeling, and data modeling. Most of these tasks are valuable because of the process they follow, and some also result in deliverables that you can present back to the client. You won't necessarily be responsible for all of these tasks but you will be expected to understand ...

Information architecture is about helping people understand their surroundings and find what they’re looking for, in the real world as well as online. In this lesson, we'll be covering the basics to help give us an overview of what information architecture is all about. Full course: uxclub.com/courses/what-is-in... Twitter: uxclub Facebook: theuxclub

In an open card sort, you don't have any preset categories and you ask users to group cards however they see fit, with as many or as few groups as make sense. A closed card sort consists of presenting users with a preselected set of groups and categories and asking them to sort cards into the structure that you’ve specified for them. If you want to propose a structure for participants to sort i...

Card sorting is a research method used by ux designers, information architects and similar professionals to understand how users view, categorize and label content. It is a cheap, quick and useful way to get your users engaged with your product and get valuable feedback fast

Following the data trail is crucial to providing a good user experience to your users. Any good data design driven model will use both quantitative and qualitative data to help build solid user needs.

A sneak peak of our new course, "The principles of User Experience" In this lesson I discuss the law of proximity which is a guiding principle in design to help establish relationships between objects on the page.

Adding form validation in Axure might not be the most exciting thing you'll ever learn about but it all adds to the realism of the prototype that users are going to test. When a user inputs data into a form you want that interaction as realistic as possible in order to gather the most accurate user feedback. There are a few ways you can add form validation to forms in Axure and using third-part...

Basic Interactivity in Axure

Learning how to use Widgets in Axure

Value Proposition Design: The Value Map

Tips on Sketching Your Wireframes

Hit the Ground Running Using UX Strategies for Small Businesses

How to work with grids and design responsively

How to do User Story Mapping