Pro Components

Base Components

Course Detail Page

Course detail page with video player, curriculum, and instructor profile.

Example

The Ultimate Guide to Usability Testing and UX Law

Course preview
0:23 / 45:32
The Ultimate Guide to Usability Testing and UX Law
Advanced

4.8

Rating

3,241

Students

12

Lessons

2h 15m

Total

In this comprehensive course, we'll delve into the fundamentals of usability testing and explore the critical principles of UX law. Whether you're a seasoned UX professional or just starting out, this course equips you with the skills needed to excel in the field.

What you'll learn

  • Plan and conduct effective usability tests from scratch
  • Analyze test results and translate them into design improvements
  • Apply UX laws and heuristics to evaluate interfaces
  • Navigate privacy regulations and accessibility standards
  • Create ethical and legally compliant digital experiences

Usability Testing

Learn to plan, conduct, and analyze usability tests using various methods and tools, with hands-on exercises and real-world case studies.

UX Law

Understand privacy regulations, accessibility standards, and copyright laws to build ethical and inclusive digital experiences.

Instructor
DT

David Travis

UX Expert

UX Researcher & Course Instructor

4.8

4.8

Rating

12,400+

Students

8

Courses

I'm on a mission to create more user experience professionals. With over 15 years in the field, I've helped thousands of designers develop the practical skills and knowledge needed to build products people love. My courses blend theory with hands-on practice so you can apply what you learn immediately.

Introduction

Course Detail Page includes:
  • Header: Back navigation, title, progress, and mobile curriculum drawer.
  • Video area: Playback controls and lesson chrome.
  • Details: Metadata, description, and tags.
  • Instructor: Profile card with stats.
  • Curriculum: Sticky sidebar on large screens (drawer on small screens).
Uses Button, Card, Drawer, Progress, ScrollArea, and Avatar.

Usage

import { CourseDetailPage } from "@/components/ui/course-detail-page";

<CourseDetailPage />;
© 2026 BlakeUI. All rights reserved.