Course Description

Have you ever found yourself spotting shapes in the clouds? That is because people are hard-wired to recognize patterns, even when there are none. It’s the same reason that we often think we know where to click when first experiencing a website—and get frustrated if things aren’t where we think they should be. Choosing the right user interface design pattern is crucial to taking advantage of this natural pattern-spotting, and this course will teach you how to do just that.

User interface design patterns are the means by which structure and order can gel together to make powerful user experiences. Structure and order are also a user’s best friends, and along with the fact that old habits die hard (especially on the web), it is essential that designers consider user interfaces very carefully before they set the final design in stone. Products should consist of such good interactions that users don’t even notice how they got from point A to point B. Failing to do so can lead to user interfaces that are difficult or confusing to navigate, requiring the user to spend an unreasonable amount of time decoding the display—and just a few seconds too many can be “unreasonable”—rather than fulfilling their original aims and objectives.

While the focus is on the practical application of user interface design patterns, by the end of the course you will also be familiar with current terminology used in the design of user interfaces, and many of the key concepts under discussion. This should help put you ahead of the pack and furnish you with the knowledge necessary to advance beyond your competitors.

So, if you are struggling to decide which user interface design pattern is best, and how you can achieve maximum usability through implementing it, then step no further. This course will equip you with the knowledge necessary to select the most appropriate display methods and solve common design problems affecting existing user interfaces.

What you will learn

  • How to choose user interface design patterns and use them appropriately
  • How to organize content to achieve maximum usability
  • The implementation of logical page structure
  • How to ensure minimal effort is required from the user when moving through the user interface
  • How to simplify data entry
  • The use of social aspects within user interface design
  • How to enhance the user experience

Who should take this course

This is a beginner-level course suitable for newcomers to user interface design and experienced practitioners alike:

  • UX and UI designers interested in using the right UI design patterns to create optimal product designs
  • Project managers keen on incorporating tried and tested UI design patterns to speed up and optimize the product development process
  • Software engineers looking to boost their skill sets and gain a foundational understanding of user interface design
  • Entrepreneurs who want to make sure their products have the appropriate user interface for maximum success
  • Newcomers to design who are considering making a switch to UX or UI design

Courses in the Interaction Design Foundation are designed to contain comprehensive, evidence-based content, while ensuring that the learning curve is never too steep. All participants will have the opportunity to share ideas, seek help with tests, and enjoy the social aspects afforded by our open and friendly forum.

Learn and work with a global team of designers

When you take part in this course, you will join a global multidisciplinary team working on the course and the exercises at the same time as you. You will work together to improve your skills and understanding. Your course group will be made up of an incredibly diverse group of professionals, all of whom have the same objective—to become successful designers. It’s your chance to learn, grow, and network with your peers across the planet.

Lessons in this course

Note: Lessons become available at a schedule of one lesson per week. Once a lesson becomes available, it is open for you forever — you can take all the time you want to go through each lesson. There is no time limit to finish a course, and you always have access to your classmates, course material, and your answers.

Lesson 0: Introductions and welcome

To be scheduled

  • 0.1: Welcome
  • 0.2: Please check your information before continuing
  • 0.3: Meet your peers online
  • 0.4: Meet your peers offline
  • 0.5: The 3 Components of Courses from the Interaction Design Foundation
    • 0.6: A mix between Research-based Versus Example-based Learning
    • 0.7: Course Structure, Point System and Course Certificate
    • 0.8: The Didactics and Educational Choices for IDF’s Courses
    • 0.9: UI Design Patterns

Lesson 1: Organising Content for the Best Results

To be scheduled

  • 1.1: Organising Content for the Best Results - Visual Hierarchy
  • 1.2: Progressive Disclosure: Organising Content for the Best Results
  • 1.3: Two-Panel Selector: Organising Content for the Best Results
  • 1.4: List Inlay: Organising Contents for the Best Results
  • 1.5: Slideshows: Organising Content for the Best Results
    • 1.6: Wizard: Organising Content for the Best Results
    • 1.7: Archive List: Organising Content for the Best Results
    • 1.8: Navigation Tabs: Organising Content for the Best Results
    • 1.9: Module Tabs: Organising Content for the Best Results
    • 1.10: Vertical Dropdown Menus: Organising Content for the Best Results
    • 1.11: Horizontal Dropdown Menus: Organising Content for the Best Results
    • 1.12: Discussion Forum

Lesson 2: Affording Fluid Navigation

