
Leverage 15+ years of industry experience to master practical UI UX design with Figma, from research and personas to wireframes and visual UI mastery, translating ideas into user-focused digital products.
Understand design as envisioning and planning to solve problems. Then explore major design disciplines and how UX and UI shape usable, aesthetic experiences, guided by Don Norman and Dieter Rams.
Learn the human-centered UX design process, from research and personas to information architecture, interaction design, and visual design. Build usable, polished interfaces using wireframes, prototypes, mockups, and design systems.
Explore the visual side of design through user interface design, shaping structure with layout, color, typography, icons, and interactions to create clear, consistent, and delightful screens.
Explore visual, interactive, and navigation elements—typography, color schemes, icons, spacing, buttons, menus, and breadcrumbs—and learn design systems, design patterns, brand guidelines, responsive and accessible design in Figma.
Define design as a purposeful problem-solving process blending functionality, aesthetics, and user needs. Clarify ux, ui, and the design process, and preview design thinking, double diamond, and user-centered design.
Explore the five planes of ux design—strategy, scope, structure, skeleton, surface—and learn how research, information architecture, wireframes, and usability testing shape user-centered products.
Explore core UX methodologies like the Double Diamond, design thinking, and user-centered design, and learn how they structure the UX process from user insights to testing.
Explore the double diamond ux methodology, formalized by the British Council, and apply its four phases—discover, define, develop, deliver—using divergent and convergent thinking, user interviews, and prototyping.
Explore the design thinking methodology and its human-centered, iterative five-stage process—empathize, define, ideate, prototype, and test—balancing desirability, viability, and feasibility to drive innovative solutions.
Place users at the center of the design process through an iterative, empirical, and holistic approach. Explore four phases—understand context, specify requirements, produce solutions, and evaluate with real users.
Explore primary ux research methods—interviews, observations, surveys, usability testing, and diary studies—to gain fresh, tailored insights directly from users, and preview how secondary research complements this work.
Explore secondary ux research, including literature reviews, competitive analysis, internal data, and trend reports, to gain foundational knowledge, inform primary research, and identify opportunities.
Conduct a structured competitive UX analysis to benchmark industry standards, identify gaps, collect data through hands-on exploration, evaluate experiences, and synthesize actionable recommendations to differentiate your product.
Apply UX research techniques by conducting five user interviews to ground your project in real user needs, document findings per attached guidelines, and prepare the research synthesis for your portfolio.
Move from research and strategy into synthesis using practical ux methods with an ai-enabled Figma workflow, and learn affinity diagrams to organize research into actionable clusters for a portfolio-ready project.
Group observations into meaningful clusters with affinity diagrams to reveal patterns, foster team collaboration, and translate qualitative research into actionable design directions and roadmaps.
Log in to Figma, open FigJam to create affinity diagrams; discover FigJam as a collaboration mood board for planning designs, synthesizing research, and collaborating with others.
Create personas as research-based, fictional user archetypes to humanize data and guide user-centric decisions, empathy, and design choices across the product lifecycle.
Create a minimal persona with AI, define user goals and frustrations, and translate it into a visual in FigJam; tailor prompts for an AI-enabled habit tracking app in India.
Create a unified persona in FigJam with a top name, demographics, quote, description, goals, and frustrations; then develop at least three variations using a real image.
Explore empathy maps as a collaborative visualization to articulate what a user says, thinks, does, and feels. Translate interviews into pains and gains for vivid ux insights.
Explore information architecture fundamentals, turning user insights from card sorting into a logical site map and detailed user flows that bridge research and interface design, preparing wireframes and prototypes.
Card sorting reveals how users group information and build intuitive navigation by using open or closed sorts, recruiting participants, and analyzing results for site maps.
Learn how to perform a designer-led card sort in FigJam, color-code clusters, create feature sections (habit, dashboard, rewards, community, blog, settings), and translate it into an information architecture and sitemap.
Transform card sorting insights into a visual sitemap that serves as a single source of truth, defines scope, and provides a blueprint for website or app structure.
Create user flows within information architecture, linking sitemaps to step-by-step screens, to optimize paths, clarify decision points, and communicate the task sequence to developers.
Map the login or signup user flow for a habit tracking app from landing to decision points. Illustrate error handling, redirects to landing, and progression to AI onboarding or dashboard.
Explore how information architecture bridges user research and interface design by using card sorting, defining a site map, and mapping critical user flows for wireframes.
Explore formal usability testing, blending qualitative insights and quantitative metrics to evaluate designs with target users, plan and conduct tests, analyze results, and report actionable recommendations.
Learn how A-B testing uses split testing to compare two design variants, formulate a hypothesis, measure a single changing element, and drive data-driven improvements in conversion, engagement, and revenue.
Explore the fundamentals of UX heuristics, the usability principles for interaction design developed by Don Norman, and learn to apply the 10 usability heuristics and perform a UX heuristics evaluation.
Explore ux laws that underpin effective ui design, including Fitts' law, Hick's law, and gestalt principles, to predict usability issues and justify layout decisions.
Explore the laws of interaction and apply Fitts' law and Hick's law to design faster, more intuitive interfaces with tap targets 44x44 px, strategic placement, simplified navigation, and progressive disclosure.
Learn wireframing as a skeleton blueprint that defines structure and content hierarchy without visual polish, using simple placeholders to test usability and layout quickly in Figma.
Explore mid-fidelity wireframing as a digital, grayscale blueprint that translates lo-fi concepts into structured layouts in figma, focusing on hierarchy, spacing, placeholder content, and usability testing.
Advance from mid-fidelity to high-fidelity wireframes by replacing placeholders with content and detailed user interface components, then build a prototype in Figma for usability testing and a blueprint for developers.
Master how visual design uses line, color, and typography to enhance usability and shape a brand identity. Apply balance, hierarchy, and contrast to create a polished, emotionally engaging user experience.
Explore the seven visual design elements as building blocks for interfaces—line, shape, color, typography, texture, space, and form—and learn how they shape identity, mood, and hierarchy in UI.
Dive into the exciting world of User Experience (UX) and User Interface (UI) design! This focused preview course is your perfect entry point to understanding the principles, processes, and tools used by professional designers to create intuitive and beautiful digital products. We'll start by building your foundational knowledge, defining the core UX/UI Fundamentals and explaining the standard UX Process from start to finish.
You’ll discover the essential Principles of Good Design—the timeless rules that ensure your creations are both functional and visually appealing—before moving on to the Fundamentals of UI Design. A strong designer knows their theory, so we’ll cover crucial elements of visual communication: mastering Typography Basics to ensure readability and hierarchy, and understanding Color Theory Basics to use palettes effectively for emotion and guidance.
We'll get hands-on with Figma, the industry’s leading design tool. This section is a comprehensive setup guide, covering Figma Setup and navigating the Figma Home Page, understanding the Design File UI, and utilizing the Toolbar in Design File. You’ll learn to organize your work using Figma Artboards (Frames), tap into shared resources via Figma Communities, and master the creation of core visual elements like Figma Shapes, Lines & Arrows, Ellipses, Polygons & Images. Crucially, you'll learn how to refine these elements by Editing Shapes and controlling aesthetic details like Fill, Effects, and Typography within the Figma environment. This course sets you up with the mindset and the practical skills to begin your design journey today!
Then finally, we'll building on these foundations, you will transition into the iterative world of wireframing by creating grayscale layouts that prioritize logic and structure over aesthetic flair. By focusing on a basic typography system to establish clear hierarchy and applying essential UI workflow tips, you will bring a habit-tracking project to life, transforming a raw concept into a functional, low-fidelity prototype that proves your design's core usability.