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

4.00 units
TBD
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.

Course sessions

Please contact the Arts, Humanities, Languages & Digital Arts department at 858-534-5508 or unex-digital@ucsd.edu for information about this course and upcoming sections.