Skip to main content
Logo for Berkeley Extension

Wait!

Enter your email address to save your cart.

Your privacy is important to us.

Email Privacy Policy

Your privacy is important to us!

We do not share your information with other organizations for commercial purposes.

We only collect your information if you have subscribed online to receive emails from us.

We do not partner with or have special relationships with any ad server companies.

If you want to unsubscribe, there is a link to do so at the bottom of every email.

Read the full Privacy Policy.

Back to your information.

Thank you, and welcome to the UC Berkeley Extension community!

The following fields are required:
Error has occurred. Please reload this page and try the operation again.
  • Agents
  • Student Login
  • Instructor Login
Extension homepage
      • Areas of Study
        • Art and Design
        • Behavioral Health Sciences
        • Business
          • Accounting
          • Business Administration
          • Economics
          • Finance
          • Leadership and Management
          • Marketing
          • Project Management
          • See the full list
        • Construction and Sustainability
        • Education
        • Humanities and Languages
        • Mathematics and Statistics
        • Sciences and Biotechnology
          • Biology
          • Chemistry and Physics
          • Clinical Laboratory Science
          • Health Advising
          • Life Science Business and Biotechnology
          • Online Sciences Courses
          • See the full list
        • Technology and
          Information Management
        • Writing, Editing and
          Technical Communication
      • Transfer Credit
        • Transfer Credit Courses
      • Online Learning
        • Online Courses and Certificates
      • Events
        • Information Sessions
      • Academic Services
        • Enrollment
        • Transcripts
        • General Information
        • Community Guidelines
        • Locations
      • Course and Program Information
        • Online Course Policies
        • Certificates, Programs and CEUs
        • Concurrent Enrollment
        • International Student Services
      • Student Aid
        • Disability Support Services
        • Financial Assistance
      • Voices
        • Voices Home
        • Educator Insights
        • Student Stories
        • Professional Pathways
        • Industry Trends
      • Events
        • Information Sessions
        • Free and Low Cost Events

  • Berkeley Global

User-Interface (UI) Design

DESIGN X475.2

25307461
Delivery Options Online

Study the principles of information, interaction and navigation design to organize and present information for optimal user interface design (UI). Examine human-computer interaction (HCI) in the context of graphical user interfaces (GUI) by exploring the core principles of UI. These principles include: make it intuitive to interact with the interface: perception, simplicity, clarity, consistency, hierarchy (visual and temporal); and the human capabilities that motivate them, including motor skills, attention and human error. (In other words, "Good design is as little design as possible" by Dieter Rams.)

Lessons in UI, color theory, Gestalt principles, style guides and a holistic approach to design help strengthen your interface knowledge. The interface can take on many forms such as apps, kiosks, websites, software and many more. Course curriculum focuses on interfaces for digital products and experiences. Learn in a studio-style format that prioritizes collaborative/cooperative discussion for a more active learning environment. You leave the course with a comprehensive project presentation to add to your UX portfolio.

See a sample of former student Lulu Wang who works for Altitude Networks as a UX designer.

Prerequisites:

Working knowledge of Figma or any other prototyping tool, as you will be required to prototype for your project(s), and working knowledge of user research methods.

Course Outline

Expand or collapse section

Course Objectives

UC Berkeley Extension designs the best possible online learning experience to develop your skills to create a quality portfolio and become a confident research and design professional.

Create a meaningful portfolio of your work targeted towards design leaders Implement graphical user responsive interfaces for computers, tablets, smartphones, kiosks and a variety of devices

  • Differentiate UI design from other design disciplines
  • Describe the context of UI design within the full design process
  • Cite the foundational principles of an effective user interface
  • Establish design direction for your UI based on the problems you are solving
  • Synthesize numerous interactions around a common concept/identity
  • Break down an interaction into discrete detailed microinteractions
  • Communicate a set of logical conditions through multiple states within an interaction
  • Articulate the psychology behind what makes UI design work
  • Demonstrate an understanding of group dynamics and persuasive storytelling
  • Illustrate the basic content and functionality of your interaction

