English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 3h 49m | 883 MB
Get to grips with advanced UX techniques!
User experience (UX) design is a theoretical understanding of how users interact with websites. User experience design is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided by interacting with the product. Everything humans interact with has an experience associated with it.
You will start off your journey by looking at how to set up a high-fidelity UX design process and defining the steps and interactions a user is engaging in. Learn to sketch wireframing, symbols and prototyping here. You will also learn how to export PNGs. Moving on, you’ll master high-fidelity prototyping; here you will learn to use interface styles, typography styles, color styles, and more. Further you will master interaction design and motion studies, reviewing motion patterns and identifying areas that require animation. You will learn why we should use prototypes and Invision App, connecting prototypes via Invision App, and sharing.
Finally you will finish the course by looking at motion prototypes, setup principle by Mac, uploading assets, animating components, and exporting video and app assets for testing.
Using a step-by-step approach, these videos are an easy-to-understand guide, filled with real-world use cases covering processes, designs, and techniques, helping you build a strong foundation in User Experience design.
What You Will Learn
- Explore important concepts such as ideation, sketching, high-fidelity sketching, and prototyping
- Explore ideation and sketching and how to generate ideas by understanding user and business needs.
- Learn how to sketch and identify UI style guides, and review and sketch solutions
- Explore high-fidelity prototyping, user interface styling and sketch symbols, typography styles, and more.
- Master interaction design and motion studies and build motion prototypes
- Test and iterate high fidelity user experience scenarios.
Table of Contents
Sketching into Wireframes
1 The Course Overview
2 Paper Sketch > Wireframe
3 Sketch App and Setup
4 Wireframe Assets
5 Wireframes Pages – Idea Choice
Sketch Wireframing Symbols and Prototyping
6 User Interface and Sketch Symbols
7 Sketch Layers and Labels
8 PNG Exporting
9 Refreshing InVision Prototype
High-Fidelity Prototyping
10 UI Styling and Sketch Symbols
11 UI Style Guide
12 Typography Styles H1- H6
13 Color Styles and Hex Code
14 Imagery and Composition
15 Headlines and Copy
16 PNG Exporting
17 Refreshing InVision
Interaction Design and Motion Studies
18 Why Does Motion and Interaction Matter
19 Review Motion Patterns
20 Identify Areas That Need Animation
21 Define Interactions and Motion Prototypes
22 Separate Layers and Export Layer Assets
Build a Motion Prototype
23 Set Up Principle by Mac
24 Upload Import Assets
25 Animate Components
26 Iterate Animations and Re-Upload
27 Export Video and Review
Resolve the captcha to access the links!