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: Quarters Offered: Winter and Summer.
Equipment/Software: 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. UCSD DES students are eligible for an Adobe Creative Cloud student discount.
Flexible Enrollment: This course is a Required Course for the User Experience (UX) Design Professional Certificate but is open to all students, even if you're not enrolled in the Certificate Program. Principles of User Experience is the prerequisite for this course. 
Academic Calendar: The Academic Calendar shows the open enrollment dates and term start dates for each quarter. Courses do not necessarily start on the first day of the term.
 

Get more information

This course applies to these programs

User Experience (UX) Design

Course sessions

Add To Cart

Section ID:

190918

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: 7/7/2025
  • Early enrollment advised
  • No UCSD parking permit required
  • No visitors permitted

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 is a web designer and developer with a passion for crafting user-centered designs that combine functionality and aesthetics. As an instructor in Responsive Design at UC San Diego's Division of Extended Studies, he helps students master tools like HTML5, CSS, and web-based frameworks, equipping them with the skills to create impactful, responsive designs.

With over a decade of professional experience, Nick’s career spans roles in graphic design, web development, and consulting. He has worked extensively in the printing and design industry, honing his ability to simplify complex ideas and deliver solutions tailored to clients' needs. Currently, he thrives as a training specialist, using his expertise to empower others through education and development.

Originally from San Diego, Nick now resides in Oregon with his family.. A lifelong sports enthusiast, especially in hockey and baseball, he draws on his team-player mentality to approach both life and work with dedication and perseverance. Nick holds a Bachelor's Degree in Web Design and Interactive Media.
 
Full Bio