What You Learn

This user interface design class explores many crucial aspects of psychology of UI design components—design patterns, microinteractions, style guides and pattern libraries—to create intuitive and user friendly interfaces.

  • User-centered design
  • Prototyping
  • Visual information design
  • The principles and psychology of UI design
  • Best practices for solving big and small problems
  • Microinteractions: crucial, small moments
  • Sketching, wireframing, and facilitating dialog
  • Crafting UI: scale, color, emphasis, organization, motion
  • Design systems: patterns and guidelines
  • Refining UI for the greatest emotional impact
  • Positioning yourself for a design career
  • Core principles of UI
  • How UI and UX both contribute to solving human problems
  • The differences between B2B/enterprise applications and B2C applications
  • Why sketching the content and function of UI is a critical step in the design process
  • How to create meaning using the Gestalt Principles
  • How to create a basic style guide and pattern library
  • How to communicate the details of your design to the developers who will be building it
  • Positioning yourself to enter the UX/UI design field
  • How to create an effective portfolio of UI design work

How You Learn

We are online! All of the design classes are conducted online including: video classes, mentor-led learning and peer-to-peer support through our student online platform, Canvas.

  • Lectures
  • Reading assignments
  • Quizzes (at instructor’s discretion)
  • Small-group activities
  • Homework assignments
  • Capstone project

Is This Course Right for Me?

This course is ideal for students, product planners, developers, marketers, usability professionals, design practitioners and managers who are committed to creating a great customer experience. It’s also applicable to anybody interested in learning about UI design or entering the UX/UI field.

This course applies to the following programs:

Professional Program in Graphic Design

Expand or collapse section

Required Courses

  • Visual Design Principles
  • Illustrator I
  • InDesign
  • Typography Fundamentals
  • Photoshop I
  • Web Design With HTML5 and CSS3
  • Graphic and Web Design Portfolio

Courses for Further Advancement

  • Essentials of Motion Graphics
  • Adobe Digital Tools
  • Diagramming and Prototyping for UX
  • Illustrating Children's Books
  • Essentials of User Experience (UX) Design
  • User-Interface (UI) Design
  • Branding

Learn More About This Program

Professional Program in User Experience (UX) Design

Expand or collapse section

Required Courses

  • Essentials of User Experience (UX) Design
  • Diagramming and Prototyping for UX
  • Visual Design Principles
  • User Research for UX
  • Information Architecture (IA) and Content Strategy
  • User-Interface (UI) Design

Electives

  • UX Design Portfolio
  • Qualitative Research: Design, Implementation and Methods
  • Quantitative UX Metrics and Research
  • Accessibility in UX Design
  • Web Design With HTML5 and CSS3
  • Typography Fundamentals
  • Illustrator I
  • Photoshop I
  • InDesign
  • Branding

Learn More About This Program

Notes

Departmental contact: extension-uxdesign@berkeley.edu


Instructional Types

Live Online
Live Online courses provide an interactive learning experience with scheduled synchronous online sessions held via Zoom video conferencing (Pacific Time). Learn more about the Live Online format.
Online, Start Anytime
Continuous enrollment course begins when you enroll. You have a minimum of 90 days and a maximum of 180 days to complete the course.
Online, Fixed Date
Enroll in this course by its start date and complete it by its specified end date. There are no live sessions, but plenty of opportunities to collaborate with your classmates and instructor.
Classroom
Take classes in-person at one of our buildings or partner locations.

English Language Proficiency Requirements

All of our courses are taught in English. If English is not your first language, please use the following test scores as guides in order to be successful:

  • TOEFL: 90
  • IELTS Academic Format: 7
  • DAAD: C1
  • TEM-4 or TEM-8: Level 70
  • Duolingo: 125

Note: You do not need to submit test scores.

Extension homepage

