We may earn an affiliate commission when you visit our partners.
Course image
Annemarie Lesage and Constantinos K. Coursaris

Prototyping is part art, part science. In this MOOC you will learn both UI design (user interface design) and the ergonomic criteria (grounded in cognitive psychology), which underlies it. With this knowledge, you will learn to drive the creative team from low-tech paper mock-ups to developing high-fidelity interactive prototypes using the latest industry methods and tools.

Prototypes serve the dual purpose of determining what the interfaces will look like and test these developing interfaces at every step! The point is to diminish the risk of developing wrong or faulty interfaces.

Read more

Prototyping is part art, part science. In this MOOC you will learn both UI design (user interface design) and the ergonomic criteria (grounded in cognitive psychology), which underlies it. With this knowledge, you will learn to drive the creative team from low-tech paper mock-ups to developing high-fidelity interactive prototypes using the latest industry methods and tools.

Prototypes serve the dual purpose of determining what the interfaces will look like and test these developing interfaces at every step! The point is to diminish the risk of developing wrong or faulty interfaces.

You will learn to appreciate the dynamic relationship shared by prototyping and testing, which good UI designers fully grasp. Prototyping takes the guessing game out of the creative process, delivering business savvy (on-time, on-budget) user-tested, good experiences.

No previous knowledge needed. Join us in the journey to unlock the potential of low to high fidelity prototyping techniques, through the UX Design and Evaluation MicroMasters, or as an individual course.

What's inside

Learning objectives

  • Nielsen’s ergonomic heuristics,
  • Cognitive biases to avoid,
  • Ui design principles,
  • Visual design,
  • Low-fidelity paper prototypes, wireframing, medium and high-fidelity prototyping,
  • Ux prototyping tools (invision, balsamiq, axure rp, or adobe xd),
  • How ux prototyping synchs up with user testing.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Develops visual design and user interface design, which are key pillars of UX design
Produces hands-on, practical UX prototyping skills through use of industry-standard tools and design methods
Includes prototypes that test user interface design and are validated through testing
Teaches heuristics to test prototypes, validating designs and improving efficiency
Taught by recognized experts in user interface design
Requires no prior knowledge or expertise, making it accessible to beginners

Save this course

Save UX Prototyping to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in UX Prototyping with these activities:
Review Cognitive Psychology Concepts
Refreshing your understanding of cognitive psychology concepts provides a strong foundation for comprehending the psychological principles underlying UX design.
Browse courses on Cognitive Psychology
Show steps
  • Review textbooks or articles on cognitive psychology.
  • Focus on topics such as perception, attention, memory, and decision-making.
  • Consider how these concepts influence user behavior and interface design.
Review: The Elements of User Experience
Garrett's renowned book provides a comprehensive foundation for UX design principles, helping you grasp core concepts and their practical applications.
Show steps
  • Read the book thoroughly, taking notes and highlighting key concepts.
  • Summarize the main principles of UX design as outlined by Garrett.
  • Identify real-world examples that demonstrate these principles in action.
Follow Tutorials on Industry-Standard Prototyping Tools
Guided tutorials on industry-standard prototyping tools provide practical experience and help you master the techniques used by professionals.
Show steps
  • Choose a prototyping tool that aligns with your project needs.
  • Follow official tutorials or online courses to learn the basics of the tool.
  • Create a prototype using the tool to gain hands-on experience.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Design a Low-Fidelity Prototype
Hands-on creation of a low-fidelity prototype solidifies your understanding of UI design principles and helps you visualize the user experience.
Browse courses on Low-Fidelity Prototyping
Show steps
  • Choose a simple interface or app concept to prototype.
  • Sketch out the user flow and screen layouts on paper or a whiteboard.
  • Create interactive elements using paper cutouts or movable components.
  • Test the prototype with users and gather feedback.
Practice Heuristic Evaluation Techniques
Regular practice in applying heuristic evaluation techniques sharpens your ability to identify usability issues and improve the user experience.
Browse courses on Heuristic Evaluation
Show steps
  • Familiarize yourself with Nielsen's heuristics.
  • Evaluate existing interfaces or prototypes using the heuristics.
  • Document the usability issues identified.
  • Propose recommendations for improving the design.
