Course and Specialization Overview-Overview
Welcome to the UI/UX Design Specialization
()
Course Introduction
()
About this course
About the assignments
Academic Integrity
Required Tools
About CalArts and the Program in Graphic Design
Course and Specialization Overview-How Peer Review Works
What is peer review?
Why Peer Review?
()
Peer Review Tips
()
How to apply feedback
()
Course and Specialization Overview-Course Communication Policies
Instructor Presence and Staff Support
Forum Guidelines
Requesting Peer Reviews
What IS a user interface anyway?-Introduction to User Interface Design
Introduction to Week 1
()
What is a User Interface?
()
The Relationship Between UI and UX
()
About UI vs UX graded quiz
Roles in UI/UX
()
What IS a user interface anyway?-Interface Conventions
A Brief Historical Overview of Interface Design
()
Interface Conventions: Theory
()
Interface Conventions: Application
()
Interface Conventions: Review
What IS a user interface anyway?-Approaches to Screen-based UI
Template vs Content
()
Aesthetics & Functionality
()
Formal Elements of Interface Design-Introduction and Project Brief
Introduction to Week 2
()
Design Before Design
()
Project Brief
Formal Elements of Interface Design-Formal Elements of an Interface
Look and Feel
()
Language as a design tool
()
Color and Shape
()
Imagery
()
Typography
()
Icons
()
Active Elements of Interface Design-Static to Active
Introduction to Week 3
()
Static to Active
()
Functionality
()
Try it Yourself: Define the Interaction
Active Elements of Interface Design-Composing Interaction
Speed and Style
()
Composition and Structure
()
Pattern Libraries
Active Elements of Interface Design-Points of Interaction
Buttons
()
Designing Better Buttons
Not Buttons
()
States and Changes
()
Try it Yourself: Examine an interface
Composing the Elements of Interface Design-Introduction to Week 4
Introduction to Week 4
()
Invisible Complexity: Making a Whole from Many Parts
()
Composing the Elements of Interface Design-Hierarchy and Composition
Hierarchy of Content
()
Conventions and Expectations
()
Try it yourself: UI Inventory
Structure and Grids
()
Platforms and Screen Sizes
()
Composing the Elements of Interface Design-Putting it all together
Putting it All Together: Slice 'n' Dice
()
Composing the Elements of Interface Design-Next Steps
Next Steps