To be scheduled

  • 2.1: Global Navigation: Organising Content for the Best Results
  • 2.2: Top-Level Navigation: Affording Fluid Navigation
  • 2.3: Progressive Disclosure: Affording Fluid Navigation
  • 2.4: Mega Dropdown Menus: Affording Fluid Navigation
  • 2.5: Tabbed Document Interface: Afford Fluid Navigation
    • 2.6: Breadcrumbs: Affording Fluid Navigation
    • 2.7: Scrolling Lists: Affording Fluid Navigation
    • 2.8: Search Boxes: Affording Fluid Navigation
    • 2.9: Homepage Link: Affording Fluid Navigation
    • 2.10: Sitemap Footers: Affording Fluid Navigation
    • 2.11: Pagination: Affording Fluid Navigation
    • 2.12: Tag Clouds: Affording Fluid Navigation
    • 2.13: Inline Linking: Affording Fluid Navigation
    • 2.14: Virtual Screapheap
    • 2.15: Discussion Forum

Lesson 3: Implementing Page Structure

To be scheduled

  • 3.1: Visual Framework: Implementing Page Structure
  • 3.2: Centre Stage: Implementing Page Structure
  • 3.3: Movable Pieces: Implementing Page Structure
  • 3.4: Titled Sections: Implementing Page Structure
  • 3.5: Responsive Enabling: Implementing Page Structure
    • 3.6: UI Page Structure Patterns
    • 3.7: Discussion Forum

Lesson 4: Simplifying Data Entry

To be scheduled

  • 4.1: Input Fields: Simplifying Data Structure
  • 4.2: Autocomplete: Simplifying Data Entry
  • 4.3: Refining Search: Simplifying Data Entry
  • 4.4: Forgiving Format: Simplifying Data Entry
  • 4.5: Event Calendar: Simplifying Data Entry
    • 4.6: Input Hints: Simplifying Data Entry
    • 4.7: UI Design and Data Entry
    • 4.8: Discussion Forum

Lesson 5: Social Aspects of UI Design

To be scheduled

  • 5.1: Achievements: Social Aspects of UI Design
  • 5.2: Language: Social Aspects of UI Design
  • 5.3: Person Perspective: Social Aspects of UI Design
  • 5.4: Leaderboards: Social Aspects of UI Design
  • 5.5: Importing Connections: Social Aspects of UI Design
    • 5.6: Sign-In Reminder: Social Aspects of UI Design
    • 5.7: Update Alerts: Social Aspects of UI Design
    • 5.8: Starred Reviews: Social Aspects of UI Design
    • 5.9: Social Media-Personal Experience
    • 5.10: Discussion Forum

Lesson 6: Dark Patterns: Methods of Coercing, Manipulating and Tricking Users

To be scheduled

  • 6.1: Dark Patterns
  • 6.2: Prioritising Advertisements: Dark Patterns
  • 6.3: Automatically Checked Boxes: Dark Patterns
  • 6.4: Terms and Conditions Linked to Command Button: Dark patterns
  • 6.5: Forced Registration: Dark Patterns
    • 6.6: Using Colour to Confuse: Dark Patterns
    • 6.7: Automatic Opt-In: Dark Patterns
    • 6.8: Opt-In, Opt-Out Dance: Dark Patterns
    • 6.9: Monthly Charge: Dark Patterns
    • 6.10: Small Print: Dark Patterns
    • 6.11: Sneak Into Basket: Dark Patterns
    • 6.12: Implied Consent: Dark Patterns
    • 6.13: Dark Pattern Manipulation
    • 6.14: Discussion Forum

Lesson 7: The Complete User Interface

To be scheduled

  • 7.1: The Complete User Interface
  • 7.2: User Interface Design: The Complete User Interface
  • 7.3: 'Wikipedia': User Interface Design
  • 7.4: 'Ebay': User Interface Design
  • 7.5: 'Twitter': User Interface Design
    • 7.6: Discussion Forum

Lesson 8: Course Certificate, Final Networking, and Course Wrap-up

To be scheduled

  • 8.1: Course Evaluation

Industry-trusted UX Course Certificate

You earn an industry-trusted Course Certificate once you complete the course - even if you finish the course after the official end date. In other words, as long as you have enrolled in the course you will always be able to finish it and to get a course certificate. You will also have permanent access to the course material, your answers and the discussions.

Course Certificates from the IDF are verifiable and trusted by industry leaders. You can highlight them on your resume, CV, LinkedIn profile or your website.

Course Certificate

Our courses and Course Certificates are trusted by these industry leaders, who have taken up company memberships with the IDF:

Accenture Adobe GE Philips SAP