UI Design Toolkits

In a world of masses of web-based information and the need for content focused websites, we as designers are required to create large amounts of wireframes and visualised page layouts. Design toolkits provide a way to focus on the smaller components and elements within pages apposed to the full layouts themselves.

Banner image that represents UI toolkits

What is a UI toolkit?

Toolkits are a collection of common User-interface design elements. They tend to include the smaller parts such as search boxes and widgets that make up larger things like page layouts and pages. Personally I like to create a collection of all the UI components (e.g. navigation) and elements (e.g. buttons), and label them with CSS styles and directions for how to use them on a working website.

Here’s a few good reasons to use UI design toolkits

  • Reduce the amount of time creating page visuals, which are made up mostly of elements on other pages.
  • Create consistent design patterns and styles across the user-interface
  • Focus on interaction design, and smaller elements in the interface
  • Provide developers with consistent reference points for front-end coding
  • While they are a reasonably new phenomenal to web-design. They are increasingly playing a large role in producing efficient and considered web and app interfaces.

    Looking to improve your UX?

    Whatever the challenge, whatever the stage. I’d be happy to discuss about how I might get involved in your project.