Daily UI 076 - Loading...

Challenge 076: [no description was given]

For this challenge, I wanted to display a proper mix between items that have loaded on a screen and items that have yet to fully load. With text that has yet to load this was simple, I used long bars as if items on screen were part of a low fidelity prototype. Images that have yet to load have the image icon over the area the image will show, as seen in the bottom left image. The closer an image is to being completely loaded, the more visible it is on screen. Images still not completely loaded have green progress bars surrounding the image to better convey that they are still loading.

This prototype was made in Framer.