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.
This course is part of the UI / UX Design Specialization
80,859 already enrolled
Offered By
UI / UX Design SpecializationCalifornia Institute of the ArtsAbout this Course
171,620 recent views
Flexible deadlines
Reset deadlines in accordance to your schedule.
Shareable Certificate
Earn a Certificate upon completion
100% online
Start instantly and learn at your own schedule.
Course 2 of 4 in the
Beginner Level
Approx. 13 hours to complete
English
Subtitles: Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English, Spanish
Skills you will gain
- Adobe XD
- Adobe Illustrator
- InVision
- Marvel
- Adobe Indesign
Flexible deadlines
Reset deadlines in accordance to your schedule.
Shareable Certificate
Earn a Certificate upon completion
100% online
Start instantly and learn at your own schedule.
Course 2 of 4 in the
Beginner Level
Approx. 13 hours to complete
English
Subtitles: Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English, Spanish
Offered by
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.
Syllabus - What you will learn from this course
1 hour to complete
Course Overview
Welcome! In this first module I will summarize the assignments and expectations of this course.
1 hour to complete
4 videos (Total 11 min), 9 readings
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.
2 hours to complete
8 videos (Total 50 min), 2 readings, 1 quiz
3 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.
3 hours to complete
8 videos (Total 54 min), 2 readings, 3 quizzes
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.
3 hours to complete
10 videos (Total 49 min), 1 reading, 2 quizzes
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.
4 hours to complete
7 videos (Total 46 min), 3 readings, 1 quiz
Reviews
- 5 stars84.50%
- 4 stars12.66%
- 3 stars1.60%
- 2 stars0.64%
- 1 star0.58%
TOP REVIEWS FROM UX DESIGN FUNDAMENTALS
by JLJun 16, 2020
Another great course by Michael, he teaches efficiently and engagingly and squeezes the key points into short and concise clips. The coursework is also fun and challenging. Thank you
by MTAug 21, 2020
The only problem is peer reviews. It takes so long to receive grades, else this course was very useful, and a lot better than the previous one in this section
by PFSep 7, 2020
Very good course! It was difficult if you have never used the software before...steep learning curve.\n\nWorth the effort, but I think a lot was assumed in terms of student's experience level.
by OMSep 21, 2020
Very nice I really enjoyed every step. Material is helpful. I used the skills here to apply for a job and during the assignment the hiring manager was amazed.
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.
Frequently Asked Questions
When will I have access to the lectures and assignments?
What will I get if I subscribe to this Specialization?
Is financial aid available?
More questions? Visit the Learner Help Center.
