Blog

Tag: Mobile

7 articles

The tiny arrow is making a surprisingly big decision

When the label opens a page and the arrow opens a list, a thumb decides. Give the row one job, match the icon to the real state and test it on a phone.

#Accessibility

The mobile hero deserves its own crop

On desktop the hero shows the building; on mobile, a hedge. Decide what the image must show, try a focal point, then use art direction where it earns its place.

#Art direction

The sticky button needs to leave room for the website

A sticky header, a fixed button, chat and a cookie bar can bury a phone screen. Follow the visitor down the page, watch the keyboard and trim the entourage.

#Accessibility

Your mobile menu should not need its own welcome committee

Vague labels like “Discover” make visitors guess. Put the important path in plain sight, don’t bury it inside general menus and let people return without restarting.

#Information architecture

Tabs are useful when people can work out what is behind them

Tabs can tidy a page or hide what matters. Keep key context in the open, make each label a credible promise, build the interaction properly and test on a phone.

#Accessibility

Your brand font needs to survive a phone screen

A heading that looks grand on desktop can swallow a phone screen. Read whole paragraphs, watch the font load and resize between the approved screenshots.

#Fonts

Your menu labels should sound like the pages people are looking for

Clever menu names cost clarity. Choose between categories and task labels, decide what the mobile menu does and test the words before the animation.

#Information architecture

Turn reading into results

Like what you’re reading? Let’s put it to work on your brand.