Design and Prototype a Real-World Interface
Undertaking a real-world project reinforces your learning by applying the principles and techniques covered in the course to a practical scenario.
Browse courses on UI Design
Show steps
  • Identify a problem or opportunity that requires an improved user interface.
  • Conduct user research to understand the needs and pain points.
  • Design and prototype a solution using the principles and techniques learned in the course.
  • Test the prototype with users and iterate based on feedback.
Build a Portfolio of UX Prototypes
Creating a portfolio of your UX prototypes demonstrates your skills, showcases your work, and serves as a valuable resource for career advancement.
Browse courses on UX Portfolio
Show steps
  • Select your best prototypes that represent your skills and experience.
  • Document the design rationale, user feedback, and iterations for each prototype.
  • Create a website or online platform to display your portfolio.

Career center

Learners who complete UX Prototyping will develop knowledge and skills that may be useful to these careers:
UX Designer
A UX Designer is responsible for the user experience of a product or service. They work to ensure that the product is easy to use, understand, and enjoyable. Nielsen’s Ergonomic Heuristics and Cognitive Biases to Avoid can help UX Designers create products that are more user-friendly. Additionally, UI Design Principles and Visual Design can help UX Designers create products that are more visually appealing. This course may be useful for UX Designers who want to learn more about the latest UX prototyping techniques and tools.
UI Designer
A UI Designer is responsible for the visual design of a product or service. They work to create interfaces that are both visually appealing and functional. UI Design Principles and Visual Design can help UI Designers create interfaces that are more user-friendly. Additionally, UX Prototyping Tools can help UI Designers create prototypes that can be used to test the usability of an interface before it is developed. This course may be useful for UI Designers who want to learn more about the latest UX prototyping techniques and tools.
Front-End Developer
A Front-End Developer is responsible for the development of the user interface of a product or service. They work to implement the designs created by UX Designers and UI Designers. UX Prototyping Tools can help Front-End Developers create prototypes that can be used to test the usability of an interface before it is developed. Additionally, this course can help Front-End Developers learn more about the latest UX prototyping techniques and tools.
Product Manager
A Product Manager is responsible for the overall development and management of a product or service. They work to ensure that the product meets the needs of users and is successful in the market. This course can help Product Managers learn more about the latest UX prototyping techniques and tools. Additionally, it can help Product Managers understand the importance of user testing and how to use it to improve the quality of their products.
Interaction Designer
An Interaction Designer is responsible for designing the interactions between users and products or services. They work to create interactions that are both user-friendly and efficient. This course can help Interaction Designers learn more about the latest UX prototyping techniques and tools. Additionally, it can help Interaction Designers understand how to use prototyping to test the usability of interactions.
UX Researcher
A UX Researcher is responsible for conducting research on users to understand their needs and wants. They use this research to inform the design of products and services. This course can help UX Researchers learn more about the latest UX prototyping techniques and tools. Additionally, it can help UX Researchers understand how to use prototyping to test the usability of products and services.
Art Director
An Art Director is responsible for the visual design of a product or service. They work to create a visual style that is consistent with the brand and appeals to the target audience. This course can help Art Directors learn more about the latest UX prototyping techniques and tools. Additionally, it can help Art Directors understand how to use prototyping to test the usability of visual designs.
Creative Director
A Creative Director is responsible for the overall creative vision of a product or service. They work to ensure that the product or service is visually appealing and consistent with the brand. This course can help Creative Directors learn more about the latest UX prototyping techniques and tools. Additionally, it can help Creative Directors understand how to use prototyping to test the usability of creative concepts.
User Experience Architect
A User Experience Architect is responsible for the overall user experience of a product or service. They work to ensure that the product or service is easy to use, understand, and enjoyable. This course can help User Experience Architects learn more about the latest UX prototyping techniques and tools. Additionally, it can help User Experience Architects understand how to use prototyping to test the usability of products and services.
Graphic designer
A Graphic Designer is responsible for creating visual content for a variety of purposes, including marketing, advertising, and web design. This course can help Graphic Designers learn more about the latest UX prototyping techniques and tools. Additionally, it can help Graphic Designers understand how to use prototyping to test the usability of visual designs.
Web Designer
A Web Designer is responsible for the design and development of websites. This course can help Web Designers learn more about the latest UX prototyping techniques and tools. Additionally, it can help Web Designers understand how to use prototyping to test the usability of websites.
Information Architect
An Information Architect is responsible for designing the structure and organization of information. This course can help Information Architects learn more about the latest UX prototyping techniques and tools. Additionally, it can help Information Architects understand how to use prototyping to test the usability of information structures.
Human Factors Engineer
A Human Factors Engineer is responsible for designing products and systems that are safe, efficient, and easy to use. This course can help Human Factors Engineers learn more about the latest UX prototyping techniques and tools. Additionally, it can help Human Factors Engineers understand how to use prototyping to test the usability of products and systems.
Computer Programmer
A Computer Programmer is responsible for writing code to implement software systems. This course can help Computer Programmers learn more about the latest UX prototyping techniques and tools. Additionally, it can help Computer Programmers understand how to use prototyping to test the usability of software systems.
Software Engineer
A Software Engineer is responsible for the design, development, and maintenance of software systems. This course can help Software Engineers learn more about the latest UX prototyping techniques and tools. Additionally, it can help Software Engineers understand how to use prototyping to test the usability of software systems.

