← Creative

Speed Is Part of the Design

Response time changes how an interface feels.

Keep the reader’s place.While the image arrivesRead the description.Ask about this work →Read the description.Ask about this work →Waiting for an image should not move the next action.

Redstart Player · Audio edition not yet available. Explore the complete written treatment below.

A page can look simple in a design file and still interrupt someone using it. The heading may arrive while the useful image is missing, or a control may move just as the person tries to select it. Along with the total loading time, consider how soon someone can begin their task and whether they can continue without the page moving beneath them. Decide what information deserves to arrive first, reserve the space needed for later material, and avoid making optional effects a condition of understanding the page.

Let the task begin and keep its place stable.

A customer browsing on a weak connection may see a title long before an oversized image arrives. If the layout moves when it loads, the next action moves too. Sensible image sizes and reserved space protect the person's place as well as their time. On an illustrative product page, a reserved image area can keep the description and inquiry link in place while the image arrives. The visitor can begin reading immediately and decide whether the image is needed next. Reserving the space prevents this interruption while allowing the text and image to load at different times.

How quickly a page feels usable depends on the person’s device, connection, and task. Look beyond a fast office connection and consider older devices, repeat visits, and interrupted requests. Prioritize the material that lets someone begin, then deliver supporting detail without getting in their way. There is no single weight or duration that suits every subject. Use the available time and data for material that helps the audience evaluate the work, and reconsider additions that delay them without helping.

Put it into practice.

Follow the page’s main task under a constrained connection as well as a convenient one. Notice what the person waits for and whether the layout changes beneath them. Load essential text and useful links before decorative additions. Use images suited to their actual display and preserve the space they occupy. When deciding what to download again, consider how often the content changes and whether saved images or fonts are still current. Measure the complete experience instead of assuming that a visually sparse design is automatically light.

What is the visitor waiting for before they can begin?

Our work begins with people.