Component libraries

Having developed components ready to be (re)used speeds up the development of new applications and standardizes the image of the organization towards users, improving brand perception.

MTP helps organizations establish critical UX principles for their business, based on which it is possible to define design guides ensuring application consistency and guaranteeing a consistent user experience.

The complete and updated definition of design guides is key to ensuring the consistency of the applications developed by an organization for any device. MTP has its own methodology for developing design guides, composed of the following stages:

  • Inspection: The objective of this phase is to understand the starting point of the organization, its context, available applications, existing design guides and methodologies, as well as the different areas involved.
  • Identification of UX factors: The guide should be based on usability principles and conventions and user experience. That means that it is necessary to make an important effort to understand what are the principles adequately reflecting the organization’s general view. The final objective of this phase is to identify a set of ordered and coherent principles that provide the general construction framework for the guide and its components, as well as innovative and consistent recommendations and design solutions.
  • Component design:Based on the defined UX factors, each of the elements of the guide is identified and designed, accompanied by their guidelines, visual presentation and interaction mode, as well as the set of representations and graphic states.
  • Components development: Once designed the components, the next step will be to build each one of them to facilitate the work for developers in their use.
  • Generation of the Design Guide: Both the defined UX factors and the design of the components are stored in a webspace that allows, in a simple way, the access to the interested parties, their updating, and maintenance, promoting the use of good practices in UX.