AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Loading please wait transparent gif4/3/2024 ![]() Sure, the import could happen immediately, but it'd diminish the meaning behind the action. This ties back to the idea of letting users know that their actions have meaning-if a user knows they're importing a large amount of data, they expect it to take a fair amount of time. While this might seem counterintuitive, TurboTax believes (and has no doubt verified through user testing) that the added time helps reassure users that their accounts are actually being checked, and that the information is being accurately imported. But TurboTax can actually perform this task much faster-they've intentionally designed the interface to appear to run slower. The data import takes about 5 to 10 seconds. 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. However you may find some edge cases where you need complete control (such as showing 'loading' if an option outside the grid is changed).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. You may never need to use these methods, as the grid manages the overlays for you. Overlay APIĪt any point, you can show or hide any of the overlays using the methods below. Some data (no overlay would be shown, and a grid with a filter and no rows would be shown). This would be equivalent to using the Client-Side Row Model and applying a filter to The No Rows overlay doesn't make sense as there could be rows on the server, but a filter could be applied In this case, the loading overlay will be displayed until the columns are loaded. ![]() There is an exception to this when column definitions are not loaded. Access to the entire grid shouldn'tīe blocked as some rows will be loaded while others are loading. ![]() The Loading overlay doesn't make sense as rows are loaded in sections. Overlays are generally not used when using Row Models other than the Client-Side Row Model. ![]()
0 Comments
Read More
Leave a Reply. |