DevsGene - Learn, Explore, and Grow in Development

Overview:

This course develops UI and UX design skills by teaching user-centered design principles, wireframing, prototyping, visual design, and usability practices to create intuitive digital interfaces.

What you'll learn:

User research and personas

Wireframing and user flows

Visual design fundamentals

Prototyping and usability testing

Roadmap

01 UI vs UX & Design Thinking

Lectures

Differences between UI and UX

Introduction to design thinking process

Empathy in design

Design principles overview

Labortary

Analyze UI/UX in popular apps

Conduct a design thinking workshop

Create empathy maps

Sketch basic interfaces

02 User Research & Personas

Lectures

Methods for user research

Creating user personas

User journeys and scenarios

Interviews and surveys

Labortary

Conduct user interviews

Build personas

Map user journeys

Analyze research data

03 Wireframes & Information Architecture

Lectures

Wireframing tools (Figma, Sketch)

Information architecture basics

Site maps and navigation

Low-fidelity prototyping

Labortary

Create wireframes for a app

Design site maps

Build navigation flows

Iterate on low-fi prototypes

04 Usability Principles

Lectures

Heuristics and usability guidelines

Accessibility in design

User testing methods

Common UX pitfalls

Labortary

Evaluate designs with heuristics

Implement accessibility features

Conduct usability tests

Fix identified issues

05 Color Theory & Typography

Lectures

Color psychology and palettes

Typography fundamentals

Visual hierarchy

Grid systems

Labortary

Create color schemes

Select and pair fonts

Design with hierarchy

Apply grids to layouts

06 Design Tools & Components

Lectures

Advanced Figma/Adobe XD features

UI components and patterns

Design systems introduction

Responsive design principles

Labortary

Build UI components

Create a design system

Design responsive layouts

Use auto-layout in tools

07 Prototyping & Interactions

Lectures

High-fidelity prototyping

Micro-interactions and animations

Handover to developers

Portfolio presentation

Labortary

Build interactive prototypes

Add animations

Prepare design specs

Create portfolio pieces

08 Final Design Project & Review

Lectures

Project planning and scope

Iterative design process

Feedback and revisions

Career in UI/UX

Labortary

Design complete app UI/UX

Conduct user testing

Iterate based on feedback

Present final project

Ready to get enroll?

One Time Payment: 20,000 (PKR)

Whats Included:

Comprehensive course materials and learning resources

Access to hands-on labs and practical exercises

Ongoing instructor guidance and support

Official certificate of completion upon successful completion

Get Enrolled

UI/UX Designing

Duration: 2 Months

Cost: 20,000(PKR)

Classes per week: 03

Overview:

What you'll learn:

Roadmap

01

UI vs UX & Design Thinking

Lectures

Differences between UI and UX

Introduction to design thinking process

Empathy in design

Design principles overview

Labortary

Analyze UI/UX in popular apps

Conduct a design thinking workshop

Create empathy maps

Sketch basic interfaces

02

User Research & Personas

Lectures

Methods for user research

Creating user personas

User journeys and scenarios

Interviews and surveys

Labortary

Conduct user interviews

Build personas

Map user journeys

Analyze research data

03

Wireframes & Information Architecture

Lectures

Wireframing tools (Figma, Sketch)

Information architecture basics

Site maps and navigation

Low-fidelity prototyping

Labortary

Create wireframes for a app

Design site maps

Build navigation flows

Iterate on low-fi prototypes

04

Usability Principles

Lectures

Heuristics and usability guidelines

Accessibility in design

User testing methods

Common UX pitfalls

Labortary

Evaluate designs with heuristics

Implement accessibility features

Conduct usability tests

Fix identified issues

05

Color Theory & Typography

Lectures

Color psychology and palettes

Typography fundamentals

Visual hierarchy

Grid systems

Labortary

Create color schemes

Select and pair fonts

Design with hierarchy

Apply grids to layouts

06

Design Tools & Components

Lectures

Advanced Figma/Adobe XD features

UI components and patterns

Design systems introduction

Responsive design principles

Labortary

Build UI components

Create a design system

Design responsive layouts

Use auto-layout in tools

07