About this Course
76,585 recent views

Course 1 of 1 in the

100% online

Start instantly and learn at your own schedule.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Beginner Level

English

Subtitles: English

Course 1 of 1 in the

100% online

Start instantly and learn at your own schedule.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Beginner Level

English

Subtitles: English

Syllabus - What you will learn from this course

Week
1
16 minutes to complete

Course Overview

Welcome! In this first module I will summarize the assignments and expectations of this course.

...
1 video (Total 2 min), 6 readings
1 video
6 readings
About this course2m
About the assignments2m
Required Tools3m
Forum Guidelines2m
Requesting Peer Reviews2m
About CalArts and the Program in Graphic Design3m
2 hours to complete

Ideation, Articulation, Development

Your assignment at the end of this week is the first stage in a multi-step process towards developing a clickable prototype: coming up with a clearly articulated idea for an app with a specific goal in mind. So this week we will focus on how to articulate and structure your ideas and goals, how to use naming and language as a part of your app’s identity. We will also look at audience research and user centered design.

...
8 videos (Total 50 min), 2 readings, 1 quiz
8 videos
Ideas and Goals6m
Research and Development7m
Audience and Rationale7m
Goals and Outcomes (for the Client/Designer)5m
Naming and Mission11m
2 readings
Try it yourself: Analyze an existing app10m
Try it yourself: Map out the possibilities10m
Week
2
4 hours to complete

Planning, Testing, Researching, Mapping

This week we’re going to continue to develop, plan, and test your app idea. We’ll start by sketching out more extensive content and mapping it into a structure. To test what aspects of your app are working, we’ll look at how to create a non-visual paper prototype and work our way towards a sitemap. While you’re developing the logic of your app, you’ll also begin to develop the look and feel of it: the visual development process.

...
8 videos (Total 54 min), 2 readings, 3 quizzes
8 videos
Mapping Interaction10m
Non-Visual Paper Prototyping9m
Non-Visual User Testing4m
Sitemap8m
Look and Feel/Visual Research6m
2 readings
Defining your app's functions step-by-step10m
Try it yourself: Non-Visual Prototyping & User Testing30m
Week
3
3 hours to complete

What Goes Where?

At this stage in our process we are going to take our site map, look and feel research, and user testing to the next level in order to get a more accurate static prototype. By building a wireframe of our interface, we’ll figure out what goes where, and on which pages, utilizing our user testing information to figure out the hierarchy and structure of our app. This week is about the logic and functionality of our interface, and how it’s actually going to work within the app.

...
10 videos (Total 49 min), 1 reading, 2 quizzes
10 videos
What goes where? Part 11m
What goes where? Part 29m
Consistency and Details6m
Wireframe Map6m
Visual Direction5m
Developing UI4m
Refining UI7m
1 reading
Try it yourself: Build a wireframe map15m
1 practice exercise
Usability Heuristics10m
Week
4
4 hours to complete

Making it by Faking it

In this final week of the course, you will be taking your wireframes or app screens and make a simple functioning digital prototype to simulate the experience of interactivity. We’ll be using simple prototyping software to put your static screens into a realistic context, and simulating interaction in order to understand how your app feels, in order to troubleshoot and fix problems. This is the part of the course where all your talents come together! For me this is the most exciting part of UI/UX development, when it all starts to become real and you have a believable prototype in your hands.

...
7 videos (Total 46 min), 3 readings, 1 quiz
7 videos
Linking Up7m
Branching Out5m
Making Pathways5m
Publish your Prototype7m
3 readings
Important notes about this week's assignment2m
Try it yourself: Create a generic prototype30m
Next Steps3m
4.8
45 ReviewsChevron Right

Top reviews from UX Design Fundamentals

By MGJan 4th 2019

Excellent course. A lot of very valuable work is done in this and it's great the execution can be as detailed as you want it to be. Highly recommended.

By ASMay 8th 2019

learned how content is organized and structured to create an experience for a user and how build skill set in UI or UX for app and web design.

Instructor

Avatar

Michael Worthington

Faculty, Program in Graphic Design
School of Art

About California Institute of the Arts

CalArts has earned an international reputation as the leading college of the visual and performing arts in the United States. Offering rigorous undergraduate and graduate degree programs through six schools—Art, Critical Studies, Dance, Film/Video, Music, and Theater—CalArts has championed creative excellence, critical reflection, and the development of new forms and expressions. ...

About the UI / UX Design Specialization

The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. In this sequence of four courses, you will summarize and demonstrate all stages of the UI/UX development process, from user research to defining a project’s strategy, scope, and information architecture, to developing sitemaps and wireframes. You’ll learn current best practices and conventions in UX design and apply them to create effective and compelling screen-based experiences for websites or apps. User interface and user experience design is a high-demand field, but the skills and knowledge you will learn in this Specialization are applicable to a wide variety of careers, from marketing to web design to human-computer interaction. Learners enrolled in the UI/UX Design Specialization are eligible for an extended free trial (1 month) of a full product suite of UX tools from Optimal Workshop. Details are available in Course 3 of the Specialization, Web Design: Strategy and Information Architecture....
UI / UX Design

Frequently Asked Questions

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • 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. If you only want to read and view the course content, you can audit the course for free.

More questions? Visit the Learner Help Center.