UX Design: From Concept to Prototype
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
UX Design: From Concept to Prototype
This course is part of User Experience Research and Design Specialization
Instructor: Predrag Klasnja
47,906 already enrolled
Included with
304 reviews
304 reviews
What you'll learn
Define and scope the design problem
Create user stories and storyboards to transform information about user needs into design concepts
Develop prototypes from elements of interactions and low-to-high fidelity mockups
Skills you'll gain
- Wireframing
- Prototyping
- Mockups
- Persona (User Experience)
- Storyboarding
- Design
- Interaction Design
- User Interface and User Experience (UI/UX) Design
- User Experience
- Usability Testing
- User Centered Design
- Scenario Testing
- User Interface (UI)
- Ideation
- User Experience Design
- Conceptual Design
- Interactive Design
- User Story
Details to know
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
There are 6 modules in this course
Great design doesn’t come out of nowhere; it is born, nurtured, and grown--all through a systematic, learnable process. In this UX course, you will explore the process of taking a basic concept, grounded in user needs, and developing it into a design that will address those needs. In the course, you will gain hands-on experience with techniques such as sketching, scenario development, storyboarding, and wireframing that will help you transform your understanding of what your users need into a compelling user experience. You will then learn how to turn wireframes and interaction architecture into interactive prototypes that can be tested with prospective users and iteratively refined into a high quality design that that is ready for a hand-off to the development team for implementation.
What You’ll Learn: Define and scope the design problem you will try to address Create user stories and storyboards to transform information about user needs into design concepts Produce sketches and conduct brainstorming sessions to generate many design ideas from which you can construct a high-quality design solution Develop interface wireframes to concretize the design and enable early user testing Conduct user tests with paper prototypes to get preliminary user feedback on the design concept and interactions Develop high-fidelity mockups that specify visual design elements Create Wizard of Oz prototypes to efficiently test complex interactions and interactive systems that are not screen-based (e.g., smart assistants)
In this module, you will be introduced to the nature of design, the design process, and methods of formative research. You are expected to spend 2 to 3 hours on this module’s workload. By the end of this module, you will understand the user experience design process and how to conduct formative research.
What's included
4 videos4 readings1 assignment1 discussion prompt
4 videos•Total 30 minutes
- Lesson 1: What Is Design?•9 minutes
- Lesson 2: Design Process - An Overview•6 minutes
- Lesson 3: Framing Design Problems•6 minutes
- Lesson 4: Formative Research•10 minutes
4 readings•Total 40 minutes
- Welcome to UX Design: From Concept to Prototype•10 minutes
- Course Syllabus•10 minutes
- Help Us Learn More about You!•10 minutes
- Would you like to plan your learning journey with Michigan Online?•10 minutes
1 assignment•Total 20 minutes
- Introduction to the Design Process•20 minutes
1 discussion prompt•Total 10 minutes
- Self-Reflection and Discussion: Choose Your Design Problem•10 minutes
This module will cover one of the practical topics in this course --- ideation. You will brainstorm and sketch possible solutions to your design problem in this module’s assignment. You will also share your sketches with your fellow learners, hear their thoughts about your designs, and provide feedback on their work. By the end of this module, you will gain an understanding of various methods of ideation, as well as the structure developed by Haakon Faste and Eric Paulos for brainstorming.
What's included
3 videos1 reading1 assignment1 peer review1 discussion prompt
3 videos•Total 23 minutes
- Lesson 1: Introduction to Ideation•7 minutes
- Lesson 2: Sketching•7 minutes
- Lesson 3: Brainstorming•10 minutes
1 reading•Total 10 minutes
- Introduction to Design Assignments 1 to 3•10 minutes
1 assignment•Total 20 minutes
- Ideation•20 minutes
1 peer review•Total 60 minutes
- Assignment 1: 20 Sketches•60 minutes
1 discussion prompt•Total 10 minutes
- Self-Reflection and Discussion: Experience with Sketching•10 minutes
This module will introduce the other practical topics --- creation of early design representations like scenarios, personas, and storyboards that illuminate findings about user needs discovered through your formative research. By the end of this module, you will learn how designers move from formative research to a design solution, how the “Questions, Options, Criteria” framework can help us make design decisions, and gain hands-on experience in creating personas, scenarios, and storyboards.
What's included
4 videos1 reading1 assignment2 peer reviews1 discussion prompt
4 videos•Total 49 minutes
- Lesson 1: Personas•13 minutes
- Lesson 2: Scenarios•14 minutes
- Lesson 3: Storyboards•9 minutes
- Lesson 4: Design Rationale•13 minutes
1 reading•Total 10 minutes
- Stay in touch on University of Michigan online courses•10 minutes
1 assignment•Total 20 minutes
- Design Constraints and Making Choices•20 minutes
2 peer reviews•Total 120 minutes
- Assignment 2: Personas•60 minutes
- Assignment 3: Scenarios•60 minutes
1 discussion prompt•Total 10 minutes
- Self-reflection and Discussion: Experience with Creating Personas and Scenarios•10 minutes
In this module, we will start with understanding the conceptual underpinnings of user interactions by introducing the basic building blocks of user interaction. In addition to lectures, quizzes and discussions, this module involves actual design work: planning out the kinds of information the system you are designing will need to take in, and the kinds of feedback it will need to provide to users. By the end of this module, you will be able to define the elements of user interaction and types of data input. You will also be able to design effective inputs and outputs to enable users to complete tasks successfully as well as conceptualize design problems by using the building blocks of user interaction.
What's included
4 videos1 reading1 assignment1 peer review1 discussion prompt
4 videos•Total 42 minutes
- Lesson 1: Lesson Introduction•5 minutes
- Lesson 2: Elements of User Interaction: Data Input•14 minutes
- Lesson 3: Elements of User Interaction: Output, State, and Mode•13 minutes
- Lesson 4: Introduction to Prototyping•9 minutes
1 reading•Total 10 minutes
- Introduction to Design Assignments 4 to 6•10 minutes
1 assignment•Total 30 minutes
- Quiz: Building Blocks of User Interaction•30 minutes
1 peer review•Total 60 minutes
- Design Assignment 4: Mapping Out Inputs and Outputs•60 minutes
1 discussion prompt•Total 10 minutes
- Discussion: Input Critique•10 minutes
Module 5 will provide an overview of different forms of prototyping. Your design work for this module will be wireframing the main screens of your application. By the end of this module, you will be able to identify the characteristics and applications of low-fidelity and hi-fidelity prototypes and apply the most effective prototype for answering a particular design question. Also, you will learn how to test design concepts and functionality by utilizing wireframes and create low-fidelity and hi-fidelity prototypes to assess and improve your design.
What's included
4 videos1 assignment1 peer review1 discussion prompt
4 videos•Total 41 minutes
- Lesson 1: Wireframes•10 minutes
- Lesson 2: Low-Fidelity Interactive Prototypes•9 minutes
- Lesson 3: Testing Lo-Fi Prototypes•9 minutes
- Lesson 4: Adding Realism to Prototypes•13 minutes
1 assignment•Total 30 minutes
- Quiz: Low to Hi-Fidelity Prototyping•30 minutes
1 peer review•Total 60 minutes
- Design Assignment 5: 10 Wireframes•60 minutes
1 discussion prompt•Total 10 minutes
- Discussion: Experience with Wireframing•10 minutes
This module introduces some of the issues that designers need to think about when prototyping, such as defaults and mental models. You will create a functional low-fidelity prototype of your design. By the end of this module, you will understand the affordances and limitations of interface formats, learn to evaluate how the default features of a design impact the user experience, identify potential consequences of usage beyond a design’s intentions, and describe the gulfs of execution and evaluation.
What's included
5 videos4 readings1 assignment1 peer review1 discussion prompt
5 videos•Total 50 minutes
- Lesson 1: Key Design Concepts•11 minutes
- Lesson 2: Defaults•10 minutes
- Lesson 3: Reflective Design•15 minutes
- Lesson 4: New Directions in UX Design•12 minutes
- Course Wrap-Up•2 minutes
4 readings•Total 40 minutes
- Closing Message•10 minutes
- Attributions Page•10 minutes
- Course Feedback•10 minutes
- Keep Learning with Michigan Online•10 minutes
1 assignment•Total 30 minutes
- Quiz: Conceptual Issues in Prototyping and Design•30 minutes
1 peer review•Total 60 minutes
- Design Assignment 6: Paper Prototype•60 minutes
1 discussion prompt•Total 10 minutes
- Discussion: Experience with Paper Prototyping•10 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Instructor
Offered by
Explore more from Design and Product
- C
California Institute of the Arts
Course
Status: Free TrialCategory: Credit offered Course
Status: Free TrialCategory: Credit offeredCourse
Status: Free TrialCategory: Credit offeredCourse
Status: Free TrialCategory: Credit offered
Why people choose Coursera for their career
Learner reviews
- 5 stars
80.59%
- 4 stars
15.13%
- 3 stars
2.30%
- 2 stars
0.98%
- 1 star
0.98%
Showing 3 of 304
Reviewed on May 28, 2024
Great course! But some information is not relevant anymore - I mean the Tools and technologies specified in the course.
Reviewed on May 17, 2020
A good course for anyone who wants to learn about user experience design, wire frames and paper prototyping.
Reviewed on Jun 1, 2020
Great class. I loved the wireframing and testing exercises and learned a lot of hands on skills.
Frequently asked questions
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
More questions
Financial aid available,
¹ Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with Coursera's Privacy Notice.
