You are viewing legacy documentation. View the most recent documentation.

Getting Started with UX Patterns

UX Patterns are principled guidance for the way we approach design. They explain how to combine components to build usable, effective and holistic Morningstar experiences. UI Components are the tangible UI pieces with corresponding code snippets.


Getting Started

  • Identify how you want to contribute:

    • Pattern Owner: Introduce something new that you are working on or select one from our Pattern Wish List.

    • Pattern Contributor: Don't have the time to take on a full pattern? No problem, you can reach out to Pattern Owners on the "Wish List" and ask them how you can help.

  • Before you begin, talk to the UX Pattern lead and other members of the MDS community to let us know your intentions. We’re super friendly and way more helpful than a written guide could ever be. We can also help you find other designers to collaborate with.


  • Collect examples (e.g. Online surveys, InVision mood boards, etc.) of this pattern currently in use in our products and out in the world. You don’t need to be exhaustive so long as you have a good representation of the variety that exists.

  • Do your research. Look at how the competition is solving for this pattern, review best practices and industry standards (e.g. Luke W. Form Design). Also, don't forget to hold onto this research because you can link to it in the additional resources section of the pattern.


  • Start composition with the MDS Pattern Template. Depending on the content, contributors should feel free to adjust or deviate from this structure to best suit their subject matter.

  • Present and collect feedback at the UX Critique and with other colleagues. You will also need editorial review with one of our content writers.

  • Once you’re ready to publish, connect with the UX Pattern Lead, and then MDS to discuss getting your copy and assets ready. You will also need to determine dates and timing for submitting the pattern. They will guide you through the rest of the process.

©2020 Morningstar, Inc. All rights reserved. Terms of Use