When operation initiated by the user is expected to take noticeable amount of time (>100ms), it is beneficial to give user visual feedback to acknowledge their action and sooth waiting time.
Common examples include disabling form submission button and/or adding a progress messages like "Submitting a form..." or "Loading the results...". This technique is traditionally used to avoid repeated submissions of form data, which in itself is indicative of user's frustration with the UI.
Another simple example for page-to-page transitions where significant portion of the page is intended to change, is to erase content area of the page (e.g. below navigation) immediately after user interaction to show quick response while loading subsequent page in parallel.
Existing blog posts, articles, videos
Links to successful implementations
When operation initiated by the user is expected to take noticeable amount of time (>100ms), it is beneficial to give user visual feedback to acknowledge their action and sooth waiting time.
Common examples include disabling form submission button and/or adding a progress messages like "Submitting a form..." or "Loading the results...". This technique is traditionally used to avoid repeated submissions of form data, which in itself is indicative of user's frustration with the UI.
Another simple example for page-to-page transitions where significant portion of the page is intended to change, is to erase content area of the page (e.g. below navigation) immediately after user interaction to show quick response while loading subsequent page in parallel.
Existing blog posts, articles, videos
Links to successful implementations