Sara Soueidan

Front-End Meets UX: Designing & Creating Universal UI Components

A ‘universal’ component is a reusable component that contributes to and enhances the overall user experience of the interface. It is an accessible, reusable component that embraces best practices in terms of UX design, and code. Ideally, it has no dependencies (whenever and wherever possible), and can be plugged in to any (or many) environment(s).

In this workshop, you’re going to learn about best UX considerations and practices when designing universal components and then apply those learnings to work our way through building those components. Components we’re going to cover in the workshop include (but are not limited to):

We’ll look into UX design best practices, CSS styling, enhanced functionality and accessibility with JavaScript, adding delightful behavior with SVG, all in the context of a responsive, progressively enhanced interface and experience.

By the end of the workshop, you will have built a mini library of reusable, universal components meeting the best UX practices, and that you can plug into almost any front-end project and use right away.

Target audience:

Front-End Developers and UI/UX designers with at least basic knowledge of HTML and CSS and JavaScript.

Workshop duration:

Request this workshop