Creating User Experiences: Fundamental Design Principles

By Billy Hollis
An entry point for developers to begin learning more about UI/UX design
Course info
Level
Intermediate
Updated
May 10, 2012
Duration
4h 32m
Table of contents
Module 1: The need for new thinking by developers
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
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
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
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
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
Module 6 - Introduction and the role of aethetics in design 5m Attractiveness bias 4m The Aethetic-Usability Effect, plus advice on typefaces and legibility 5m Legibility and contrast 5m A bit more about fonts, and summary/wrap-up 3m
Module 7: Managing Cognitive Load
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
Introduction and context-sensitive design 6m Touch as an example context, and form follows function 5m Form follows function, continued, and Ockham's Razor 5m Most Advanced Yet Acceptable 5m Performance vs. Preference 5m Flexibility-usability tradeoff 4m Summary 2m
Module 9: Summary and Resources for Further Study
Introduction and a Final Exercise 2m Final points about how you can use these concepts, part 1 5m Final points about how you can use these concepts, part 2 5m Suggested activities 4m Recommended books 4m Summary and contact information for Billy 2m
Description
Course info
Level
Intermediate
Updated
May 10, 2012
Duration
4h 32m
Description

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.

About the author
Billy Hollis
About the author

Billy in an internationally known author and speaker. He offers consulting and training services for user experience design, end-to-end architecture, and presentation tier construction and development. You can see Billy at major conferences all over the world, usually doing sessions to help developers to become more focused on user experience design.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT