36Design & experienceEssential

Responsive

Makes a page display properly on phones, tablets and desktops alike.

For example

I set up a responsive layout and the page still looks good on a phone.

Resources

Related terms

Build a clickable mock of the interface first to feel how it works.

For example

Make a few screens in Figma and click through the flow.

The product's visual presentation: colour, type, icons, buttons.

For example

I designed the app's UI in Figma to look cleaner.

The overall feel of using the product — usable, smooth, enjoyable.

For example

We simplified the steps so people find saved words more easily, improving UX.