CINXE.COM
User Interface Design | UC San Diego Division of Extended Studies
<!DOCTYPE html> <html class="" lang="en-US"> <head id="head"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>User Interface Design | UC San Diego Division of Extended Studies</title> <link rel="canonical" href="https://extendedstudies.ucsd.edu/courses/user-interface-design-art-40535"> <meta name="url" content="https://extendedstudies.ucsd.edu/courses/user-interface-design-art-40535"> <meta name="Description" content="UC San Diego Division of Extended Studies is open to the public and harnesses the power of education to transform lives. Our unique educational formats support lifelong learning and meet the evolving needs of our students, businesses and the larger community."> <meta property="og:title" content="User Interface Design"> <meta property="og:image" content="https://extendedstudies.ucsd.edu/getmedia/c4766f31-b7b3-40cf-b08f-28fc96fdd5c5/art-meta.jpg"> <meta property="og:url" content="https://extendedstudies.ucsd.edu/courses/user-interface-design-art-40535"> <meta property="twitter:title" content="User Interface Design"> <meta property="twitter:image" content="https://extendedstudies.ucsd.edu/getmedia/c4766f31-b7b3-40cf-b08f-28fc96fdd5c5/art-meta.jpg"> <meta property="twitter:creator" content="UCSDExtension"> <meta property="twitter:site" content="UCSDExtension"> <link href="https://fonts.googleapis.com/css?family=Material+Icons%7CMaterial+Icons+Outlined" rel="preload" as="style"> <link href="https://fonts.googleapis.com/css?family=Material+Icons%7CMaterial+Icons+Outlined" rel="stylesheet"> <link rel="preconnect" href="https://use.typekit.net" crossorigin=""> <link rel="preload" as="style" href="https://use.typekit.net/nsq5pwr.css"> <link rel="preload" as="style" href="/index.css?v=5LSkQkdNVxwcGwPhhhlmMDHgnpqpJ02lAfL2C0zE-uU"> <link rel="stylesheet" href="https://use.typekit.net/nsq5pwr.css"> <link rel="stylesheet" href="/index.css?v=5LSkQkdNVxwcGwPhhhlmMDHgnpqpJ02lAfL2C0zE-uU"> <link rel="preload" href="/fonts/icons/icons.woff" as="font" crossorigin> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WXXWBZW');</script> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('consent', 'default', { 'ad_storage': 'granted', 'analytics_storage': 'granted' }); </script> <link rel="shortcut icon" type="image/jpg" href="https://extendedstudies.ucsd.edu/getmedia/108cdcf5-8d94-45cb-ab43-20cff3c8dc8b/favicon.ico" /> <script type='application/ld+json'>{"numberOfCredits":[3.00],"@context":"https://schema.org","@type":"Course","name":"User Interface Design","identifier":"User Interface Design","provider":{"@type":"CollegeOrUniversity","name":"UC San Diego Division of Extended Studies","url":"https://extendedstudies.ucsd.edu/","logo":"https://extendedstudies.ucsd.edu/getmedia/10c5d5f6-ac03-4fd6-827d-0bffa604ebda/UCSanDiegoExtendedStudies.svg"},"courseCode":"40535","hasCourseInstance":{"@type":"CourseInstance","name":"186328","courseMode":"Online","instructor":{"@type":"Person","name":"Kristian Secor"}}}</script> </head> <body> <noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXXWBZW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="page"> <section> <a class="nav-skip" href="#content" aria-label="Skip To Content">Skip to Content</a> </section> <app-header class="header"> <app-alert class="alert" data-dismiss-cookie="ucsd-des-alert-1" data-dismiss-cookie-expiration-days=30 data-alert-hash=-1946502068 data-theme="green"> <aside class="alert__track" aria-labelledby="alertSectionTitle"> <div class="alert__inner"> <div class="alert__content"> <i class=" alert__message-icon" aria-hidden="true"></i> <span> <strong id="alertSectionTitle">Welcome to our new site!</strong> Spot anything that needs our attention? Please share your feedback. <a class="alert__cta" href="https://extendedstudies.ucsd.edu/website-feedback" aria-label=""> Submit Feedback </a> </span> </div> <button class="alert__close"> <span class="hideVisually">Dismiss alert bar (custom)</span><i class="glyph-close"></i> </button> </div> </aside> </app-alert> <header class="header__inner"> <a class="header__logo" href="/" aria-label="Return to the home page (header)"> <img class="header__logo-img" src="https://extendedstudies.ucsd.edu/getmedia/10c5d5f6-ac03-4fd6-827d-0bffa604ebda/UCSanDiegoExtendedStudies.svg" alt="Return to the home page (header)" fetchpriority="high" height="62" width="184" style="--height: 62; --width: 184;"> </a> <nav class="header__nav" aria-label="Main Navigation"> <div class="header__nav-inner"> <div class="header__nav-item header__nav-item--account"> <button class="header__nav-label" href="" data-hover="Sign In"> <i class="glyph-account"></i><span>Sign In</span> </button> <div class="header__nav-dropdown"> <div class="header__nav-dropdown-inner"> <div class="header__nav-menus"> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link" href="https://extensioncanvas.ucsd.edu/" aria-label="Canvas">Canvas</a> <a class="header__nav-link" href="https://instructorlink.ucsd.edu/" aria-label="Instructor Link">Instructor Link</a> <a class="header__nav-link" href="https://myextension.ucsd.edu/" aria-label="My Extension">My Extension</a> </div> </div> </div> </div> </div> </div> <div class="header__nav-item"> <button class="header__nav-label" data-hover="Courses & Certificates"> <span>Courses & Certificates</span> </button> <div class="header__nav-dropdown header__nav-dropdown--feature-blue"> <div class="header__nav-dropdown-inner"> <div class="header__nav-menus"> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link header__nav-link--title" href="/courses-certificates/all-courses-and-certificates" aria-label="All Courses & Certificates" hreflang="en">All Courses & Certificates</a> <a class="header__nav-link" href="/courses-certificates/arts-humanities" aria-label="Arts & Humanities" hreflang="en">Arts & Humanities</a> <a class="header__nav-link" href="/courses-certificates/business-leadership" aria-label="Business & Leadership" hreflang="en">Business & Leadership</a> <a class="header__nav-link" href="/courses-certificates/data-analysis-mathematics" aria-label="Data Analysis & Mathematics" hreflang="en">Data Analysis & Mathematics</a> <a class="header__nav-link" href="/courses-certificates/degree-credit" aria-label="Degree Credit" hreflang="en">Degree Credit</a> <a class="header__nav-link" href="/courses-certificates/digital-arts" aria-label="Digital Arts" hreflang="en">Digital Arts</a> <a class="header__nav-link" href="/courses-certificates/education" aria-label="Education" hreflang="en">Education</a> <a class="header__nav-link" href="/courses-certificates/engineering" aria-label="Engineering" hreflang="en">Engineering</a> <a class="header__nav-link" href="/courses-certificates/environment-sustainability" aria-label="Environment & Sustainability" hreflang="en">Environment & Sustainability</a> <a class="header__nav-link" href="/courses-certificates/healthcare" aria-label="Healthcare" hreflang="en">Healthcare</a> <a class="header__nav-link" href="/courses-certificates/languages-and-english-learning" aria-label="{% LinkText %}" hreflang="en">Languages and English Learning</a> <a class="header__nav-link" href="/courses-certificates/law" aria-label="Law" hreflang="en">Law</a> <a class="header__nav-link" href="/courses-certificates/sciences" aria-label="Sciences" hreflang="en">Sciences</a> <a class="header__nav-link" href="/courses-certificates/social-sciences" aria-label="Social Sciences" hreflang="en">Social Sciences</a> <a class="header__nav-link" href="/courses-certificates/technology" aria-label="Technology" hreflang="en">Technology</a> <a class="header__nav-link" href="/courses-certificates/writing" aria-label="Writing" hreflang="en">Writing</a> </div> </div> </div> <div class="header__nav-features"> <strong class="header__nav-features-title">Spotlight</strong> <a class="header__nav-feature header__nav-feature--white header__nav-feature--vertical" href="/course-discounts" aria-label="Course Discounts" target="_blank" rel="noopener noreferrer" hreflang="en"> <div class="header__nav-feature-image"> <img class="header__nav-feature-img" src="https://extendedstudies.ucsd.edu/getmedia/389800d5-aad1-4fc7-9013-54c7f4863efd/DES-Course_Discounts_500x400.png" alt="" width="275" height="175" fetchpriority="low" loading="lazy" /> </div> <div class="header__nav-feature-text"> <strong class="header__nav-feature-title">Course Discounts</strong> <div class="header__nav-feature-description">Reserve your spot in one of our discounted courses today.</div> </div> </a> </div> </div> </div> </div> <div class="header__nav-item"> <button class="header__nav-label" data-hover="Educational Programs"> <span>Educational Programs</span> </button> <div class="header__nav-dropdown header__nav-dropdown--feature-blue"> <div class="header__nav-dropdown-inner"> <div class="header__nav-menus"> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link header__nav-link--title" href="/educational-programs/all-educational-programs" aria-label="All Educational Programs" hreflang="en">All Educational Programs</a> <a class="header__nav-link" href="/about-us/custom-training" aria-label="{% LinkText %}" hreflang="en">Corporate Education & Custom Training</a> <a class="header__nav-link" href="/international-programs" aria-label="{% LinkText %}" hreflang="en">International Programs</a> <a class="header__nav-link" href="/osha" aria-label="{% LinkText %}" hreflang="en">Occupational Safety & Health Programs</a> <a class="header__nav-link" href="/olli" aria-label="Osher Lifelong Learning Institute" hreflang="en">Osher Lifelong Learning Institute</a> <a class="header__nav-link" href="/educational-programs/partnership-programs" aria-label="{% LinkText %}" hreflang="en">Partner Programs</a> <a class="header__nav-link" href="/postbacpremed" aria-label="{% LinkText %}" hreflang="en">Post Baccalaureate Premedical Program</a> <a class="header__nav-link" href="/courses-certificates/pre-college" aria-label="{% LinkText %}" hreflang="en">Pre-College Programs</a> <a class="header__nav-link" href="https://summer.ucsd.edu/" aria-label="{% LinkText %}" target="_blank" rel="noopener noreferrer" hreflang="en">Summer Programs</a> <a class="header__nav-link" href="/educational-programs/professional-development-institute" aria-label="{% LinkText %}" hreflang="en">Teacher Development Opportunities</a> </div> </div> </div> <div class="header__nav-features"> <strong class="header__nav-features-title">Featured Programs</strong> <a class="header__nav-feature header__nav-feature--orange header__nav-feature--vertical" href="/about-us/custom-training" aria-label="Corporate Education & Custom Training" target="_blank" rel="noopener noreferrer" hreflang="en"> <div class="header__nav-feature-image"> <img class="header__nav-feature-img" src="https://extendedstudies.ucsd.edu/getmedia/43f1fc6a-a36f-4aef-95f5-c2a75ace97f3/DES-Home_CorpEd.jpg" alt="" width="275" height="175" fetchpriority="low" loading="lazy" /> </div> <div class="header__nav-feature-text"> <strong class="header__nav-feature-title">Corporate Education & Custom Training</strong> <div class="header__nav-feature-description">Training programs to accelerate organizational change by bringing new skills, knowledge and acumen to existing employees.</div> </div> </a> </div> </div> </div> </div> <div class="header__nav-item"> <button class="header__nav-label" data-hover="International Programs"> <span>International Programs</span> </button> <div class="header__nav-dropdown header__nav-dropdown--feature-orange"> <div class="header__nav-dropdown-inner"> <div class="header__nav-menus"> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link header__nav-link--title" href="/international-programs" aria-label="All International Programs" hreflang="en">All International Programs</a> <a class="header__nav-link" href="/international-programs/courses-programs/english-language-institute" aria-label="English Language Institute" hreflang="en">English Language Institute</a> <a class="header__nav-link" href="/international-programs/courses-programs/certificate-programs" aria-label="Certificate Programs" hreflang="en">Certificate Programs</a> <a class="header__nav-link" href="/international-programs/courses-programs/university-credit-programs" aria-label="University Credit Programs" hreflang="en">University Credit Programs</a> <a class="header__nav-link" href="/international-programs/courses-programs/online-courses" aria-label="Online Courses" hreflang="en">Online Courses</a> <a class="header__nav-link" href="/international-programs/courses-programs/english-language-certification-exam-(elce)-for-ucsd-international-graduate-students" aria-label="English Language Certification Exam (ELCE) for UCSD International Graduate Students" hreflang="en">English Language Certification Exam (ELCE) for UCSD International Graduate Students</a> <a class="header__nav-link" href="/international-programs/courses-programs/conditional-admission-offers" aria-label="Conditional Admission Offers" hreflang="en">Conditional Admission Offers</a> <a class="header__nav-link" href="/international-programs/courses-programs/custom-programs" aria-label="Custom Programs" hreflang="en">Custom Programs</a> <a class="header__nav-link" href="/international-programs/courses-programs/optional-practical-training-internships" aria-label="Optional Practical Training & Internships" hreflang="en">Optional Practical Training & Internships</a> </div> </div> </div> <div class="header__nav-features"> <strong class="header__nav-features-title">Get in Touch</strong> <a class="header__nav-feature header__nav-feature--white header__nav-feature--vertical" href="/international-programs/about/contact-us" aria-label="Contact Us" target="_blank" rel="noopener noreferrer" hreflang="en"> <div class="header__nav-feature-image"> <img class="header__nav-feature-img" src="https://extendedstudies.ucsd.edu/getmedia/30f24340-76f5-44e9-8e9d-1159c958b209/DES-Home_International-Programs.jpg" alt="" width="275" height="175" fetchpriority="low" loading="lazy" /> </div> <div class="header__nav-feature-text"> <strong class="header__nav-feature-title">Contact Us</strong> <div class="header__nav-feature-description">Our highly experienced International Student Services Staff will help you with visa, housing, medical insurance, academic, registration, and payment questions.</div> </div> </a> </div> </div> </div> </div> <div class="header__nav-item"> <button class="header__nav-label" data-hover="Student Services"> <span>Student Services</span> </button> <div class="header__nav-dropdown "> <div class="header__nav-dropdown-inner"> <div class="header__nav-menus"> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link header__nav-link--title" href="/student-services/student-services-overview" aria-label="{% LinkText %}" hreflang="en">Student Services Overview</a> <a class="header__nav-link" href="/student-services/academic-information" aria-label="Academic Information" hreflang="en">Academic Information</a> <a class="header__nav-link" href="/student-services/additional-services" aria-label="Additional Services" hreflang="en">Additional Services</a> <a class="header__nav-link" href="/student-services/concurrent-enrollment" aria-label="Concurrent Enrollment" hreflang="en">Concurrent Enrollment</a> <a class="header__nav-link" href="/student-services/registration-policies-and-procedures" aria-label="Registration Policies and Procedures" hreflang="en">Registration Policies and Procedures</a> <a class="header__nav-link" href="/student-services/transcripts" aria-label="Transcripts" hreflang="en">Transcripts</a> <a class="header__nav-link" href="/student-services/international-student-services" aria-label="{% LinkText %}" hreflang="en">International Student Services</a> </div> </div> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link header__nav-link--title" href="/student-services/financial-resources" aria-label="Financial Resources" hreflang="en">Financial Resources</a> <a class="header__nav-link" href="/student-services/tuition-fees" aria-label="{% LinkText %}" hreflang="en">Tuition & Fees</a> <a class="header__nav-link" href="/student-services/veterans-education-benefits" aria-label="{% LinkText %}" hreflang="en">Veterans Education Benefits</a> <a class="header__nav-link" href="/student-services/scholarships-grants" aria-label="{% LinkText %}" hreflang="en">Scholarships & Grants</a> <a class="header__nav-link" href="/student-services/launch" aria-label="{% LinkText %}" hreflang="en">LAUNCH Program</a> <a class="header__nav-link" href="/student-services/workers-compensation" aria-label="Workers Compensation" hreflang="en">Workers Compensation</a> <a class="header__nav-link" href="/student-services/workforce-innovation-and-opportunity-act-(wioa)" aria-label="Workforce Innovation and Opportunity Act (WIOA)" hreflang="en">Workforce Innovation and Opportunity Act (WIOA)</a> </div> </div> <div class="header__nav-menu"> <div class="header__nav-links"> <span class="header__nav-link header__nav-link--title" tabindex="-1">Additional Resources</span> <a class="header__nav-link" href="/student-services/career-resources" aria-label="Career Resources" hreflang="en">Career Resources</a> <a class="header__nav-link" href="/student-services/course-catalogs-magazines" aria-label="Course Catalogs & Magazines" hreflang="en">Course Catalogs & Magazines</a> <a class="header__nav-link" href="/student-services/forms" aria-label="Forms Library" hreflang="en">Forms Library</a> <a class="header__nav-link" href="/student-services/services-for-students-with-disabilities" aria-label="Services for Students with Disabilities" hreflang="en">Services for Students with Disabilities</a> <a class="header__nav-link" href="/student-services/student-rights-responsibilities" aria-label="{% LinkText %}" hreflang="en">Student Rights & Responsibilities</a> </div> </div> </div> </div> </div> </div> <div class="header__nav-item"> <button class="header__nav-label" data-hover="News & Events"> <span>News & Events</span> </button> <div class="header__nav-dropdown header__nav-dropdown--feature-pink"> <div class="header__nav-dropdown-inner"> <div class="header__nav-menus"> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link header__nav-link--title" href="/news-events/extended-studies-blog" aria-label="Extended Studies Blog" hreflang="en">Extended Studies Blog</a> <a class="header__nav-link" href="/news-events/in-the-news" aria-label="{% LinkText %}" hreflang="en">In the News</a> <a class="header__nav-link" href="/news-events/press-releases" aria-label="Press Releases" hreflang="en">Press Releases</a> </div> </div> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link header__nav-link--title" href="/news-events/events" aria-label="Event Search" hreflang="en">Event Search</a> <a class="header__nav-link" href="/news-events/public-events-lectures" aria-label="{% LinkText %}" hreflang="en">Public Events & Lectures</a> <a class="header__nav-link" href="/news-events/uctv-ucsd-tv" aria-label="{% LinkText %}" hreflang="en">UCTV & UCSD-TV</a> </div> </div> </div> <div class="header__nav-features"> <strong class="header__nav-features-title">Read or Watch</strong> <a class="header__nav-feature header__nav-feature--white header__nav-feature--vertical" href="/news-events/extended-studies-blog" aria-label="Extended Studies Blog" hreflang="en"> <div class="header__nav-feature-image"> <img class="header__nav-feature-img" src="https://extendedstudies.ucsd.edu/getmedia/63cded59-d8c8-40f5-976b-78f192ce500b/extension-blog.jpg" alt="" width="275" height="175" fetchpriority="low" loading="lazy" /> </div> <div class="header__nav-feature-text"> <strong class="header__nav-feature-title">Extended Studies Blog</strong> <div class="header__nav-feature-description">Empower your journey with the latest career insights, educational trends, & updates.</div> </div> </a> <a class="header__nav-feature header__nav-feature--white header__nav-feature--vertical" href="/news-events/uctv-ucsd-tv" aria-label="UCTV & UCSD-TV" hreflang="en"> <div class="header__nav-feature-image"> <img class="header__nav-feature-img" src="https://extendedstudies.ucsd.edu/getmedia/5138d0b2-1aed-4399-942f-35ffb652c684/UCSD-TV.jpg" alt="" width="275" height="175" fetchpriority="low" loading="lazy" /> </div> <div class="header__nav-feature-text"> <strong class="header__nav-feature-title">UCTV & UCSD-TV</strong> <div class="header__nav-feature-description"><p>Your Gateway to Educational Programming.</p> </div> </div> </a> </div> </div> </div> </div> <div class="header__nav-item"> <button class="header__nav-label" data-hover="About"> <span>About</span> </button> <div class="header__nav-dropdown "> <div class="header__nav-dropdown-inner"> <div class="header__nav-menus"> <div class="header__nav-menu"> <div class="header__nav-links"> <a class="header__nav-link header__nav-link--title" href="/about-us/ucsd-extended-studies" aria-label="About Us" hreflang="en">About Us</a> <a class="header__nav-link" href="/about-us/academic-calendar" aria-label="{% LinkText %}" hreflang="en">Academic Calendar</a> <a class="header__nav-link" href="/about-us/office-of-the-dean" aria-label="Office of the Dean" hreflang="en">Office of the Dean</a> <a class="header__nav-link" href="/about-us/instructors" aria-label="Instructors" hreflang="en">Instructors</a> <a class="header__nav-link" href="/about-us/partnerships" aria-label="{% LinkText %}" hreflang="en">Partnership Programs</a> <a class="header__nav-link" href="/about-us/careers" aria-label="{% LinkText %}" hreflang="en">Careers</a> <a class="header__nav-link" href="/about-us/locations" aria-label="{% LinkText %}" hreflang="en">Locations</a> <a class="header__nav-link" href="/about-us/contact-us" aria-label="{% LinkText %}" hreflang="en">Contact Us</a> </div> </div> <div class="header__nav-menu"> <div class="header__nav-links"> <span class="header__nav-link header__nav-link--title" tabindex="-1">Community & Research</span> <a class="header__nav-link" href="/about-us/community-initiatives" aria-label="{% LinkText %}" hreflang="en">Community Initiatives</a> <a class="header__nav-link" href="/about-us/center-for-research-evaluation" aria-label="{% LinkText %}" hreflang="en">Center for Research & Evaluation</a> <a class="header__nav-link" href="/about-us/california-workforce-and-degree-completion-needs" aria-label="{% LinkText %}" hreflang="en">California Workforce and Degree Completion Needs</a> <a class="header__nav-link" href="/about-us/uc-professional-development-institute" aria-label="{% LinkText %}" hreflang="en">UC Professional Development Institute</a> <a class="header__nav-link" href="/about-us/global-connect" aria-label="{% LinkText %}" hreflang="en">Global CONNECT</a> </div> </div> <div class="header__nav-menu"> <div class="header__nav-links"> <span class="header__nav-link header__nav-link--title" tabindex="-1">Collaborate</span> <a class="header__nav-link" href="/about-us/partner-with-us" aria-label="{% LinkText %}" target="_blank" rel="noopener noreferrer" hreflang="en">Partner With Us</a> <a class="header__nav-link" href="/about-us/custom-training" aria-label="{% LinkText %}" hreflang="en">Custom Training</a> <a class="header__nav-link" href="/about-us/teach-for-us" aria-label="{% LinkText %}" hreflang="en">Teach for Us</a> <a class="header__nav-link" href="https://giveto.ucsd.edu/?_gl=1*qz2zg2*_ga*MTAzMzA1ODI0NS4xNjMxMjI2NjMy*_ga_6R1VYGFM4D*MTcxMzk5MTk1OS44MDIuMS4xNzEzOTkyMDE4LjAuMC40NTcxNTczOTE.*_fplc*OWwyYTREWnRsT2t0JTJGemRISHZlSjZjellNemc5dnZNYUFBd0h" aria-label="{% LinkText %}" hreflang="en">Donate</a> </div> </div> </div> </div> </div> </div> </div> </nav> <nav class="header__util" aria-label="Utility Navigation"> <div class="header__util-item header__util-item--search"> <button class="header__util-button"> <i class="glyph-search" aria-hidden="true"></i> <span class="hide-visually">Search Menu</span> </button> <form class="header__search" action="/search"> <div class="header__search-inner"> <div class="header__search-control"> <input class="header__search-input" name="query" type="search" placeholder="Enter your search" aria-label="Start your search"> <button class="header__search-submit btn" type="submit"> <i class="glyph-search" aria-hidden="true"></i> <span class="hide-visually">Search</span> </button> </div> <div class="header__search-suggestions"> <strong class="header__search-title">Quick Links</strong> <a class="header__search-suggestion" href="/student-services/registration-policies-and-procedures#how-to-enroll-in-courses" aria-label="How to Enroll">How to Enroll</a> <a class="header__search-suggestion" href="/student-services/transcripts" aria-label="Transcripts">Transcripts</a> <a class="header__search-suggestion" href="/student-services/financial-resources" aria-label="Financial Aid">Financial Aid</a> <a class="header__search-suggestion" href="/student-services/course-catalogs-magazines" aria-label="Course Catalog">Course Catalog</a> <a class="header__search-suggestion" href="/about-us/academic-calendar" aria-label="Academic Calendar">Academic Calendar</a> </div> </div> </form> </div> <div class="header__util-item header__util-item--account"> <button class="header__util-button"> <i class="glyph-account" aria-hidden="true"></i> <span class="hide-visually">Sign In</span> </button> <nav class="header__account" aria-label="Sign In Inner Utility Navigation"> <div class="header__account-inner"> <a class="header__account-link" href="https://extensioncanvas.ucsd.edu/" aria-label="Canvas">Canvas</a> <a class="header__account-link" href="https://instructorlink.ucsd.edu/" aria-label="Instructor Link">Instructor Link</a> <a class="header__account-link" href="https://myextension.ucsd.edu/" aria-label="My Extension">My Extension</a> </div> </nav> </div> <div class="header__util-item header__util-item--cart"> <a class="header__util-button" href="https://extcart.ucsd.edu/index.cfm?vAction=view" aria-label="Go to Cart"> <i class="glyph-cart" aria-hidden="true"></i> <span class="hide-visually">Go to Cart</span> </a> </div> <div class="header__util-item header__util-item--menu"> <button class="header__util-button"> <i class="glyph-menu" aria-hidden="true"></i> <span class="hide-visually">Open Navigation Menu</span> <i class="glyph-close" aria-hidden="true"></i> <span class="hide-visually">Close Navigation Menu</span> </button> </div> </nav> </header> </app-header> <main class="content" id="content"> <section> <div class="section__inner"> <app-breadcrumbs class="breadcrumbs"> <nav aria-label="Breadcrumbs"> <div class="breadcrumbs__nav"> <a class="breadcrumbs__nav-item" href="/">Home</a> <a class="breadcrumbs__nav-item" href="/courses-certificates/all-courses-and-certificates?filters=139">Courses</a> <span class="breadcrumbs__nav-item" aria-current="page">User Interface Design</span> </div> </nav> </app-breadcrumbs> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":{"@type":"Thing","@id":"https://extendedstudies.ucsd.edu","name":"Home"},"position":1},{"@type":"ListItem","item":{"@type":"Thing","@id":"https://extendedstudies.ucsd.educourses-certificates/all-courses-and-certificates?filters=139","name":"Courses"},"position":2},{"@type":"ListItem","item":{"@type":"Thing","@id":"https://extendedstudies.ucsd.educourses/user-interface-design-art-40535","name":"User Interface Design"},"position":3}]} </script> </div> </section> <app-hero class="hero hero--small hero--yellow hero--helper-inside"> <div class="hero__background"> <img class="hero__background-tl" rel="preload" src="/img/template-images/sphere-orange.webp" width="1" height="1" style="--width: 1; --height: 1;" alt="" role="presentation"> <img class="hero__background-tr-sm" src="/img/template-images/sphere-orange.webp" width="1" height="1" style="--width: 1; --height: 1;" alt="" role="presentation"> <img class="hero__background-tr-lg" src="/img/template-images/sphere-orange.webp" width="1" height="1" style="--width: 1; --height: 1;" alt="" role="presentation"> </div> <div class="hero__inner"> <div class="hero__content"> <div class="hero__content-text"> <span class="hero__subtitle">Course</span> <h1 class="hero__title"> User Interface Design </h1> <p class="hero__subtext"> ART-40535 </p> <div class="hero__content-ctas"> </div> </div> </div> <div class="hero__line"> <div class="hero__line-wrapper"> <svg class="hero__line-left" viewBox="0 0 1 102" preserveAspectRatio="none"> <path d="m 0 101 L1 101" fill="none"></path> </svg> <svg class="hero__line-center" viewBox="0 0 136.5 102"> <path d="m 0 101 L 7.5 101 C 16.5 101 19.5 101 25.5 95 l 85.5 -88 C 117 1 120 1 129 1 L 136.5 1" fill="none"></path> </svg> <svg class="hero__line-right" viewBox="0 0 1 102" preserveAspectRatio="none"> <path d="m 0 1 L1 1" fill="none"></path> </svg> </div> </div> </div> </app-hero> <section> <app-page-nav class="page-nav__container"> <section> <div class="section__inner"> <nav class="page-nav" aria-label="Page Sections"> <div class="page-nav__inner"> <a class="page-nav__link" href="#overview">Overview</a> <a class="page-nav__link" href="#costcredits">Cost & Credits</a> <a class="page-nav__link" href="#sessions">Sessions</a> <a class="page-nav__link" href="#related">Related Courses</a> </div> </nav> </div> </section> </app-page-nav> </section> <div class="composition"> <section class="section--split"> <div class="section__inner"> <div class="section__main"> <app-course-intro id="overview" class="course-intro__container"> <div class="course-intro"> <div class="course-intro__wysiwyg-content"> <p><strong>User Interface Design<br /> 9 Weeks</strong><br /> <br /> Gain a strong understanding of user interface design so you can begin to learn how to be an interactive designer or enhance your design skills. This graphic and web design training course covers references, user experience (UX), and usability principles. Topics include psychological and interaction principles, requirements analysis, designing for different screens (web, TVs and mobile devices), design standards, style guides, techniques and visual design principles. Gain the perspective to give consumers a high-quality design experience so you can advance your career. </p> <br /> <strong>Prerequisite: </strong>Students should have moderate experience with Adobe Creative Cloud image manipulation programs including <a href="/courses-and-programs/adobe-photoshop-i-introduction">Adobe Photoshop</a> and/or <a href="/courses-and-programs/adobe-illustrator">Adobe Illustrator</a>.<br /> <strong>Note:</strong> Online participants must have Adobe Photoshop CC (Creative Cloud) installed on their computers. Students will be utilizing LinkedIn Learning as a textbook reference guide. While not required, online students are encouraged to utilize subscription to LinkedIn Learning as a supplement to the course. <div class="clearfix"></div> </div> </div> </app-course-intro> <app-heading-content-pairing class="heading-content-pairing__container"> <div class="heading-content-pairing heading-content-pairing-no-border bg--striped"> <div class="heading-content-pairing__inner"> <h2 class="heading-content-pairing__heading h2--large" id="costcredits">Course Information</h2> <div class="heading-content-pairing__content"> <app-feature-bubbles class="feature-bubbles__container"> <div class="feature-bubbles"> <div class="feature-bubble"> <div class="feature-bubble__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="51.932" height="49.75"> <g fill="none" fill-rule="evenodd" stroke="#182B49" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75"> <path d="M25.966 30.14c1.922 0 .641 1.28 4.484 1.28 3.842 0 7.682-7.682 7.682-12.805 0-5.123-3.203-8.965-7.043-8.965-3.84 0-3.842 1.279-5.123 1.279-1.091 0-2.136-.954-4.222-1.244a1.124 1.124 0 0 0-1.265 1.056c-.373 6.426-3.904 7.637-5.673 7.855-.571.057-.992.56-.95 1.132.48 5.049 4.055 11.692 7.626 11.692 3.845 0 2.562-1.28 4.484-1.28Z"></path><path d="M25.966 10.929V7.8a2.568 2.568 0 0 0-2.562-2.561h-2.561M28.929 6.64A5.764 5.764 0 0 0 34.693.874a5.767 5.767 0 0 0-5.764 5.764ZM.875 48.875h10.91a4.364 4.364 0 0 0 4.363-4.364v-4.363a4.364 4.364 0 0 0-4.364-4.364H.875"></path><path d="M11.784 48.875h36c2.4 0 3.273-1.953 3.273-4.364v-4.363c0-2.4-.873-4.364-3.273-4.364h-36M42.33 35.784v13.091M37.966 35.784v13.091M29.239 35.784v13.091M24.875 35.784v13.091M11.784 44.511H3.057M11.784 40.148H3.057"></path> </g> </svg> </div> <div class="feature-bubble__title">Online</div> </div> <div class="feature-bubble"> <div class="feature-bubble__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="49.75" height="49.75"> <g fill="none" fill-rule="evenodd" stroke="#182B49" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75"> <path d="M23.832 36.353c0 6.916 5.606 12.522 12.521 12.522 6.916 0 12.522-5.606 12.522-12.522 0-6.915-5.606-12.521-12.522-12.521-6.915 0-12.521 5.606-12.521 12.521Z"></path><path d="M40.527 36.353h-4.174v-6.261M19.658 38.438H2.962a2.087 2.087 0 0 1-2.087-2.087V7.134c0-1.153.934-2.087 2.087-2.087h37.565c1.153 0 2.087.934 2.087 2.087v13.565M11.31.875V11.31M32.179.875V11.31M.875 15.484h41.739"></path> </g> </svg> </div> <div class="feature-bubble__title">3.00 units</div> </div> <div class="feature-bubble"> <div class="feature-bubble__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="49.75" height="49.75"> <g fill="none" fill-rule="evenodd" stroke="#182B49" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75"> <path d="M36.353 10.266a3.13 3.13 0 1 0 6.261 0 3.13 3.13 0 0 0-6.26 0ZM29.585 26.067l-4.142-4.143a2.31 2.31 0 0 0-3.519 0c-1.93 1.928 2.504 9.308.568 11.236a2.444 2.444 0 0 1-3.52 0l-4.144-4.142M26.634 23.116l2.215-2.215M15.567 34.183l2.214-2.214"></path><path d="M1.614 26.223a2.519 2.519 0 0 0 0 3.565l18.348 18.348a2.519 2.519 0 0 0 3.565 0L47.4 24.263a5.038 5.038 0 0 0 1.475-3.562V2.962A2.087 2.087 0 0 0 46.788.875H29.049c-1.336 0-2.618.53-3.562 1.475L1.614 26.223Z"></path> </g> </svg> </div> <div class="feature-bubble__title">$670.00</div> </div> </div> </app-feature-bubbles> <div class="notes-section"> <span class="feature-bubble__title">Notes:</span> <span class="feature-bubble__description__notes">Online students should have Adobe Photoshop CS4 or higher installed on their computers. Students will be utilizing Lynda.com as a textbook reference guide. Subscription options and pricing are available at Lynda.com. Students will be required to subscribe to Lynda.com for textbook access.</span> </div> </div> </div> </div> </app-heading-content-pairing> </div> <div class="section__rail"> <app-sidebar-module class="sidebar-module__container"> <div class="sidebar-module sidebar-module--bg-dark"> <header class="sidebar-module__header"> <h2 class="sidebar-module__header-title">Get more information</h2> </header> <div class="sidebar-module__body"> <ul class="sidebar-module__link-list sidebar-module__link-list--with-icons"> <li class="sidebar-module__link-list-item"> <a class="sidebar-module__link-list-item-link" href="tel:858-534-5760"> <i class="glyph-phone sidebar-module__link-list-item-icon"></i> <span class="sidebar-module__link-list-item-link-text">858-534-5760</span> </a> </li> <li class="sidebar-module__link-list-item"> <a class="sidebar-module__link-list-item-link" href="mailto:ahl@ucsd.edu"> <i class="glyph-mail sidebar-module__link-list-item-icon"></i> <span class="sidebar-module__link-list-item-link-text">ahl@ucsd.edu</span> </a> </li> </ul> </div> </div> </app-sidebar-module> <app-sidebar-module class="sidebar-module__container"> </app-sidebar-module> <app-sidebar-module class="sidebar-module__container"> <div class="sidebar-module sidebar-module--outline-orange"> <header class="sidebar-module__header"> <h2 class="sidebar-module__header-title">This course applies to these programs</h2> </header> <div class="sidebar__programs"> <a href="/certificates/front-end-development" aria-label="Front End Development" hreflang="en">Front End Development</a> <a href="/certificates/technical-communication" aria-label="Technical Communication" hreflang="en">Technical Communication</a> <a href="/certificates/user-experience-(ux)-design" aria-label="User Experience (UX) Design" hreflang="en">User Experience (UX) Design</a> </div> </div> </app-sidebar-module> </div> </div> </section> </div> <div class="composition"> <div class="composition composition--padded-lg bg--striped" id="sessions"> <section class="section--split"> <div class="section__inner"> <h2 class="h2--large">Course sessions</h2> </div> </section> <section> <div class="section__inner"> <app-accordion class="accordion accordion--course-session"> <div class="accordion__item"> <a class="btn btn--primary course-session-cta" href="https://extcart.ucsd.edu/index.cfm?vAction=AddOneSection&sectionID=186328" aria-label="Enroll Now for User Interface Design Session 11275">Add To Cart</a> <button class="accordion__trigger" aria-expanded="false"> <span class="course-session-date-range">1/7/2025 - 3/8/2025</span> <span class="course-session-date-range">Online</span> <span class="course-session-date-range">$670</span> <span class="course-session-date-range"></span> </button> <section class="accordion__content"> <div class="accordion__content-inner"> <div class="course-session__info"> <div class="course-session__details"> <div class="course-session__details-chunk"> <h4 class="course-session-heading">Section ID:</h4> <div class="course-session__values"> 186328 </div> </div> <div class="course-session__details-chunk"> <div> <h4 class="course-session-heading">Class type:</h4> <i style="margin: 1rem;" aria-hidden="true" data-delivery-method="online" title="Online"><span class="hide-visually">Online</span></i> </div> <div class="course-session__values"> Online Asynchronous.<br><br>This course is entirely web-based and to be completed asynchronously between the published course start and end dates. Synchronous attendance is NOT required.<br>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. </div> </div> <div class="course-session__details-chunk"> <h4 class="course-session-heading">Textbooks:</h4> <div class="course-session__values"> <p> <span style="font-style: italic">Designing Interfaces: Patterns for Effective Interaction Design 3rd</span> <span> <br /> by Jenifer Tidwell, Charles Brewer, Aynne Valencia </span> <span> <br /> ISBN / ASIN: 9781492051961 </span> </p> <p> You may purchase textbooks via the <a href="https://www.bkstr.com/ucsdtextstore/shop/textbooks-and-course-materials" target="_blank">UC San Diego Bookstore</a>. </p> </div> </div> <div class="course-session__details-chunk"> <h4 class="course-session-heading">Policies:</h4> <ul class="course-session__values"> <li class="course-session__value">No refunds after: 1/10/2025</li> <li class="course-session__value">Early Enrollment Discount: $670 ($695 if enrolled after 12/9/2024)</li> <li class="course-session__value">Early enrollment advised</li> <li class="course-session__value">No UCSD parking permit required</li> <li class="course-session__value">No visitors permitted</li> </ul> </div> <div class="course-session__details-chunk"> <h4 class="course-session-heading">Note:</h4> <div class="course-session__values"> 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. </div> </div> <div class="course-session__details-chunk"> <h4 class="course-session-heading">Schedule:</h4> <div class="course-session__values">No information available at this time.</div> </div> <a class="btn btn--primary " href="https://extcart.ucsd.edu/index.cfm?vAction=AddOneSection&sectionID=186328" aria-label="Enroll Now for User Interface Design Session 11275">Add To Cart</a> </div> <div class="course-session__instructor"> <h4 class="course-session-heading"> Instructor: <img class="course-session-instructor-img" src="https://extendedstudies.ucsd.edu/getmedia/776a8bc1-a785-4fe9-b793-ec0eba40e8f9/secor-2c-kristian.jpg" alt="" fetchpriority="low" loading="lazy" /> <span class="course-session-instructor-name">Kristian Secor, M.S., Ed.D. Educational Technology</span> </h4> <app-window-modal class="app-window-modal" id="modal-5e645ab0-6f25-444f-8043-aad9990b9246"> <div class="app-window-modal__wrapper"> <div class="app-window-modal__close"> <button aria-label="Close"> <span class="hide-visually">Close</span> </button> </div> <div class="app-window-modal__content"> <section class="person section--split"> <div class="section__inner"> <div class="section__rail"> <div class="composition composition--padded"> <img class="person__image" src="https://extendedstudies.ucsd.edu/getmedia/776a8bc1-a785-4fe9-b793-ec0eba40e8f9/secor-2c-kristian.jpg" alt="" fetchpriority="low" loading="lazy" /> <div class="person__modal--title">Kristian Secor, M.S., Ed.D. Educational Technology</div> <p style="font-size: 0.8em">Developer, educator and author of web and mobile technologies.</p> </div> </div> <div class="section__main"> <div class="composition composition--padded"> <section aria-label="Bio"> <p>Kristian Secor teaches <a href="https://extension.ucsd.edu/courses-and-programs/principles-of-user-experience-ux">Principle of User Experience</a>, <a href="https://extension.ucsd.edu/courses-and-programs/user-experience-ux-design-i">User Experience Design I</a>, and <a href="https://extension.ucsd.edu/courses-and-programs/user-interface-design">User Interface Design</a> for the <a href="https://extension.ucsd.edu/courses-and-programs/user-experience-ux-design">User Experience (UX) Design</a> certificate program. <br /> <br /> He has taught web design topics ranging from server-side programming to user experience for ten years, and has taught over 200 courses in seventeen topics. He has produced websites for diverse markets such as school districts and sports franchises. He received a master's degree in eMedia from Quinnipiac University and an Ed.D. in Instructional Leadership from Argosy University.</p> <p> </p> </section> <a href="/about-us/instructors/secor-kristian" class="btn btn--secondary btn--ghost">Full Bio</a> </div> </div> </div> </section> </div> </div> </app-window-modal> <button data-modal-id="modal-5e645ab0-6f25-444f-8043-aad9990b9246" class="course-session-instructor-link btn"> View Bio <span class="hide-visually">for Kristian Secor, M.S., Ed.D. Educational Technology</span> </button> </div> </div> </div> </section> </div> </app-accordion> </div> </section> </div> </div> <div id="related"> <div class="composition"> <div class="composition composition--padded-lg composition--fill-lightestGray"> <section class="section--split"> <div class="section__inner"> <h2 class="h2--large">Related Courses</h2> </div> </section> <section> <div class="section__inner"> <app-classroom-types class="classroom-types__container"> <div class="classroom-types"> <div class="classroom-types__label">Classroom type:</div> <div class="classroom-type"> <i class="classroom-type__icon" aria-hidden="true" data-delivery-method="liveonline" title="Live Online"><span class="hide-visually">Live Online</span></i> <span class="classroom-type__name">Live Online</span> </div> <div class="classroom-type"> <i class="classroom-type__icon" aria-hidden="true" data-delivery-method="inperson" title="In-Person"><span class="hide-visually">In-Person</span></i> <span class="classroom-type__name">In-Person</span> </div> <div class="classroom-type"> <i class="classroom-type__icon" aria-hidden="true" data-delivery-method="online" title="Online"><span class="hide-visually">Online</span></i> <span class="classroom-type__name">Online</span> </div> <div class="classroom-type"> <i class="classroom-type__icon" aria-hidden="true" data-delivery-method="hybrid" title="Hybrid"><span class="hide-visually">Hybrid</span></i> <span class="classroom-type__name">Hybrid</span> </div> </div> </app-classroom-types> </div> </section> <section> <div class="section__inner"> <div class="grid grid--gap-2 grid--cols-md2 grid--cols-md4 grid--align-center"> <a class="category-card__link" href="/courses/adobe-illustrator-art-40527" aria-label="ART-40527"> <app-course-card class="course-card__container"> <div class="course-card"> <div class="course-card__image"> <img src="https://extendedstudies.ucsd.edu/getmedia/6ed1880e-7a5d-4848-9c81-0bb62874138b/art-teaser.jpg" alt="" fetchpriority="low" loading="lazy" /> </div> <header class="course-card__header"> <span class="course-card__eyebrow">ART-40527</span> <h3 class="course-card__title">Adobe Illustrator</h3> </header> <div class="course-card__details"> <dl> <dt class="course-card__details-label">Units</dt> <dd class="course-card__details-value">3.00</dd> </dl> <dl> <dt class="course-card__details-label">Cost</dt> <dd class="course-card__details-value">$570.00</dd> </dl> </div> <footer class="course-card__footer"> <i class="course-card__classroom-type" aria-hidden="true" data-delivery-method="online" title="Online"><span class="hide-visually">Online</span></i> </footer> </div> </app-course-card> </a> <a class="category-card__link" href="/courses/adobe-indesign-art-40533" aria-label="ART-40533"> <app-course-card class="course-card__container"> <div class="course-card"> <div class="course-card__image"> <img src="https://extendedstudies.ucsd.edu/getmedia/6ed1880e-7a5d-4848-9c81-0bb62874138b/art-teaser.jpg" alt="" fetchpriority="low" loading="lazy" /> </div> <header class="course-card__header"> <span class="course-card__eyebrow">ART-40533</span> <h3 class="course-card__title">Adobe InDesign</h3> </header> <div class="course-card__details"> <dl> <dt class="course-card__details-label">Units</dt> <dd class="course-card__details-value">3.00</dd> </dl> <dl> <dt class="course-card__details-label">Cost</dt> <dd class="course-card__details-value">$570.00</dd> </dl> </div> <footer class="course-card__footer"> <i class="course-card__classroom-type" aria-hidden="true" data-delivery-method="online" title="Online"><span class="hide-visually">Online</span></i> </footer> </div> </app-course-card> </a> <a class="category-card__link" href="/courses/adobe-photoshop-art-40311" aria-label="ART-40311"> <app-course-card class="course-card__container"> <div class="course-card"> <div class="course-card__image"> <img src="https://extendedstudies.ucsd.edu/getmedia/6ed1880e-7a5d-4848-9c81-0bb62874138b/art-teaser.jpg" alt="" fetchpriority="low" loading="lazy" /> </div> <header class="course-card__header"> <span class="course-card__eyebrow">ART-40311</span> <h3 class="course-card__title">Adobe Photoshop</h3> </header> <div class="course-card__details"> <dl> <dt class="course-card__details-label">Units</dt> <dd class="course-card__details-value">3.00</dd> </dl> <dl> <dt class="course-card__details-label">Cost</dt> <dd class="course-card__details-value">$570.00</dd> </dl> </div> <footer class="course-card__footer"> <i class="course-card__classroom-type" aria-hidden="true" data-delivery-method="online" title="Online"><span class="hide-visually">Online</span></i> </footer> </div> </app-course-card> </a> </div> </div> </section> </div> </div> </div> </main> <app-footer class="footer"> <footer class="footer__inner"> <div class="footer__main"> <nav class="footer__nav" aria-label="Footer Navigation"> <div class="footer__column"> <div class="footer__logo"> <img class="footer__logo-img" src="https://extendedstudies.ucsd.edu/getmedia/c47dec41-ac59-481a-831e-92413b61f939/UCSanDiegoExtendedStudiesWhite.svg" alt="Return to the home page (footer)" loading="lazy" height="62" width="184" style="--height: 62; --width: 184;" fetchpriority="low"> </div> <div class="footer__address"> <a class="footer__link footer__link--tel" href="tel:(858) 534-3400"><i class="glyph-phone"></i>(858) 534-3400</a> <a class="footer__link footer__link--email" href="mailto:unex-reg@ucsd.edu"><i class="glyph-mail"></i>unex-reg@ucsd.edu</a> </div> </div> <div class="footer__column js-footer-toggle"> <span class="footer__title">Explore</span> <ul class="footer__list"> <li class="footer__item"> <a class="footer__link" href="/courses-certificates/all-courses-and-certificates" aria-label="Courses & Certificates" >Courses & Certificates</a> </li> <li class="footer__item"> <a class="footer__link" href="/educational-programs/all-educational-programs" aria-label="Educational Programs" >Educational Programs</a> </li> <li class="footer__item"> <a class="footer__link" href="/international-programs" aria-label="International Programs" >International Programs</a> </li> <li class="footer__item"> <a class="footer__link" href="/courses-certificates/degree-credit" aria-label="Degree Credit" >Degree Credit</a> </li> </ul> </div> <div class="footer__column js-footer-toggle"> <span class="footer__title">Collaborate</span> <ul class="footer__list"> <li class="footer__item"> <a class="footer__link" href="/about-us/partner-with-us" aria-label="{% LinkText %}" >Partner With Us</a> </li> <li class="footer__item"> <a class="footer__link" href="/about-us/custom-training" aria-label="{% LinkText %}" >Custom Training</a> </li> <li class="footer__item"> <a class="footer__link" href="/about-us/teach-for-us" aria-label="{% LinkText %}" >Teach for Us</a> </li> <li class="footer__item"> <a class="footer__link" href="https://giveto.ucsd.edu/giving/home/add-gift" aria-label="{% LinkText %}" target='_blank' rel='noopener noreferrer' >Donate</a> </li> </ul> </div> <div class="footer__column js-footer-toggle"> <span class="footer__title">Quick Links</span> <ul class="footer__list"> <li class="footer__item"> <a class="footer__link" href="/student-services/student-services-overview" aria-label="Student Resources" >Student Resources</a> </li> <li class="footer__item"> <a class="footer__link" href="/student-services/registration-policies-and-procedures#howtoenroll" aria-label="How to Enroll" >How to Enroll</a> </li> <li class="footer__item"> <a class="footer__link" href="/student-services/transcripts" aria-label="Transcripts" >Transcripts</a> </li> <li class="footer__item"> <a class="footer__link" href="/student-services/financial-resources" aria-label="Financial Resources" >Financial Resources</a> </li> </ul> </div> </nav> <div class="footer__contact"> <nav class="footer__social" aria-label="Social Navigation"> <span class="footer__title"> Connect With Us </span> <a class="footer__link footer__link--social" href="https://www.facebook.com/UCSanDiegoExtendedStudies" aria-label="Facebook Page for UC San Diego Division of Extended Studies" target='_blank' rel='noopener noreferrer' > <i class="glyph-facebook" aria-hidden="true"></i> <span class="hide-visually">facebook</span> </a> <a class="footer__link footer__link--social" href="https://twitter.com/UCSDExtStudies" aria-label="X (formerly Twitter) Page for UC San Diego Division of Extended Studies" target='_blank' rel='noopener noreferrer' > <i class="glyph-x-logo" aria-hidden="true"></i> <span class="hide-visually">X</span> </a> <a class="footer__link footer__link--social" href="https://www.instagram.com/ucsdextendedstudies/" aria-label="Instagram Page for UC San Diego Division of Extended Studies" target='_blank' rel='noopener noreferrer' > <i class="glyph-instagram" aria-hidden="true"></i> <span class="hide-visually">Instagram</span> </a> <a class="footer__link footer__link--social" href="https://www.linkedin.com/school/uc-san-diego-extended-studies/" aria-label="LinkedIn Page for UC San Diego Division of Extended Studies" target='_blank' rel='noopener noreferrer' > <i class="glyph-linkedin" aria-hidden="true"></i> <span class="hide-visually">linkedin</span> </a> <a class="footer__link footer__link--social" href="https://www.youtube.com/c/UCSanDiegoExtendedStudies" aria-label="YouTube Page for UC San Diego Division of Extended Studies" target='_blank' rel='noopener noreferrer' > <i class="glyph-youtube" aria-hidden="true"></i> <span class="hide-visually">youtube</span> </a> </nav> <div class="footer__form"> <span class="footer__title">Newsletter Signup</span> <a class="btn btn--ghost" href="/subscribe">Subscribe for Updates</a> </div> </div> </div> <div class="footer__meta"> <div class="footer__meta__container"> <nav class="footer__legal" aria-label="Legal Navigation"> <a class="footer__link" href="/about-us/privacy-policy" aria-label="Privacy Policy" >Privacy Policy</a> <a class="footer__link" href="/about-us/terms-of-use" aria-label="Terms of Use" >Terms of Use</a> <a class="footer__link" href="/website-feedback" aria-label="Website Feedback" >Website Feedback</a> </nav> <span class="footer__copy">© 2024 Regents of the University of California. All Rights Reserved.</span> </div> </div> </footer> </app-footer> </div> <script src="/runtime.js?v=huKgrg3O1dsf2HaoeXHcVKYZw11DS3rSyUiivjF-4jY" defer></script> <script src="/vendor.js?v=zU0LrpWgO0nHxIz5IxlwEAcYSsWSC2PxOLpxdWdJ1LQ" defer></script> <script src="/index.js?v=fwLhHOHvdaxWBmLPP_0eFHwpF0J8aIWoTxGLVSg07yI" defer></script> <script src="/apps.js?v=wNduHLmK1SxQenqWmpiuQwNxRXJZHi4wZPgK-9hKpS4" defer></script> <link rel="stylesheet" href="/styles/bootstrap.min.css?v=UmbUFWhu50nUwcVtIgRZWZDPmD-n61jaTrkpJneqyHg" /> <script type="text/javascript" src="" async></script> </body> </html>