- Level Foundation
- Duration 13 hours
- Course by California Institute of the Arts
-
Offered by
About
This hands-on course examines how content is organized and structured to create an experience for a user, and what role the designer plays in creating and shaping user experience. You will be led through a condensed process that acts as a roadmap for developing robust UI/UX design: from ideation and sitemapping, to the creation of paper and digital prototypes. Building on the design skills learned in Visual Elements of User Interface Design, you will apply this methodology to produce a digital prototype for a multi-screen app of your own invention. By the end of this course, you will be able to describe and apply current best practices and conventions in UX design, and employ the fundamental principles of how UX design functions to shape an audience's experience of a given body of content. This is the second course in the UI/UX Design Specialization, which brings a design-centric approach to user interface (UI) and user experience (UX) design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. These courses are ideal for anyone with some experience in graphic or visual design and who would like to build their skill set in UI or UX for app and web design. It would also be ideal for anyone with experience in front- or back-end web development or human-computer interaction and want to sharpen their visual design and analysis skills for UI or UX.Modules
Course Overview
1
Videos
- Course Introduction
5
Readings
- About this course
- About the assignments
- Required Tools
- Academic Integrity
- About CalArts and the Program in Graphic Design
How Peer Review Works
3
Videos
- Why Peer Review?
- Peer Review Tips
- How to apply feedback
1
Readings
- What is peer review?
Course Communication Policies
3
Readings
- Instructor Presence and Staff Support
- Forum Guidelines
- Requesting Peer Reviews
Introduction to Week 1
2
Videos
- Introduction to Week 1
- Ideation, Articulation, and Development
Ideation
1
Discussions
- What makes a great user experience for you?
2
Videos
- Good Ideas
- Ideas and Goals
1
Readings
- Try it yourself: Analyze an existing app
User Research
3
Videos
- Research and Development
- Audience and Rationale
- Goals and Outcomes (for the Client/Designer)
1
Readings
- Try it yourself: Map out the possibilities
Naming and Mission
1
Videos
- Naming and Mission
Plan Your App
1
Assignment
- Ideation, Articulation, and Development
1
Peer Review
- An App of my Own
Introduction to Week 2
1
Discussions
- Define your app's functions
2
Videos
- Introduction to Week 2
- Mapping, Testing, Envisioning
1
Readings
- Defining your app's functions step-by-step
Mapping Content and Interaction
2
Peer Review
- Content Map
- Interaction Map
2
Videos
- Mapping Content
- Mapping Interaction
User Testing
2
Videos
- Non-Visual Paper Prototyping
- Non-Visual User Testing
1
Readings
- Try it yourself: Non-Visual Prototyping & User Testing
Creating a Sitemap
1
Peer Review
- Map your App
1
Videos
- Sitemap
Look and Feel
1
Assignment
- Planning, Testing, Researching, and Mapping
1
Videos
- Look and Feel/Visual Research
Introduction to Week 3
2
Videos
- Introduction to Week 3
- Getting real: Wireframes and Interfaces
Usability
1
Assignment
- Knowledge Check
1
Videos
- Nielsen's Usability Heuristics
Working with Wireframes 1
2
Videos
- What goes where? Part 1
- What goes where? Part 2
Working with Wireframes 2
1
Peer Review
- Journey to the Surface of the App
1
Videos
- Consistency and Details
Working with Wireframes 3
1
Videos
- Wireframe Map
1
Readings
- Try it yourself: Build a wireframe map
Setting the Visual Direction
1
Assignment
- What Goes Where
3
Videos
- Visual Direction
- Developing UI
- Refining UI
Introduction to Week 4
2
Videos
- Introduction to Week 4
- Making it by faking it
2
Readings
- Important notes about this week's assignment
- This week's demos in Figma
Feeling Real
2
Videos
- Feeling Real
- Additional Prototyping Approaches
1
Readings
- Try it yourself: Create a generic prototype
Making a Prototype using Figma
4
Videos
- Linking Up
- Branching Out
- Making Pathways
- Publish Your Prototype
Create a Clickable Prototype
1
Assignment
- Making It By Faking It
1
Peer Review
- Create a clickable prototype
1
Videos
- Design Critique: Example Prototype Submissions
Next Steps
1
Readings
- Next Steps
Auto Summary
Discover the essentials of UX Design in this engaging course, perfect for those with a background in graphic or visual design. Led by Coursera, you will explore the role of the designer in shaping user experiences through ideation, sitemapping, and prototyping. This hands-on course, part of the UI/UX Design Specialization, will help you create a digital prototype for a multi-screen app. Ideal for those in web development or human-computer interaction, it offers practical, skill-based instruction over a duration of 780 minutes. Subscription options include Starter, Professional, and Paid. Enhance your UX design skills and apply best practices with confidence.

Michael Worthington