YoVDO

UXPin for UX Design

Offered By: LinkedIn Learning

Tags

Prototyping Courses Interaction Design Courses User Experience Design Courses Wireframing Courses Design Systems Courses

Course Description

Overview

Learn about how to use UXPin, the design and prototyping tool, to design documentation and create accurate wireframes and prototypes for your user experience (UX) projects.

Syllabus

Introduction
  • UXPin for UX design
  • Exercise files
  • What you should know
1. Getting Started with UXPin
  • UXPin Dashboard
  • UX documents
  • Review of the UXPin interface
  • Using the view options
  • Create a new document
  • Using the library
  • Creating and using components
  • Fonts and the UXPin text element
  • Adding layers
  • Using the UXPin Smart Grid
  • Import video
  • Previewing a project
2. Create 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
3. 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 system
4. Building a High-Fidelity Prototype
  • Adding content
  • Creating a component
  • Using states
  • Adding scrolling
  • A component teacher trick
5. Adding Interactivity and Motion
  • Adding interactions
  • Create hot spots
  • Using multistate elements
  • Using data in UXPin
  • Adding animations
  • Animating state changes
6. Practical UXPin Projects
  • Create an accordion menu
  • Create a navigation drawer
  • Create a pop down menu
  • Create navigation using UXPin elements
  • Design a carousel
  • Add interactivity to a carousel
  • Style elements with custom CSS
7. Sharing Your Prototype
  • Using the share menu
  • Export color and type styles to JSON
  • Exporting your project
Conclusion
  • Next steps

Taught by

Tom Green

Related Courses

Design: Creation of Artifacts in Society
University of Pennsylvania via Coursera
Design Thinking Action Lab
Stanford University via NovoEd
Blended Learning: Personalizing Education for Students
New Teacher Center via Coursera
Mobile Application Experiences Part 1: From a Domain to an App Idea
Massachusetts Institute of Technology via edX
Usable Security
University of Maryland, College Park via Coursera