Skip to Content
Course

Responsive Design and User Experience (UX)

ART-40640

Responsive Design and User Experience (UX)
10 Weeks | Prerequisite: ART - 40638 Principles of User Experience or Equivalent Experience.

Master the core technologies driving modern UX design, including HTML5, CSS, and web-based frameworks, in this hands-on course. Building on prior UX coursework, you’ll adapt existing case studies for multiple devices and mobile users, gaining practical experience with responsive design techniques.

Guided by an experienced UX industry professional, you’ll develop the skills to create responsive, user-centered websites optimized for various screen sizes. This course emphasizes foundational web development skills, focusing on HTML, CSS, and frameworks like Bootstrap, enabling you to design and implement flexible, user-friendly layouts.

Through a series of structured sessions, you’ll explore mobile-first design, media queries, CSS Flexbox, and Grid. You’ll also document your progress with detailed case studies, including user personas and journeys, while building a professional portfolio that showcases your projects and skills in responsive design.

What You'll Learn

  • Build Web Pages with HTML and CSS: Create basic web pages using HTML and CSS to establish a strong foundation in web development.
  • Learn Responsive Design Principles: Apply mobile-first strategies and responsive design techniques for seamless user experiences across devices.
  • Design Flexible Layouts: Use CSS Flexbox, Grid, and media queries to create adaptive layouts that respond to different screen sizes.
  • Implement Design Frameworks: Design and develop interfaces with HTML, CSS, and frameworks like Bootstrap for optimized responsiveness.
  • Redesign Non-Responsive Websites: Identify and transform non-responsive websites into modern, usable designs.
  • Document the Design Process: Create detailed case studies with personas, user journeys, and sitemaps to showcase your work.
  • Build Pieces for a Professional Portfolio: Present your responsive design projects with confidence in a polished, professional portfolio.

Course Information

Online
4.00 units
$795.00
Notes: Students should have a basic or intermediate level of knowledge of HTML and CSS. Students will need to have a recent version of Adobe Dreamweaver, Sublime Text, or other programmer's text editing program.

Get more information

This course applies to these programs

User Experience (UX) Design

Course sessions

Add To Cart

Section ID:

186324

Class type:

Online Asynchronous.

This course is entirely web-based and to be completed asynchronously between the published course start and end dates. Synchronous attendance is NOT required.
You will have access to your online course on the published start date OR 1 business day after your enrollment is confirmed if you enroll on or after the published start date.

Textbooks:

All course materials are included unless otherwise stated.

Policies:

  • No refunds after: 1/10/2025
  • No UCSD parking permit required
  • No visitors permitted
  • Prerequisite required

Note:

This is an Online Asynchronous course. All instruction and course materials delivered and completed online between the published course start and end dates. You will have access to your course on the published start date OR 1 business day after your enrollment is confirmed, if you enroll on or after the published start date. To login to your course, go to your MyExtension account, select My Courses, select this course and then click the link that appears under Online Provider.

Schedule:

No information available at this time.
Add To Cart

Instructor: Nicholas Adkins, B.S. Web Design and Interactive Media

Nicholas Adkins, B.S. Web Design and Interactive Media

10+ years of experience in graphic and web design

Nick Adkins has 10+ years of experience as a graphic designer, working specifically on print production, logo development and customer promotional packaging/marketing materials. Nick also has significant experience in professional web development.

Full Bio