<?xml version="1.0" encoding="utf-8"?>

Indicate search loading with skeleton screens

Skeleton screens are an excellent technique to notify users about what's happening in the system right now. Essentially, they look like grey or neutral-toned placeholders that appear in areas, where the actual content is not fully loaded, and disappear gradually as content loads.

This perfectly communicates to users that results may take some time to load when there's a server delay or poor internet connection. Additionally, slight animation on placeholders intensifies users' anticipation and adds a sense of delight to the process.

User research has proven that skeleton screens on mobile are perceived to take less time than spinners or blank pages. It also observed that participants felt happier and less frustrated when they saw skeleton screens during page loading.[1]

Improve your UX & Product skills with interactive courses that actually work