Websites & patient experience · Practical guide

Keep links from moving when pictures arrive late

A late image can push a link downward just as a visitor tries to tap it. Slow connections expose accidental navigation caused by movement rather than by misunderstanding the control.

Healthcare website and appointment calendar displayed on devices at an empty clinic reception.
Make the website useful for the people who use your practice.

What to change

Ask your supplier to reserve appropriate image space and maintain stable nearby text and actions while pictures load or fail.

A worked example

Illustrative example

A branch photograph fills its prepared area without moving the address link that the visitor is about to press below it.

Healthcare website design showing connected desktop and mobile service and enquiry layouts.
Make the service and next step clear on every screen.
Healthcare website accessibility illustrated by a focus outline, keyboard key, contrast samples and form.
Review keyboard access, contrast and understandable form fields.

Why this matters to your practice

Late-arriving images should not move an enquiry link just as somebody tries to select it. Ask your supplier to review an image-rich page on a slower first visit and reserve suitable space for pictures before they arrive. Include the missing-image case too, so the reserved area does not become a confusing blank gap. The practice should judge the stability and usefulness of the page. The supplier can choose how to achieve that without loading every image ahead of everything else.

A practical review example

A visitor may reach for a branch address link just as its photograph appears and pushes the link away. Ask your supplier to demonstrate the page on a slower first visit and compare the action's position before and after image loading. Include the missing-image state and a phone crop. The design should resolve cleanly without a large unexplained gap. The practice should approve stable interaction rather than prescribe a blanket rule to preload every picture, which may compete with other useful page content.

How to check the result

Accept when delayed imagery does not cause material movement of actionable content and the failed-image presentation leaves the page useful.

A mistake to avoid

Preloading every image can increase competition for network resources; acceptance should focus on stable interaction, not one prescribed implementation.

Turn reading into a next step

Your action checklist

Work through these checks with your team or supplier. Tick the ones you have resolved and leave unknowns open.

Checks to discuss

Record what you know, what is still missing and the answer you need from your team or supplier.

Use project decisions only, without personal, patient or confidential details. Entries stay in this page and are not submitted to Kay & Co. Copy or download before leaving; this page does not save your notes.

Further reading

These sources provide background for the topic. The practice examples and checklist are illustrative planning suggestions from Kay & Co.

Related guides

Need help with this?

Tell us what is getting in the way. Kay & Co. can help you understand the options and turn the next step into something that works for your practice.

Explore websites & patient experience services or discuss your project.

Try the free Healthcare Digital Planner to find your starting priority.