About this Course
4.9
39 ratings
7 reviews
Specialization

Course 2 of 4 in the

100% online

100% online

Start instantly and learn at your own schedule.
Flexible deadlines

Flexible deadlines

Reset deadlines in accordance to your schedule.
Beginner Level

Beginner Level

Hours to complete

Approx. 17 hours to complete

Suggested: 4 weeks of study, 3-4 hours/week ...
Available languages

English

Subtitles: English
Specialization

Course 2 of 4 in the

100% online

100% online

Start instantly and learn at your own schedule.
Flexible deadlines

Flexible deadlines

Reset deadlines in accordance to your schedule.
Beginner Level

Beginner Level

Hours to complete

Approx. 17 hours to complete

Suggested: 4 weeks of study, 3-4 hours/week ...
Available languages

English

Subtitles: English

Syllabus - What you will learn from this course

Week
1
Hours to complete
12 minutes to complete

Course Overview

Welcome! In this first module I will summarize the assignments and expectations of this course. ...
Reading
1 video (Total 2 min), 4 readings
Video1 video
Reading4 readings
About this course2m
About the assignments2m
Required Tools3m
About CalArts and the Program in Graphic Design3m
Hours to complete
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....
Reading
8 videos (Total 50 min), 2 readings, 1 quiz
Video8 videos
Ideation, Articulation, Development3m
Good Ideas6m
Ideas and Goals6m
Research and Development7m
Audience and Rationale7m
Goals and Outcomes (for the Client/Designer)5m
Naming and Mission11m
Reading2 readings
Try it yourself: Analyze an existing app10m
Try it yourself: Map out the possibilities10m
Week
2
Hours to complete
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....
Reading
8 videos (Total 54 min), 2 readings, 3 quizzes
Video8 videos
Mapping, Testing, Envisioning4m
Mapping Content9m
Mapping Interaction10m
Non-Visual Paper Prototyping9m
Non-Visual User Testing4m
Sitemap8m
Look and Feel/Visual Research6m
Reading2 readings
Defining your app's functions step-by-step10m
Try it yourself: Non-Visual Prototyping & User Testing30m
Week
3
Hours to complete
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....
Reading
10 videos (Total 49 min), 1 reading, 2 quizzes
Video10 videos
Getting real: Wireframes and Interfaces2m
Nielsen's Usability Heuristics3m
What goes where? Part 11m
What goes where? Part 29m
Consistency and Details6m
Wireframe Map6m
Visual Direction5m
Developing UI4m
Refining UI7m
Reading1 reading
Try it yourself: Build a wireframe map15m
Quiz1 practice exercise
Usability Heuristics10m
Week
4
Hours to complete
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. ...
Reading
7 videos (Total 46 min), 3 readings, 1 quiz
Video7 videos
Making it by faking it1m
Feeling Real15m
Linking Up7m
Branching Out5m
Making Pathways5m
Publish your Prototype7m
Reading3 readings
Important notes about this week's assignment2m
Try it yourself: Create a generic prototype30m
Next Steps3m
4.9
7 ReviewsChevron Right

Top Reviews

By KBNov 14th 2018

Great insights into User Experience, definitely applicable to my work in Branding!

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.