DOCSEARCHbyAlgolia
Submit Docs

hendurhance/ui-ux Learning Guide

repository·main·Indexed 23 days ago

https://github.com/hendurhance/ui-ux

A curated educational roadmap and resource repository for aspiring and professional UI/UX designers. The guide is organized by skill proficiency levels—Beginner, Intermediate, and Expert—and provides a structured learning path featuring articles, tutorials, videos, and courses. Topics cover UX/UI fundamentals, design tools (Figma, Sketch, Adobe XD), user research, prototyping, design systems, and career development.

Tokens
25.3K
Snippets
2
Records
86
Agent score
30%

What's inside hendurhance-ui-ux

  1. Overview of the UI/UX Design Learning Guide

    main
    The ui-ux repository is a curated roadmap designed to help users transition into UI/UX design roles. It provides a structured learning path divided into three progressive difficulty levels: Beginner, Intermediate, and Expert. The guide includes various resource types such as articles, tutorials, videos, and courses to support different learning styles.

  2. Explore the Expert Level UI/UX Curriculum

    main

    The Expert Level curriculum is designed for designers looking to advance their skills beyond the basics. It is divided into several core domains:

    • Advanced Design Techniques: Includes Designing for Accessibility, Designing for Internationalization, and Design Systems.
    • Emerging Technologies: Covers Voice User Interface Design, Virtual and Augmented Reality Design, and Designing for AI and Machine Learning.
    • UX Strategy: Focuses on User Research and Analysis, Information Architecture and Content Strategy, and Design Sprints and Innovation.
    • Portfolio Development: Covers Building a UX/UI Design Portfolio and Case Studies and Presentations.
    • Career Development: Includes Job Search and Interviewing, Freelancing and Entrepreneurship, and Professional Development and Networking.

  3. Intermediate Level UI/UX Curriculum Overview

    main

    The Intermediate Level of the UI/UX Design Learning Guide is designed for learners with a basic understanding of core concepts who wish to advance their skills. The curriculum focuses on four primary pillars:

    1. User Research: Includes User Research, User Personas, User Journey Mapping, and User Testing/Heuristics Evaluation.
    2. Information Architecture and Interaction Design: Includes Information Architecture, Interaction Design, and Microinteractions.
    3. Prototyping: Includes Wireframing/Low-Fidelity Prototyping and High-Fidelity Prototyping.
    4. Design Thinking: Includes the Design Thinking Process and Design Critique.

  4. Beginner Level UI/UX Curriculum Overview

    main

    The Beginner Level curriculum is designed for individuals starting in User Experience (UX) and User Interface (UI) design. The curriculum is structured into four main pillars:

    1. Introduction to User Experience Design: Covers the definition of UX, its importance, and User-Centered Design (UCD).
    2. Fundamentals of User Interface Design: Covers UI definitions, best practices, and designing for mobile.
    3. Introduction to Design Tools: Focuses on getting started with industry-standard tools like Figma, Sketch, or XD.
    4. Visual Design Fundamentals: Covers core visual principles including Typography, Color Theory, and Layout/Composition.

  5. What is Information Architecture (IA)?

    main

    Information Architecture (IA) is the practice of planning and structuring information in a way that makes it easy to find, use, and manage. It acts as an operational map or blueprint for digital products, displaying pages, content, interactions, and behaviors for the entire product.

    Goals of IA:

    • Learn: Understand how information architecture works.
    • Understand: Recognize the importance of IA in UX.
    • Apply: Implement IA principles in your own projects.

  6. Learning Path Structure

    main

    The learning guide is organized into three distinct stages. Users should progress through these levels to build a comprehensive skill set:

    1. Beginner Level

    Focuses on foundational concepts including:

    • UX Design Introduction: Understanding UX, its importance, and User-Centered Design.
    • UI Design Fundamentals: UI definitions, best practices, and mobile design.
    • Design Tools: Getting started with industry-standard tools like Figma, Sketch, or Adobe XD.
    • Visual Design: Core principles like Typography, Color Theory, and Layout/Composition.

    2. Intermediate Level

    Focuses on practical application and methodology:

    • User Research: Personas, Journey Mapping, and Heuristics Evaluation.
    • Information Architecture & Interaction Design: IA, interaction patterns, and microinteractions.
    • Prototyping: Moving from wireframing (low-fidelity) to high-fidelity prototyping.
    • Design Thinking: The design process and conducting design critiques.

    3. Expert Level

    Focuses on advanced specialization and professional growth:

    • Advanced Techniques: Accessibility, Internationalization, and Design Systems.
    • Emerging Tech: Voice UI, VR/AR, and designing for AI/Machine Learning.
    • UX Strategy: Research analysis, content strategy, and Design Sprints.
    • Career & Portfolio: Building case studies, portfolio development, job searching, and freelancing.

  7. Understand the Design Thinking process

    main

    Design thinking is a non-linear, iterative, human-centered approach to problem-solving. It is used to understand users, challenge assumptions, redefine problems, and create innovative solutions. It is particularly useful for tackling ill-defined or unknown problems.

    The process typically involves five phases:

    1. Empathize
    2. Define
    3. Ideate
    4. Prototype
    5. Test

    Recommended Resources

    Books

    • Basics Design: Design Thinking by Gavin Ambrose, Paul Harris
    • Design Thinking: New Product Development Essentials from the PDMA by Michael G. Luchs, Scott Swan & Abbie Griffin

    Articles

    • What is Design Thinking? by Interaction Design Foundation
    • The 5 Phases of Design Thinking by AMA
    • The 5 Stages in the Design Thinking Process by Interaction Design Foundation
    • A Complete Guide to the Design Thinking Process in 5 Steps by CareerFoundry

    Videos

    • 5 Stages of the Design Thinking Process by InVision
    • Design Thinking Full Course by Simplilearn
    • ADVANCED DESIGN PROCESS: MUST KNOW!! by Satori Graphics
    • UX Design Process: Empathize, Define, and Ideate by My Lesson
    • The Design Thinking Process (Explained By An Expert) by CareerFoundry

  8. Understand Prototyping in UX Design

    main

    Prototyping is the process of creating a model or sample of a product or service to test and validate design assumptions. It allows designers to make potential solutions real to gather feedback from stakeholders in a way that is faster and less expensive than full-scale development.

    Goals

    • Learn: Understand how prototyping works in both low-fidelity and high-fidelity designs.
    • Understand: Recognize the importance of prototyping in the design lifecycle.
    • Apply: Implement prototyping techniques in your own projects.

  9. Concept of Layout and Composition in UI Design

    main
    Layout and composition in UI design refers to the arrangement of visual elements on a page. Composition is the art of organizing these elements to create a pleasing and effective visual. It is considered the most important part of any design.

  10. Designing for AI and Machine Learning

    main
    Designing for AI involves managing a human-machine relationship that is in flux, unlike the static relationships in non-AI design. This section provides resources to help designers learn the basics, understand the importance of AI in UX, and find inspiration for automating design processes using AI tools.

  11. Learn User Research fundamentals

    main

    User research is the process of gathering information about users to understand their needs and solve their problems. The learning goals for this section are:

    • Learn: The importance, types, and methods of conducting user research.
    • Understand: How research helps in understanding user needs and problem-solving.
    • Apply: Integrating research concepts into the design process.
    • Practice: Conducting research on existing products.
    • Reflect: Using gathered information to improve products.

  12. Learning goals for Layout and Composition

    main

    The layout and composition section aims to help designers achieve the following objectives:

    • Learn: About layout and composition in UI design.
    • Understand: The importance of layout and composition in UI design.
    • Apply: Layout and composition in UI design.
    • Practice: Layout and composition, specifically working with auto-layout and constraints.