UI/UX Design Fundamentals

Embark on a creative journey into the world of User Interface (UI) and User Experience (UX) with our UI/UX Fundamentals training course. Tailored for individuals passionate about designing seamless and engaging digital experiences, this comprehensive program covers the essential principles, strategies, and tools in UI/UX design. Select your preferred course schedule: a flexible 4-day weekday option or a convenient weekend format.

40:00 hrs

Beginner, Professional Certificate

English

Description

Unlock your potential with Metaorange Digital’s UI/UX Fundamentals training course! Elevate your design skills as you delve into the intricacies of User Interface (UI) and User Experience (UX). Crafted for passionate individuals, this program offers a comprehensive exploration of essential principles, strategies, and tools. Enroll today and shape captivating digital experiences!

Key Learning Outcomes:

Gain proficiency in UX Design fundamentals, encompassing evaluation, quantitative and qualitative research methodologies, and the psychology of designing for human interaction.
Apply user research synthesis, define design opportunities, execute design sprints using tools like Miro Board, and conduct usability tests to enhance designs based on feedback.
Transform designs into wireframes and low-fidelity sketches using Figma, progressing to high-fidelity interactive designs suitable for engineering handoff.
Integrate visual design principles such as information hierarchy, UI design patterns, visual hierarchy, grid systems, typography, style guides, and basic design systems into your projects.
Utilize qualitative analytics to assess design performance and iteratively enhance designs based on data.
The program consists of three courses and three mini projects, along with a major project. Each completed project contributes to building a comprehensive UX portfolio, showcasing your skills and competence to prospective employers.

UI/UX Design

What you'll learn

Introduction: :

What is UI & UX?

UX Fundamentals: :

5 Key Elements of UX

UX Strategy: :

The Research Process

UX Scope: :

Key Insights from Scope Considerations

UX Structure: :

Information Architecture

UX Skeleton: :

Navigation Design

UX Surface: :

Visual Design Principles

Course Content

Training Module - Azure Fundamentals Training: Hands-On Learning & Resources

What is UI & UX?
Contrasting UI and UX
What makes you best UX Designer?
Key Elements of UI & UX

Introduction to UX
UX Research
Design for Humans
5 Key Elements of UX

The Research Process
Identifying Business Goals
Identifying B2B Goals
Identifying B2C Goals
Three crucial Questions
“First use” Questions
Strategy Takeaways
Strategy Lab Exercises

Establishing Scope
Creating Functional Specifications
Identifying Content Requirements
Formulating Effective Requirements
Prioritizing Specifications and Requirements
Key Insights from Scope Considerations
Practical Scope Lab Exercise

Defining Structure
Interaction Design
Information Architecture
Organizing Principles
Roles & Processes
Structure Takeaways
Structure Lab Exercise

Defining Skeleton
Interface Design
Navigation Design
Convention and Metaphor
Information Design
Wireframe
Skeleton Takeaways
Skeleton Lab Exercise

Defining Surface
Visual Design Principles
Following the Eye
Contrast and Uniformity
Consistency
Color and Typography
Surface Takeaways
Surface Lab Exercise

Introduction
No Process
First UI Designer
Design Process
Process Problems
Divergence & Convergence

Crit / Feedback
Other Processes
Document Design Process

Introduction
Birth of Rationalism
Post Rational
Critical Thinking
Data Driven Design
Everybody Lies
Focus Groups
Eating Dogfood
Scandinavian Design
Innovation Theatre
Design Thinking

Test Assumptions
Logical Fallacies
User Interview
Another User Interview
Surveys
Competitive Analysis
Paper Prototyping

Empathy Map
Persona
Journey Map
Heat Maps
Storyboarding

Introduction
What is Creativity
Creative Brain
PowerPoint Kills
Be Unique
Having Ideas
Brainstorming
Post It
Play
Test

Introduction
Change Your Perspective
Perspective Suppressors
How We See
Color Perception
How We Focus
How We Remember
Visual Channels
Hierarchy
Pre-Attentive Visual Channels
Gestalt Psychology

Introduction
Make Me Think
Usability Testing
Usability Audit
Mental Models
Standards
Make It Obvious
Mobile Design and Usability
Feedback

UX Ice Berg Model
UX Double Diamond
UX Feasibility and Importance
Target Audience
UX Eco-System Mapping
UX Journey Map
SWOT Analysis
Competitor Analysis
Growth Metrics
Famous Business Model

Typography Introduction
Serif & Sans Serif Typeface
Font Weight
Font Size
Kerning
Word Spacing
Leading
Line Width
Orphan and Widow
Type Alignment
Type Hierarchy

Primary, Secondary, and CMYK Colors
HSLA Colors
RGB Colors
Secondary RGB Colors
Color Wheel
Complementary Colors
Split Complementary Colors
Monochromatic Colors
Analogous Colors
Triad Colors
Tertiary Colors
UI Design Components
UI Design Analysis

