![]() Slack’s commitment to teams and collaboration is evident throughout their product, and their loading page is no exception. Here’s a look at 7 loading pages that make waiting (almost) fun: 1. When done well, loading pages can reinforce your brand, boost user motivation, and delight users. When your app is loading data, waiting for an Internet connection, or transitioning to another screen, you must take great care to be mindful of how you represent situations where you’re fetching data.” But there’s a very real burden that comes with setting expectations. Scott Hurff, former product designer and lead manager at Tinder, writes about the loading state in the UI stack: “It’s easy to overlook this state, and many product designers insert it as an afterthought. At a minimum, loading pages reassure users that their interactions with your product carry weight. While often treated as an afterthought in product design, the loading page is an important indication to your users that their patience matters, and it provides a confirmation that what they’ve submitted or clicked on will lead to something great just around the corner. Some products have found a way to make waiting more bearable by utilizing their loading pages to add value to the overall user experience. How you handle that waiting experience can make a huge difference to your users (and your retention rates). But at some point, users will inevitably have to wait for something in your product to load. It is very minimalistic and works great with you already have a flat design ecommerce or website.Whether you're sitting in rush hour traffic, stuck in limbo at the RMV, or waiting for your Instagram feed to load, there's just no way around it-waiting sucks. Here is a set of free animated pre loaders that use flat design. This is a cool hand draw loading gif that I have not seen use in recent website design. ![]() I can’t explain why but this animated gif that combines the different shapes is very memorizing. (no source link) #8: Structure loading gif #7: Bear climbing loading gifĪ very fun and cool bear climbing loading gif. I don’t know how to name this particular loading animation design but it looks damm cool. Might be very suitable for an ecommerce bookstore or an ebook company. (sorry, no link again) #5: Flipping book loading gifĪ very different kind of animation with the book flipping rather than the usual rotating. It is simple and reenforces what the website does very well. The use of a shopping bag is a great idea that every ecommerce store can use for its loading gif. Don’t say you were not warned! (sorry, don’t know the source) #4: Loading gif for ecommerce Warning: you will lose minutes looking the above animated loading gif! The shape changing nature of this gif makes you want to stare at it for a long long time. ![]() It proves that a rotating loading gif need not always be so boring. This is not as cute as the loading cat above but it is very stylish and looks very different from what you normally see. It is so fun to look at that you can spend ages looking at it and no noticed the loading time of your website or app. Most of these loading gif are animated and do not recycle the typical loading bar or timer kind of design. To get you started in coming out with cool loading gif, here are some example that I have encountered. Some might even be a source of entertainment if you designed them correctly. The use of loading animated gif is becoming very common in web design as they provide information about the processing time.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |