-
-
- Online Learning
-
-
-
- Academic Services
- Course and Program Information
-
-
-
Berkeley Global
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...