Online course: UX Design Fundamentals (part of the Long term online programme UI / UX Design)
Dates: any time
Duration: 13 hours
Rating: 4.8 / 5.0 out of 1481 ratings (see top rating courses here)
Participating countries: anyone can apply
- $49 with sharable certificate
UX Design Fundamentals
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.
Faculty, Program in Graphic Design
WEEK 1 Course Overview
Welcome! In this first module I will summarize the assignments and expectations of this course.
About this course
About the assignments
Instructor Presence and Staff Support
Requesting Peer Reviews
About CalArts and the Program in Graphic Design
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.
Introduction to Week 1
Ideation, Articulation, Development
Ideas and Goals
Research and Development
Audience and Rationale
Goals and Outcomes (for the Client/Designer)
Naming and Mission1
Try it yourself: Analyze an existing app
Try it yourself: Map out the possibilities
WEEK 2 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.
Introduction to Week
Mapping, Testing, Envisioning
Non-Visual Paper Prototyping
Non-Visual User Testing
Look and Feel/Visual Research
Defining your app’s functions step-by-step
Try it yourself: Non-Visual Prototyping & User Testing
WEEK 3 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.
Introduction to Week 3
Getting real: Wireframes and Interfaces
Nielsen’s Usability Heuristics
What goes where?
Consistency and Details
Try it yourself: Build a wireframe map1
WEEK 4 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.
Introduction to Week 4
Making it by faking it
Publish your Prototype
Important notes about this week’s assignment
Try it yourself: Create a generic prototype