This course explores UXPin, the collaborative product design tool that allows you to create and present wireframes, mockups, and prototypes.  The participants will learn how to set up UXPin, importing existing artwork, in order to start to create wireframes. The class will also demonstrate interactivity and motion to prototypes in order to simulate real-world app experience, and how to share prototypes and documentation.

2 days - $1,295.00

Course taught by an expert website designer. 

Prerequisites:

Basic computer knowledge is required. 

Course Outline

Getting Started with UXPin

UXPin Dashboard
UX Documents
Review of the UXPin Interface
Using the view options
Using the library
Creating and using components
Fonts and the UXPin text element
Adding Layers
Using the UXPin Smart Grid
Importing video
Previewing a project

Creating a Low-Fidelity Wireframe

Create user flow diagrams
Adding device screens
Create a content wireframe
Create a low-fidelity wireframe
Adding pages
Adding screen transitions

Creating Artwork for UXPin

Create assets in Photoshop
Create assets in Sketch
Using the Pen tool
Importing artwork
Working with Color
Creating imaging effects
Editing a design

Building a High-Fidelity Prototype

Adding Content
Creating a component
Using states
Adding scrolling

Adding Interactivity and Motion

Adding interactions
Create hot spots
Using multistate elements
Using data in UXPin
Adding animations
Animating state changes

Sharing your Prototype

Using the share menu
Export color and type styles to JSON
Exporting your project