Skip to main content
The following fields are required:
Error has occurred. Please reload this page and try the operation again.
  • Agents
  • Partners
  • Student Login
  • Instructor Login
UC Berkeley Extension Home Page
      • Areas of Study
        • Art and Design
        • Behavioral Health Sciences
        • Business
        • Construction and Sustainability
        • Education
        • Humanities and Languages
        • Sciences, Mathematics
          and Biotechnology
        • Technology and
          Information Management
        • Writing, Editing and
          Technical Communication
      • Online Learning
        • Online Courses and Certificates
      • Events
        • Information Sessions
        • Free and Low Cost Events
      • Academic Services
        • Enrollment
        • Transcripts
        • General Information
        • Community Guides
      • Course and Program Information
        • Latest COVID-19 Information
        • Online Course Policies
        • Certificates, Programs and CEUs
        • Concurrent Enrollment
        • Career Services
      • Student Aid
        • Disabled Students
        • Financial Assistance
        • Community Impact Scholarship
      • Voices
        • Voices Home
        • Educator Insights
        • Student Stories
        • Professional Pathways
        • Industry Trends
      • Events
        • Information Sessions
        • Free and Low Cost Events

  • Berkeley Global

Diagramming and Prototyping for UX

DESIGN X476

29946164
Delivery Options Online

Diagramming and prototyping are essential tools to convert innovative ideas into tangible and profitable products. Designers use diagramming to visually communicate with end-users and other team members about the holistic experience they are developing. In prototyping, designers create representation of the products and conduct usability tests to quickly get feedback on their ideas as they translate their designs from low- to high-fidelity prototypes and iterate based on user research findings.

By going through multiple iterations of the prototype and usability testing, you can document your research processes, collect and apply feedback, and assess your product usability in a timely manner. Each in-class exercise builds your understanding and competencies as you design for various types of digital products (interactive kiosk, apps, enterprise website and mobile apps). By the end of the class, you will have gained the fundamental knowledge, critical thinking of UX trends and future expectation, and craftsmanship in order to create a final UX digital prototype portfolio project by using any of the following software: Sketch, Figma, Principle, Adobe XD and many more. Download the free trial versions to test these programs our, or purchase student discounted versions of any software.

Course Outline

Expand or collapse section

Course Objectives

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

  • Communicate the value of diagramming and prototyping
  • Demonstrate which diagram or prototyping method is appropriate based on where you are in the overall design process
  • Understand and synthesize information about diagramming through real-world examples
  • Design successful visual diagrams and prototypes that are intuitive and self-explanatory
  • Present and communicate ideas professionally and give/receive constructive critique
  • Evaluate design in each iterative phase and apply changes selectively to improve quality
  • Apply critical thinking approach for initiating user experience design
  • Distinguish successful and unsuccessful user experience design
  • Determine which level of fidelity is appropriate based on the stage you’re in
  • Present your concept effectively and gain buy-in and support from stakeholders
  • Sell your idea and concept videos to gain buy-in from stakeholders

What You Learn