Reading list

We've selected 14 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in UX Prototyping.
Classic in the field of user experience design and provides a comprehensive overview of the principles of good design. It valuable resource for anyone who wants to learn more about the cognitive and psychological factors that influence how people interact with products and systems.
Is another essential read for anyone who wants to learn about user experience design. It covers a wide range of topics, from the basics of interaction design to more advanced topics such as information architecture and usability testing.
Provides a practical guide to prototyping, from the early stages of ideation to the final stages of implementation. It valuable resource for anyone who wants to learn more about the different types of prototypes and how to use them effectively.
Provides a comprehensive guide to prototyping with Figma, a popular UX design tool. It covers everything from the basics of Figma to more advanced topics such as creating interactive prototypes.
Provides a comprehensive overview of cognitive psychology, the study of the mind and how it works. It valuable resource for anyone who wants to learn more about the cognitive factors that influence human behavior.
Comprehensive textbook on human-computer interaction. It covers a wide range of topics, from the basics of HCI to more advanced topics such as user experience design and usability testing.
Provides a comprehensive overview of interaction design, the field of study that focuses on the design of interactive systems. It valuable resource for anyone who wants to learn more about the design principles and methods that are used to create usable and engaging interactive systems.
Provides a comprehensive overview of user experience design for mobile devices. It covers a wide range of topics, from the basics of mobile UX design to more advanced topics such as mobile app development and user testing.
Provides a comprehensive overview of UX strategy. It covers a wide range of topics, from the basics of UX strategy to more advanced topics such as UX governance and ROI measurement.
Provides a comprehensive overview of web design. It covers a wide range of topics, from the basics of web design to more advanced topics such as web accessibility and mobile web design.
Provides a comprehensive overview of responsive web design. It covers the basics of responsive web design, as well as more advanced topics such as responsive layout techniques and responsive images.
Provides a comprehensive overview of CSS. It covers the basics of CSS, as well as more advanced topics such as CSS layout techniques and CSS animations.
Provides a comprehensive overview of JavaScript. It covers the basics of JavaScript, as well as more advanced topics such as JavaScript object-oriented programming and JavaScript event handling.
Provides a comprehensive overview of HTML and CSS. It covers the basics of HTML and CSS, as well as more advanced topics such as HTML5 and CSS3.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to UX Prototyping.
Human-Centered Design: an Introduction
Most relevant
Designing a Low Fidelity Prototype in Figma
Most relevant
Build Wireframes and Low-Fidelity Prototypes
Most relevant
Build a low-fidelity prototype for a mobile app in Adobe...
Most relevant
Build a High-Fidelity Prototype for a Mobile App in Adobe...
Most relevant
Create High-Fidelity Designs and Prototypes in Figma
Most relevant
Using Rapid Prototyping in the Engineering Design Process
Most relevant
User Experience Design - Learn UI UX App Design with Figma
Most relevant
Prototyping and Design
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser