Course Description

Structure and order are the user's best friends; without them, navigating through the user interface is similar to someone crawling around a darkened room in search of their spectacles, clutching at anything due to hope rather than accurate judgement. This course will equip you with the knowledge necessary to select the most appropriate display methods and solve some of the common design problems that affect existing user interfaces.

User interface design patterns are the means by which structure and order are achieved, and it is for this reason that they must be given careful consideration before setting the final design in stone. Failing to do so can lead to user interfaces that are difficult or confusing to navigate, or that require the user to commit an unreasonable amount of time to decoding the display rather than achieving his/her original aims and objectives.

Design patterns are available for a reason; they are the best practices derived from successful software applications and websites such as Amazon, YouTube, and Facebook. Each design pattern represents the culmination of years of experience on the part of the interface designers behind these successful companies. So why not learn from the best?

Benefits: By the End of this Course You Will Know How to

  • choose user interface design patterns and use them appropriately,
  • organize content in order to achieve the best possible usability,
  • implement a logical page structure,
  • lead the user through the user interface with minimal effort on their part,
  • simplify data entry,
  • utilize the social aspects of user interface design,
  • influence the behavior of users through the use of dark patterns, and
  • enhance the user experience.

How the Lessons Are Organized

This course comprises eight lessons:

  • Implementing Page Structure: This first lesson will focus on getting the general structure of an interface right. By the end of this lesson, you will better understand how to support users as they try to realize their intentions one page at a time.
  • Organizing Content for the Best Results: If the content is not logically organized, users will get lost. In this lesson, we highlight and detail some of the design patterns that help order content so as to assist users in meeting their aims and objectives.
  • Affording Fluid Navigation: Users are constantly switching between windows, panels, tabs, pages, and content. In this lesson, we introduce patterns that help users to move freely and confidently through the graphical display.
  • Simplifying Data Entry: Some jobs and tasks require a lot of data entry; if even just one input field is inappropriately positioned or designed, it can slow the user down, limit their productivity, and have catastrophic effects for businesses. Here, we’ll show you how to avoid this problem.
  • Social Aspects of UI Design: In this lesson, we describe some of the user interface design patterns that have been introduced in order to improve the social aspects of online communities and networks, with the aim of improving the interactive experience.
  • Dark Patterns: Join us on the more sinister side of user interface design. Some design patterns can be used to coerce, manipulate, and trick users. In this lesson, we’ll show you how to use these patterns responsibly.
  • The Complete User Interface: Now it’s time to merge and apply all the knowledge you have gained during the course in real-world situations. We’ll analyze some great websites to determine how they combine all the available design patterns into successful interfaces.
  • Course Certificate, Final Networking, and Course Wrap-Up: We’ll use this lesson to wrap-up all you’ve learned throughout the course, and we’ll offer you a final opportunity to exchange ideas and inspiration with your peers.

Recommended Background: Who Should Enroll?

Regardless of whether you are new to user interface design or a seasoned professional, by the end of the course you should have a clear understanding of how to tailor your user interface design to the needs of your users and enhance the general usability. This course is therefore essential for UX designers, web designers, information architects, and graphic interface designers.

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

Learn and Work with a Global Team of Designers

When you enroll in this course, you join a global multi-disciplinary team working on the course 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 bunch 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 from 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: Welcome and Introduction

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: Discussion
    • 0.10: Congratulations and Recap

Lesson 1: Implementing Page Structure

To be scheduled

  • 1.1: Welcome and Introduction
  • 1.2: Add Structure to Your Designs with Visual Frameworks
  • 1.3: Exercise to Draw on the Knowledge You Already Have
  • 1.4: Center Stage – Help the User Focus on What’s Important
  • 1.5: How to Use Movable Pieces to Support Multitasking
    • 1.6: Help Users Skim Contents with Titled Sections
    • 1.7: How to Use Responsive Enabling to Simplify Tasks
    • 1.8: Discussion Forum
    • 1.9: Congratulations and Recap

Lesson 2: Organizing Content for the Best Results

To be scheduled

  • 2.1: Welcome and Introduction
  • 2.2: How to Implement Slideshows to Grab the User’s Attention
  • 2.3: Two-Panel Selectors for Easy Access of Content
  • 2.4: Search for Items with Scrolling Lists, Archive Lists or List Inlays
  • 2.5: Display Contents the Classic Way with Dropdown Menus
    • 2.6: Embrace the Mental Models of Users by Implementing Tabs
    • 2.7: Split the Contents of a Website with the Pagination Design Pattern
    • 2.8: Exercise to Use Your New Knowledge in a Case Study
    • 2.9: Discussion Forum
    • 2.10: Congratulations and Recap

Lesson 3: Affording Fluid Navigation

To be scheduled

  • 3.1: Welcome and Introduction
  • 3.2: Implement Global Navigation to Improve Website Usability
  • 3.3: Help Users Retrace Their Steps with Breadcrumbs
  • 3.4: How to Apply Search Boxes to Increase Efficiency
  • 3.5: Take Advantage of Essential Keywords with Tag Clouds
    • 3.6: Design Patterns for Fluid Navigation – How to Use Inline Linking
    • 3.7: How to Implement Sitemap Footers to Keep Users Going
    • 3.8: Exercise to Practice Your Fluid Navigation Design Skills
    • 3.9: Discussion Forum
    • 3.10: Congratulations and Recap

Lesson 4: Simplifying Data Entry

To be scheduled

  • 4.1: Welcome and Introduction
  • 4.2: Warm-up Exercise to Get Your Thoughts Flowing
  • 4.3: How to Simplify Data Entry for Users with Autocomplete
  • 4.4: Giving Your Users Freedom with Editable Input Fields
  • 4.5: Increase the User’s Sense of Control with the Refined Search Design Pattern
    • 4.6: How to Implement a Forgiving Format to Accommodate Users’ Mistakes
    • 4.7: Speed up the User’s Process by Adding an Event Calendar
    • 4.8: Support Users with Small Clues in the Input Hints Design Pattern
    • 4.9: Discussion Forum
    • 4.10: Congratulations and Recap

Lesson 5: Social Aspects of UI Design

To be scheduled

  • 5.1: Welcome and Introduction
  • 5.2: Display Achievements to Encourage Website Usage
  • 5.3: Increase Competitiveness in Users with Leader Boards
  • 5.4: Improve the User Experience by Experimenting with Language
  • 5.5: Create a Quick Overview of Opinions by Implementing Starred Reviews
    • 5.6: Increase Efficiency with the Imported Connections Design Pattern
    • 5.7: Use Sign-in Reminders to Support Extended Functionalities
    • 5.8: Attract Users’ Attention with Update Alerts
    • 5.9: Cool Down with this Exercise on Social Aspects
    • 5.10: Discussion Forum
    • 5.11: Congratulations and Recap

Lesson 6: Dark Patterns

To be scheduled

  • 6.1: Welcome and Introduction
  • 6.2: Coercing, Manipulating and Tricking Users with Dark Patterns
  • 6.3: Increase Revenues by Prioritizing Advertisements
  • 6.4: Harvest Users’ Information with Forced Registration
  • 6.5: Using Color to Confuse and to Prevent Unwanted Actions
    • 6.6: Exercise to Question Your Integrity as a Designer
    • 6.7: How to Get Users’ Agreement with the Opt-in/Opt-out Dance
    • 6.8: Getting Users’ Long-Term Commitment with a Monthly Charge
    • 6.9: Sneaking Products into Users’ Shopping Baskets
    • 6.10: Reduce the Likelihood of Rejection with Implied Consent
    • 6.11: Discussion Forum
    • 6.12: Congratulations and Recap

Lesson 7: The Complete User Interface

To be scheduled

  • 7.1: Welcome and Introduction
  • 7.2: Analyzing the YouTube Website on Design Pattern Use
  • 7.3: Exercise to Understand the Design Patterns of Facebook
  • 7.4: Walkthrough of the Wikipedia Website to Uncover Its Design Patterns
  • 7.5: Analysis of Design Pattern Use in the EBay Website
    • 7.6: Learning from One of the Most Popular Websites in the World – Twitter
    • 7.7: Discussion Forum
    • 7.8: Congratulations and Recap

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