Diagramming and prototyping are useful ways to understand complex situations where many design choices and user feedback affect one another. Journey maps, behavior maps, system flow diagrams and a range of other mapping methods are at your service to help you scope out complex situations.

  • Five types and five principles of prototyping
  • Paper, interactive and digital prototypes
  • Responsive, adaptive and mobile-first design
  • Low- and high-fidelity prototypes
  • Venn diagrams used in UX
  • Content ecosystem
  • Value of diagramming
  • Affinity diagrams
  • Design process
  • Customer journey maps
  • Customer experience maps
  • Task analysis and user flows
  • Functional and visual fidelity
  • Usability testing
  • Feasibility
  • UX honeycomb
  • UX wheel concept videos

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
  • Discussions
  • Demonstrations
  • Reviews and critique
  • In-depth exercises
  • Assigned readings
  • Design exercises
  • User testing practice in a small group
  • Quizzes (at instructor's discretion)

Is This Course Right for Me?

If you are interested in user experience design or web design and would like to work in diagramming and prototyping, then this course is a fit. Our experienced instructors provide practical diagramming and prototyping skills and monitor your development along with peer-to-peer support on our student online platform.

After completing this course, you are ready to take Visual Design Principles.

Loading...

Sections

Section 022

Mar 02, 2021 to May 18, 2021 Online

Course Fee(s)

course fee credit (2 units)

$1,107.00


Type 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.

Dates

Mar 02, 2021 to May 18, 2021

Delivery Options

Online

Available for Credit

2 semester units

Instructors

  • Todd Zaki Warfel

Section Notes

Course runs March 02 to May 18, 2021.

This is a fixed-date class with asynchronous, online instruction. 

Student will receive access to their online section within the Canvas Learning Management System on the scheduled start date. There are weekly deadlines for assignments, and students will complete assignments within the specific dates posted in their online class.

Equipment

The following minimum recommendation for UX Design:

  • Apple MacBook or PC

    • 8 to 16GB RAM

Software

You will use the following software for this section, no previous knowledge is needed.

  • Figma: http://figma.com
  • Sketch: https://www.sketch.com/
  • Adobe XD: https://www.adobe.com/products/xd.html

Art Supplies:

  • Pen and paper (black and blank)

Section Materials

  • Textbook (Optional) The User Experience Team of One by Leah Buley Rosenfeld Media 1st edition ISBN 978-1-933820-18-7 Rosenfeld

Section 024

Jun 07, 2021 to Aug 30, 2021 Live Online

Course Fee(s)

course fee credit (2 units)

$1,107.00


Type Live Online

Access classroom-style interactive learning from anywhere in the world! Attend scheduled online sessions with your instructor and classmates in addition to completing your coursework.

Live Online format allows you to take classes from anywhere with an internet connection. Classroom sections will be taught in this format through Spring 2021. Learn more about this format.

Beginning August 15, 2020, you must have a Zoom account to participate.

Many schools are now accepting transfer credit for online coursework, including health and sciences programs. Check with your institution before enrolling.

Days

M

Time

6:30PM to 9:30PM Pacific Time

Dates

Jun 07, 2021 to Aug 30, 2021

Schedule and Location

View Details

Instructional Hours

36.0

Delivery Options

Online

Available for Credit

2 semester units

Instructors

  • David Dell'Agostino

Section Notes

Course runs from June 7 to August 30, 2021. (No meeting July 5 and July 19)

Live Online format allows you to take classes from anywhere with an internet connection. Access classroom-style interactive learning from anywhere in the world! Attend scheduled online sessions with your instructor and classmates in addition to completing your coursework via Zoom and our student platform called Canvas.

The following minimum recommendation for UX Design:

  • Apple MacBook or PC

    • 8 to 16GB RAM

Software

You will use the following software for this section, no previous knowledge is needed.

  • Figma: http://figma.com
  • Sketch: https://www.sketch.com/
  • Adobe XD: https://www.adobe.com/products/xd.html

Art Supplies:

  • Pen and paper (black and blank)

Section Materials

  • Textbook (Optional) The User Experience Team of One by Leah Buley Rosenfeld Media 1st edition ISBN 978-1-933820-18-7 Rosenfeld

Section 025

Jun 14, 2021 to Aug 30, 2021 Online

Course Fee(s)

course fee credit (2 units)

$1,107.00


Type 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.

Dates

Jun 14, 2021 to Aug 30, 2021

Delivery Options

Online

Available for Credit

2 semester units

Instructors

  • Todd Zaki Warfel

Section Notes

Course runs from June 14 to Aug 30, 2021. 

Type 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.

The following minimum recommendation for UX Design:

  • Apple MacBook or PC

    • 8 to 16GB RAM

Software

You will use the following software for this section, no previous knowledge is needed.

  • Figma: http://figma.com
  • Sketch: https://www.sketch.com/
  • Adobe XD: https://www.adobe.com/products/xd.html

Art Supplies:

  • Pen and paper (black and blank)

Section Materials

  • Textbook (Optional) The User Experience Team of One by Leah Buley Rosenfeld Media 1st edition ISBN 978-1-933820-18-7 Rosenfeld

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

  • Animation Design and Video Production
  • Diagramming and Prototyping for UX
  • Illustrating Children's Books
  • Essentials of User Experience (UX) Design
  • User-Interface (UI) Design
  • Branding
  • Expressive and Experimental Typography
  • Information Architecture (IA) and Content Strategy

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
  • Human-Centered Design for Data Visualization
  • Design Thinking and UX Strategy
  • Accessibility in UX Design
  • Service Design
  • Web Design With HTML5 and CSS3
  • Typography Fundamentals
  • Illustrator I
  • Photoshop I
  • InDesign
  • Branding

Learn More About this Program

Notes

Departmental contact: extension-graphicdesign@berkeley.edu | (510) 643-8916

UC Berkeley Extension UC Berkeley Extension Footer Logo

1995 University Ave., Suite 200

Berkeley, CA 94704-7000

extension@berkeley.edu

  • About Us
  • Administration
  • Contact Us
  • Gifts
  • Jobs

Copyright © UC Regents

Powered by Destiny One
Facebook Facebook Icon Twitter Twitter Icon LinkedIn LinkedIn Icon YouTube YouTube Icon Instagram Instagram Icon

Join us on WeChat!

Image of UC Berkeley Extension's WeChat QR code

We use cookies to give you the best experience on our website. By clicking Accept, you consent to our cookie policy and 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

course fee

Online

course fee

DESIGN X476 - 024 - Diagramming and Prototyping

Processing...

David Dell'Agostino

David Dell’Agostino is a designer, strategist, and educator with over 20 years of professional experience. David specializes in user experience design and strategy, and has taught at the Bay Area Video Coalition where he has served as a mentor to aspiring designers. Trained in analytic philosophy, David began his digital career as a Web developer before migrating to user experience. He has designed a variety of experiences, from enterprise software to award-winning social marketing campaigns. Currently, David designs digital products in the med-tech space. Outside of work, David teaches philosophy part-time and enjoys life with his family near San Francisco's historic Golden Gate Park.

course fee

Processing...

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.

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 http://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.