Design for mobile, reach more people

UX tips to help public sector and not-for-profit teams create mobile-friendly digital services that work on any device, anywhere.

Test your site on real phones

Emulators only tell half the story — nothing beats actual device testing.

Try a range of devices

Use Android and iPhone, older and newer models.

Check popular screen sizes

Focus on widths like 375px and 414px.

Test in portrait and landscape

Some layouts break when rotated.

Watch real users navigate

Observe any confusion or drop-off moments.

Fix tappable areas that are too small

Simplify navigation for small screens

Optimise for load speed on mobile

Make text readable without zooming

Design forms for mobile first

Avoid fixed elements that block content

Use mobile-friendly tables and data

Test tap feedback and loading indicators

Minimise popups and interruptions

Test your site on real phones

Emulators only tell half the story — nothing beats actual device testing.

Try a range of devices

Use Android and iPhone, older and newer models.

Check popular screen sizes

Focus on widths like 375px and 414px.

Test in portrait and landscape

Some layouts break when rotated.

Watch real users navigate

Observe any confusion or drop-off moments.

Fix tappable areas that are too small

Simplify navigation for small screens

Optimise for load speed on mobile

Make text readable without zooming

Design forms for mobile first

Avoid fixed elements that block content

Use mobile-friendly tables and data

Test tap feedback and loading indicators

Minimise popups and interruptions

Test your site on real phones

Emulators only tell half the story — nothing beats actual device testing.

Try a range of devices

Use Android and iPhone, older and newer models.

Check popular screen sizes

Focus on widths like 375px and 414px.

Test in portrait and landscape

Some layouts break when rotated.

Watch real users navigate

Observe any confusion or drop-off moments.

Fix tappable areas that are too small

Simplify navigation for small screens

Optimise for load speed on mobile

Make text readable without zooming

Design forms for mobile first

Avoid fixed elements that block content

Use mobile-friendly tables and data

Test tap feedback and loading indicators

Minimise popups and interruptions

© 2025 Mugs Studio. All rights reserved.

© 2025 Mugs Studio. All rights reserved.

© 2025 Mugs Studio. All rights reserved.