1995 University Ave., Suite 130

Berkeley, CA 94704-7000

extension@berkeley.edu

Facebook Facebook Icon Twitter Twitter Icon LinkedIn LinkedIn Icon YouTube YouTube Icon Instagram Instagram Icon Medium Small Icon for Medium
WeChat QR code

Locations

  • Berkeley
  • San Francisco
  • Online
  • Other

Resources

  • About Us
  • Administration
  • Accessibility
  • Nondiscrimination
  • Privacy
  • Transcripts
  • Gifts
  • Jobs
  • Contact Us
Western Association of Schools and Colleges

The University of California, Berkeley, is accredited by the Western Association of Schools and Colleges (WASC). UC Berkeley Extension—like all other UC Berkeley schools, colleges and departments—is accredited by WASC through the University.

Copyright © UC Regents

Powered by Modern Campus

Cookie Policy

By clicking “Accept All Cookies,” I agree to permit this website to share my information, including a device identifier and my browsing history on this site, with selected partners, including Google, Meta/Facebook and others, to enhance my browsing experience and to ensure that marketing communications are targeted to my needs in accordance with our Cookie Policy and our Privacy Policy.

Session Time-Out

For security reasons and the protection of your personal information, your session will time out due to a period of inactivity in minute(s) and second(s). Click Extend My Session to continue. For security reasons and the protection of your personal information, your session timed out after a period of inactivity. You will be redirected to the home page.

Confirm

Alert

Privacy Policy

Cookie Policy

This statement explains how we use cookies on our website. For information about what types of personal information will be gathered when you visit the website, and how this information will be used, please see our Privacy Policy.

How we use cookies

All of our web pages use "cookies". A cookie is a small file of letters and numbers that we place on your computer or mobile device if you agree. These cookies allow us to distinguish you from other users of our website, which helps us to provide you with a good experience when you browse our website and enables us to improve our website.

We use cookies and other technologies to optimize your website experience and to deliver communications and marketing activities that are targeted to your specific needs. Some information we collect may be shared with selected partners such as Google, Meta/Facebook or others. By browsing this site you are agreeing to our Privacy Policy. You can revoke your voluntary consent to participate in monitored browsing and targeted marketing by selecting “Disable All Cookies” below.

Types of cookies we use

We use the following types of cookies:

  • Strictly necessary cookies- these are essential in to enable you to move around the websites and use their features. Without these cookies the services you have asked for, such as signing in to your account, cannot be provided.
  • Performance cookies- these cookies collect information about how visitors use a website, for instance which pages visitors go to most often. We use this information to improve our websites and to aid us in investigating problems raised by visitors. These cookies do not collect information that identifies a visitor.
  • Functionality cookies- these cookies allow the website to remember choices you make and provide more personal features. For instance, a functional cookie can be used to remember the items that you have placed in your shopping cart. The information these cookies collect may be anonymized and they cannot track your browsing activity on other websites.

Most web browsers allow some control of most cookies through the browser settings. To find out more about cookies, including how to see what cookies have been set and how to manage and delete them please visit https://www.allaboutcookies.org/.

Specific cookies we use

The list below identify the cookies we use and explain the purposes for which they are used. We may update the information contained in this section from time to time.

  • JSESSIONID: This cookie is used by the application server to identify a unique user's session.
  • registrarToken: This cookie is used to remember items that you have added to your shopping cart
  • locale: This cookie is used to remember your locale and language settings.
  • cookieconsent_status: This cookie is used to remember if you've already dismissed the cookie consent notice.
  • _ga_UA-########: These cookies are used to collect information about how visitors use our site. We use the information to compile reports and to help us improve the website. The cookies collect information in an anonymous form, including the number of visitors to the website, where visitors have come to the site from and the pages they visited. This anonymized visitor and browsing information is stored in Google Analytics.

Changes to our Cookie Statement

Any changes we may make to our Cookie Policy in the future will be posted on this page.