Creating User Experiences: Fundamental Design Principles
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.
Authored by:
Billy Hollis
Duration: 4h 31m
Level: Intermediate
Released: 5/10/2012
Features:
Duration: 4h 31m
Level: Intermediate
Released: 5/10/2012
Features:
Course Rating:
You are currently not signed in. Please sign in to access subscriber-only content.
Currently using: {{getCurrentPlayerName()}} [Change]
| expand all | collapse all | Progress | Duration | |
|---|---|---|---|
 Module 1: The need for new thinking by developers |
|
00:38:08 | |
|
Introduction
|
|
05:43 | |
|
The need for new thinking by developers
|
|
04:01 | |
|
Stuck in a rut
|
|
03:20 | |
|
Evolution as a useful mental model
|
|
03:36 | |
|
Example to learn from: the music industry
|
|
04:57 | |
|
Demo: StaffLynx as an example of new thinking
|
|
04:35 | |
|
Preparing for the new ecosystem: fundamental principles of design
|
|
04:49 | |
|
A test of awareness and observation
|
|
02:47 | |
|
Summary and looking forward
|
|
04:20 | |
|
Module 2: Design Principles for Choosing Options |
|
00:28:41 | |
|
Module 2 Introduction - Starting in the real world
|
|
02:27 | |
|
What's wrong with this elevator?
|
|
04:49 | |
|
The Gestalt principle of proximity
|
|
04:42 | |
|
Some important design principles for choosing options
|
|
04:49 | |
|
Hick's Law and its consequences
|
|
03:23 | |
|
Alternatives to ridiculously long lists of options
|
|
05:03 | |
|
Users outnumber developers, plus summary and next steps
|
|
03:28 | |
|
Module 3: Visual Scanning and Processing |
|
00:30:30 | |
|
Module 3 Introduction - The stages of visual processing
|
|
05:33 | |
|
The Gestalt principles of proximity and similarity
|
|
04:51 | |
|
More grouping gestalt principles
|
|
04:22 | |
|
Gestalt closure, continuity, and figure / ground
|
|
06:40 | |
|
Gestalt principles in remote controls, plus more on intentional blindness
|
|
04:46 | |
|
Gutenberg diagram, and summary
|
|
04:18 | |
|
Module 4: Preference for Naturalness |
|
00:37:02 | |
|
Module 4 - Introduction to naturalness preference - Biophilia
|
|
05:41 | |
|
Savannah preference and white space
|
|
04:46 | |
|
Crowded screens and horror vacui
|
|
06:35 | |
|
No matter what you've heard, screen real estate isn't that valuable
|
|
05:40 | |
|
Infinite whitespace - demonstrating the viewport pattern
|
|
03:04 | |
|
An exercise on crowded screens
|
|
03:18 | |
|
Using color and gradients to promote naturalness
|
|
06:04 | |
|
Summary and next steps
|
|
01:54 | |
|
Module 5: Preference for Naturalness, part 2 |
|
00:29:27 | |
|
Module 5 - Introduction and definition of contour bias
|
|
03:28 | |
|
Contour bias and desire lines
|
|
03:37 | |
|
Overuse of rectangular designs and how to avoid it
|
|
05:12 | |
|
Using animation to promote naturalness
|
|
05:02 | |
|
Animation examples in StaffLynx
|
|
04:01 | |
|
Three dimensional appearance - reasons and techniques
|
|
06:08 | |
|
Summary and next steps
|
|
01:59 | |
|
Module 6: Aesthetics and Legibility |
|
00:21:30 | |
|
Module 6 - Introduction and the role of aethetics in design
|
|
04:49 | |
|
Attractiveness bias
|
|
03:34 | |
|
The Aethetic-Usability Effect, plus advice on typefaces and legibility
|
|
04:56 | |
|
Legibility and contrast
|
|
04:53 | |
|
A bit more about fonts, and summary/wrap-up
|
|
03:18 | |
|
Module 7: Managing Cognitive Load |
|
00:32:46 | |
|
Module 7 - The need for keeping cognitive load low, and the progress we've made
|
|
04:25 | |
|
Recognition over recall and progressive disclosure
|
|
05:55 | |
|
New UI for progressive disclosure, plus highlighting and the mapping principle
|
|
06:10 | |
|
Mapping continued, plus affordances
|
|
03:51 | |
|
Affordances continued, plus constraints
|
|
05:11 | |
|
Feedback, confirmation, and forgiveness
|
|
04:49 | |
|
Summary and next steps
|
|
02:25 | |
|
Module 8: Meta-design Principles |
|
00:31:50 | |
|
Introduction and context-sensitive design
|
|
06:12 | |
|
Touch as an example context, and form follows function
|
|
05:02 | |
|
Form follows function, continued, and Ockham's Razor
|
|
05:22 | |
|
Most Advanced Yet Acceptable
|
|
04:52 | |
|
Performance vs. Preference
|
|
04:33 | |
|
Flexibility-usability tradeoff
|
|
03:46 | |
|
Summary
|
|
02:03 | |
|
Module 9: Summary and Resources for Further Study |
|
00:21:48 | |
|
Introduction and a Final Exercise
|
|
02:19 | |
|
Final points about how you can use these concepts, part 1
|
|
05:07 | |
|
Final points about how you can use these concepts, part 2
|
|
04:30 | |
|
Suggested activities
|
|
03:44 | |
|
Recommended books
|
|
04:15 | |
|
Summary and contact information for Billy
|
|
01:53 |
