Skip to main content

Design & Creative

UX/UI Basics

Design products people find easy to use: the difference between UX and UI, starting from the user's goal, usability principles that prevent frustration, wireframing structure before polish, and testing with real users. Intermediate, ending with a design-and-test-a-flow capstone.

INTERMEDIATE · en · ~270 min

Instructor: Self-paced · Reviewed by: Iroko Skills Academy team · Published by: Iroko Skills Academy team

Learning objectives

  • Distinguish UX (how it works) from UI (how it looks) and lead with UX
  • Start design from the user's goal and map user flows
  • Apply usability principles (consistency, feedback, affordances, recovery)
  • Wireframe a flow and test it with real users to find and fix friction

Before you start

Prerequisites: None

Device/connectivity: Smartphone, tablet, laptop, or desktop capable of creating and uploading files, Internet access for lessons, tools, and assignment submission

What you'll cover

  1. UX and UI

    • UX vs UI: two related jobs
    • Starting from the user, not the screen
  2. Usability and Wireframes

    • Usability principles that prevent frustration
    • Wireframing: structure before polish
  3. Testing and Capstone

    • Testing with real users
    • Capstone: design and test a simple flow

Assessment and completion criteria

Complete every published lesson to earn a completion badge. A self-paced certificate also requires passing every server-graded quiz. Practical assignments provide project feedback and may support a separate verified-proficiency record, but they do not delay the standard course certificate.

  • Optional reviewed project: Design and test a simple flow · rubric v1 · pass ≥ 70%