Consider a page with multiple sections , the content of each section is loaded async via ajax once the user has reached the page. Current implementation demands that a loader icon , such as a spinner , be shown in each individual section till the ajax calls return with response. As each section may complete load at different times.
Question is - is it a good user exp to have such multiple loaders for each section , or is it a good user exp to just have a single loader shown in an opaque overlay until all the async calls are complete and the sections have been painted ?
- The sections are placed one below the other.
- Each section is independent of the other and can be acted upon once the sections are painted.