Information Architecture
Interaction Design
UX Laws
Wireframes
Low Fiddle Design
High Fiddle Design
Service Design
Architectural Patterns
Design and user Experience
Integration & Engagement
Media & VR Theory
Performance
Security
Web Accessibility: Accessibility, Screen Readers, Focus, Semantics, Aria
A/B Randomized Design Tests, A/B Matched Pair Design Tests
Clickable Prototyping
Usability Testing

Introduction
Figma: Getting Started
Figma: Frames
Figma: Shapes
Figma: Fill & Stroke
Figma: Drawing Tools
Figma: Boolean Tools
Figma: Text
Figma: Groups & Layers
Figma: Grids & Constraints
Figma: Effects
Figma: Styles
Figma: Components
Figma: Plugins
Figma: Prototyping
Figma: Version Control
Figma: Feedback
Figma: Exporting
Figma: Latest Features
Figma: Advanced Mobile First Design
Real Time Complex Project Hands-on
What Next…?

User Cantered Design
Low-Fidelity Prototyping
Synthesis: Research to Features
UI Principles
Clickable Prototyping
Usability Testing
High-Fidelity Prototyping to Post-Launch Analysis
UI Design Basics
Building Interactive Designs
Preparing Design for Engineering Handoff
Improving Design Performance

Introduction to HTML, Versions & History
How HTML Works?
Browsers, Rendering Engines
Doctype & Html Document Anatomy
HTML Elements by Creating Examples (Text, Lists, Links, Tables, Media )
HTML Standards (Semantic, Accessibility & SEO Compatible …)
Theme Building Approach with HTML

Intro to CSS
CSS Selectors
CSS Functionalities (Box Model, floats, positions, Nesting, Grouping, Sprites, ZIndex,

Optimization … )

CSS3 (Border Radius, Shadows, Advanced Colors, Multi Columns, Shapes,
Transitions, Transforms, Font-face, Gradients, Animations, Box Size, Outline,
Flexbox)
Media Queries
Color Swatches
Project RWD Template with Modern technologies

Mini Project on UX foundation Documentation
Mini Project using UI Fundamentals
RWD Project with FIGMA (Low Fiddle to High Fiddle)
Major Project UX Portfolio

Resource Package for Participants

Course Materials

In-depth guides for each module.

Recorded Class Videos

Video recordings for flexible learning.

Lab Exercises

Practical tasks for hands-on implementation.

Research Papers

Exploring industry insights related to Azure.

Certification Materials

Resources for Azure Fundamentals certification.

Interview Questions

Preparation for Azure job interviews.

Resume Preparation

Guidance for crafting impactful resumes.

Placement Assistance

Support for job placements in Azure roles.

Job Support Assistance

Ongoing support during real-world scenarios.

Why Enroll in Our Azure Fundamentals Training?

Learn by Doing:

Practical projects for hands-on experience.

Certification Preparation:

Align your skills with industry-recognized certifications.

Career Support:

Resume building, interview preparation, and placement assistance.

Interactive Learning:

Engaging classes with experienced instructors.

Community Access:

Connect with peers and industry experts for collaboration.

Flexibility:

Convenient schedules for students with various commitments.

Training Expert

Rochak A.

Experienced DevOps trainer offering tailored programs for individuals and corporate clients. Expertise includes DevOps fundamentals, AWS, Terraform, Docker, Kubernetes, Jenkins, and other tools. Fosters collaborative learning through hands-on techniques and real-world scenarios. Adaptable teaching style caters to diverse backgrounds. Clients praise passion and professionalism. Practical experience in cloud architectures, automation, and tool administration. Join for a transformative DevOps learning experience, enhancing workflow efficiency and collaboration.

Related Courses

Azure DevOps Training

Embark on a transformative journey into the dynamic realm of cloud computing with our Azure DevOps training course. Tailored for students eager to gain hands-on experience, this comprehensive program dives deep into the foundational aspects of Microsoft Azure DevOps. Select your preferred course schedule: a flexible 4-day weekday option or a convenient weekend format.

Beginner Professional Certificate 6 Months

Azure Fundamentals

Embark on a transformative journey into the cloud computing realm with our Azure Fundamentals training course. Designed for students eager to acquire hands-on experience, this comprehensive program covers the foundational aspects of Microsoft Azure. Select your preferred course schedule: a flexible 4-day weekday option or a convenient weekend format.

Beginner Professional Certificate 6 Months

Ready to Dive into UI/UX Fundamentals Training?

Enroll now to dive into the world of design and unlock limitless possibilities in UI/UX. Don't just learn; experience the power of doing!

A Global Digital Transformation And Consulting Partner Specialized In Application Development, Application Modernization, Cloud Architecture, DevOps and 24x7 Support Services.

Services

Contact

SYDNEY, AUSTRALIA

ADELAIDE, AUSTRALIA

DELHI , INDIA

+91 7291043169

AUSTIN TEXAS,

USA

[email protected]