Course
Skills
Creating User Experiences: Fundamental Design Principles
An entry point for developers to begin learning more about UI/UX design
What you'll learn
We're in a new era of software and devices, and user expectations are rising rapidly. To meet those expectations, developers need to understand more about design concepts. Whether working alone, or with a designer, this course will help by explaining fundamental principles, concepts, and terminology, and by exposing developers to a broad range of design possibilities.
Table of contents
Module 1: The need for new thinking by developers
38mins
- Introduction 6m
- The need for new thinking by developers 4m
- Stuck in a rut 3m
- Evolution as a useful mental model 4m
- Example to learn from: the music industry 5m
- Demo: StaffLynx as an example of new thinking 5m
- Preparing for the new ecosystem: fundamental principles of design 5m
- A test of awareness and observation 3m
- Summary and looking forward 4m
Module 2: Design Principles for Choosing Options
28mins
- Module 2 Introduction - Starting in the real world 2m
- What's wrong with this elevator? 5m
- The Gestalt principle of proximity 5m
- Some important design principles for choosing options 5m
- Hick's Law and its consequences 3m
- Alternatives to ridiculously long lists of options 5m
- Users outnumber developers, plus summary and next steps 3m
Module 3: Visual Scanning and Processing
30mins
- Module 3 Introduction - The stages of visual processing 6m
- The Gestalt principles of proximity and similarity 5m
- More grouping gestalt principles 4m
- Gestalt closure, continuity, and figure / ground 7m
- Gestalt principles in remote controls, plus more on intentional blindness 5m
- Gutenberg diagram, and summary 4m
Module 4: Preference for Naturalness
37mins
- Module 4 - Introduction to naturalness preference - Biophilia 6m
- Savannah preference and white space 5m
- Crowded screens and horror vacui 7m
- No matter what you've heard, screen real estate isn't that valuable 6m
- Infinite whitespace - demonstrating the viewport pattern 3m
- An exercise on crowded screens 3m
- Using color and gradients to promote naturalness 6m
- Summary and next steps 2m
Module 5: Preference for Naturalness, part 2
29mins
- Module 5 - Introduction and definition of contour bias 3m
- Contour bias and desire lines 4m
- Overuse of rectangular designs and how to avoid it 5m
- Using animation to promote naturalness 5m
- Animation examples in StaffLynx 4m
- Three dimensional appearance - reasons and techniques 6m
- Summary and next steps 2m
Module 6: Aesthetics and Legibility
21mins
Module 7: Managing Cognitive Load
32mins
- Module 7 - The need for keeping cognitive load low, and the progress we've made 4m
- Recognition over recall and progressive disclosure 6m
- New UI for progressive disclosure, plus highlighting and the mapping principle 6m
- Mapping continued, plus affordances 4m
- Affordances continued, plus constraints 5m
- Feedback, confirmation, and forgiveness 5m
- Summary and next steps 2m
Module 8: Meta-design Principles
31mins
Module 9: Summary and Resources for Further Study
21mins