Questions tagged [ajax]

AJAX (Asynchronous Javascript And XML) is a popular technique for creating interactive websites, though other technologies (e.g. JSON) are often used instead of XML.

Filter by
Sorted by
Tagged with
43
votes
4answers
5k views

Why show the user 'There are n updates since page load, refresh to see them' rather than adding new data

On a page which features a list of items (such as stack overflow questions or quora), the site often polls for data but instead of displaying that data it instructs the user to refresh the page to see ...
26
votes
4answers
9k views

What is an acceptable response time for my ajax ui?

When I have to load new information from my web server via ajax after a user action, how fast should the information be displayed for the user in order to be a good working UI for the user?
24
votes
3answers
4k views

What is a user friendly way of preventing users re-submitting / editing a form while it is submitting?

What is the most user friendly way to block user input to form while form is submitting that can be reused i.e. so I don't have to implement it for each form? For forms with only buttons (I have ...
19
votes
5answers
4k views

Should we be optimistic or pessimistic with UI updates on AJAX requests?

We are discussing in our team how best to handle UI updates after a user does something to cause an AJAX request to the server. Here are options we are considering: Instantly update the UI and add/...
17
votes
2answers
20k views

When should I use AJAX to submit forms VS regular page submit

Prior to widespread AJAX use and DHTML a form was submitted and the browser would refresh by loading the response to that POST HTTP request which replaced the previous (form) page in the viewport. ...
16
votes
4answers
4k views

HTML buttons vs hyperlinks for navigation

When creating an overall site style guide, how do you determine when a button or a hyperlink should be for something other than navigation? I see many time with the heavy usage of jQuery and AJAX, ...
14
votes
3answers
4k views

Single or Multi page web application

Is it better UX wise, to build a web application with traditional multi-page transitions or to have a single page application where the other components of the page use AJAX and jQuery to load content ...
11
votes
9answers
3k views

What to display while waiting for a process (4-5 seconds) to complete?

We realized that in some cases the user may be waiting up to 4 or 5 seconds (depending on connection) for their form (or some action) to be processed. The form involves getting data from other servers ...
11
votes
6answers
7k views

Is there a name for this instant filter search pattern?

I've been trying to find a jQuery plugin which creates behavior similar to that of Stack Exchange user searches. The user search used on Stack Exchange sites is not an auto complete, but is more akin ...
10
votes
2answers
425 views

How many letters should be typed in “guessing” ajax search before first suggestion?

When searching with ajax based suggesting field, how many letters should be typed before it starts to suggest results? 1,2,3..
8
votes
4answers
482 views

What is a good clean way of notifying the user their action was registered?

I am developing an internal website for managing company resources. The user sees very few full page refreshes. Therefore, when they click "Save" to save their changes, they don't get a refreshed page ...
8
votes
3answers
1k views

Assume success and show response immediately or wait for a response from the server?

All over my CMS I have buttons that toggle something on or off by sending an ajax request, updating the db, and then changes state and value of the button on success. Very basic "ajax" and "toggle". ...
8
votes
2answers
754 views

How to load long-time-taking content?

We have a page that takes very long to load (approx. 15 seconds, might be even more for some clients) as the data it generates is heavy and slow. While we are trying to directly speed it up, 15 is ...
7
votes
4answers
2k views

Is there any good reasons to stick with full page refreshes any more

For a couple of years now we have been living with Ajax and other similar web 2.0 techniques in order to ask for or send content without refereshing a whole page. It's pretty standard in slideshows, ...
6
votes
2answers
884 views

How to style a button - AJAX vs Hard Refresh?

When I'm casually surfing the internet, I stumble upon random buttons that I'm not really sure if they're going to open up a modal or just slide down a div so I just get scared of clicking them in ...
6
votes
2answers
1k views

How Should Tabbed Content be Loaded?

There are several approaches to loading content inside tabs. For example, Load all content initially, then just manipulate the DOM to show/hide tabs Load only the content of the active tab initially, ...
6
votes
1answer
216 views

Should we fake succesful form submit, display result and then revert if some conditions are not met?

Like on Stack exchange, when you try to vote up your question, it appears like you successfully voted, count goes up and vote up button highlights, but then when form actually completes submitting ...
5
votes
6answers
1k views

Subtle and understandable indication of AJAX page fragment load in progress? (No gifs!)

I am working with a home-grown CMS and have recently "upgraded" the entire thing to use javascript/AJAX/XHR to handle every page load and form submit, no exceptions. So far so good. All links load a ...
5
votes
3answers
1k views

Best practices for inducing AJAX application front-end refreshes

I develop and maintain several web applications for internal use at my company. They are all PHP/MySQL-based with HTML/JavaScript front-ends utilizing jQuery and various plugins for UI elements, grid ...
5
votes
4answers
3k views

Best way to display errors to users who encounter an internal server error

(User Flow: user try to submit a form request) Should I display the "Internal Server Error" message? Is there any message that understandable to user rather than saying "Internal Server Error"?
5
votes
2answers
2k views

Why is form submit preferred over AJAX for login forms?

Google, Facebook, Twitter, Amazon, and Stack Overflow, among many others, use form submits with full page reloads instead of AJAX on their login forms. I saw this question (When should I use AJAX to ...
4
votes
2answers
2k views

When should I use an ajax loader? When I wait more than 1 second, 2 seconds or 3 seconds?

In the web app I am working on right now we'll have some pages that will perhaps need more time to load. When should I use an ajax loader? After 1, 2 or 3 seconds?
4
votes
5answers
494 views

Should items filtering be combined with dynamically loaded items (load more)? If so, how?

I've run into this design pattern a few times: You have a grid of items with X number of items loaded by default. You have filters that will add/remove (hide/show) items from the grid You have a ...
4
votes
4answers
1k views

Ajax loader - icon vs text

I have seen many sites using Ajax loader as an icon or some use plain text and some use both. What is the significance of using the above three methods? Especially the third method where both are used ...
4
votes
1answer
334 views

Loading pages with AJAX. Should the browser address change when the user calls the content or once it arrives?

I am loading pages using AJAX and changing the browser address bar accordingly for a smooth experience. My doubt is if the browser address bar should change when the new page is called by the user (...
4
votes
1answer
603 views

What are some accepted styles of Greeking for loading content?

There's a technique that Facebook uses in their Timeline where it'll show fake "content" blocks while it's waiting for the real content to load. From a distance, it looks like the content has already ...
4
votes
2answers
147 views

Vocabulary for a common interface bug

As I am building more sites with more asynchronously-loaded features, I am running up against a certain type of negative effect, which I am also finding quite a lot while browsing the web: 1) User ...
3
votes
2answers
458 views

What to do when loading is TOO fast? [duplicate]

On slow connections (or if the server is randomly slow for some reason) it makes sense to have loading indicators. But when the connection is good, the req is too fast and the loading looks horrible. ...
3
votes
1answer
94 views

On a click, show a stub or not?

Consider a click event that would cause a significant change of view (e.g. going from a list of items to a detail view of a single item). What is a better experience: Switch to a stub view which ...
3
votes
2answers
535 views

Should I reload only those areas of site where data has changed?

I think the rule is: Reload only those areas of site where data has changed. Don't fetch the areas where no changes have been made. The pros of this rule are: 1. Users will be able to examine ...
3
votes
3answers
146 views

How to provide a visual indication that user needs to enter at least a few characters before an ajax search begins?

We have a large amount of users (e.g. a couple of millions) and we would like to start searching only after the user types in 2 characters or more. What visual indication can be provided to users in ...
3
votes
2answers
277 views

When going back to previous page may cause disorder

Let's suppose a page listing items whose URL would be: /items. Its content is loaded through Ajax at the page's initialization time, thus not directly populated on server initially. Each item ...
3
votes
1answer
382 views

Save session state on search option change or after getting the search results?

I have a widget that helps looking for posts in my site. Here's a picture of the widget (site's not online yet) I want to use html5 session storage to store the widget options among pages. When a ...
3
votes
2answers
534 views

placement of ajax “loading” image

I am puzzling over the location to display a moving GIF so that a user knows when a site is processing and they should wait. The site I am working on has many forms that a user changes between using a ...
3
votes
1answer
594 views

How best to show a document preview

I have a fairly basic web form that gathers information such as name, address, description, yada, yada. I have to do a rewrite and so am wondering what the best practice currently is to show a ...
3
votes
2answers
143 views

Creating new item with ajax

If I have a form which is used for creating data which will be displayed on the same page, I'm unsure how I should present the new item upon creation. The scenario; an item is created, post data sent ...
3
votes
0answers
384 views

Are Youtube style loaders the next big UI trend? [closed]

Given that we are in an age where there are a lot of single page applications and AJAX calls are abound, are youtube style AJAX loaders a good replacement to the loading gifs? Its such a simple ...
2
votes
4answers
929 views

Showing a loader for longer than required because it looks good?

Strange question this :) Basically I have a website whereby lots of the loading/posting to a database is done with ajax. At the moment there are no loading screens. As such if something breaks the ...
2
votes
3answers
122 views

Animation as user feedback: how to do accessibility here without being redundant?

I have a list of "Texts" being displayed on a list. The user can reorder it when click on an action button, and when do that, an animation works as a feedback to the user. The Texts move, changing ...
2
votes
3answers
85 views

Should I allow users to reorganise menu items?

I am working on a video sharing application. Would it be best if I allow the user to organize the menu items: e.g. Home Videos Users Account User would be able to organize them as: Account ...
2
votes
1answer
130 views

“Shopping cart” without ajax

I am looking for a way to implement a "shopping cart" like functionality while balancing "user experience" and software quality. In my case I have a classroom with students and need to handle the ...
2
votes
4answers
584 views

Why does Google Calendar use a RED 'Loading…' overlay

I've noticed that Google Calendar uses a red Loading... overlay in the top righthand corner on Ajax actions (e.g. opening a calendar item): I know that Google, being Google, have redefined the usual ...
2
votes
3answers
244 views

Back to Posts Page from a Post that belongs to page 2. Load page 1 or 2?

I have a Portfolio website where Single Posts (an image and a description) load from the front page dynamically and the Browser address updates. In the front page (or index) I have first 20 posts and ...
2
votes
2answers
390 views

How and when to notify user of AJAX call error/exception

I'm working on a website in ASP.NET that loads the page, before doing an ajax call through javascript to get the actual data from the database (and show it inside a table most of the time). However, ...
2
votes
1answer
271 views

Single Loader Icon vs Multiple Loader Icons

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 ...
2
votes
1answer
92 views

JavaScript driven apps that don't use hyperlinks for most actions. Isn't is super annoying? [closed]

I see a glaring issue in many popular implementations of the modern web app -- not using hyperlinks for all actions. Steam is definitely the worst offender I have experienced so far. If you have ever ...
2
votes
1answer
133 views

Some ajax vs full ajax and user feedback

I'm sorry if this is a duplicate, but I have yet to find a solution for this specific scenario. We have a Rails application where most forms use a regular form submission. However, we also have ...
2
votes
3answers
1k views

Ajax file upload error handling and processing logic

Suppose I have a form with the following user flow: User selects value from select list File upload field appears User selects files to upload As soon as the selection is made, files start to ...
2
votes
0answers
53 views

ajax vs button(action) submission for configuration/option settings [duplicate]

I read this post (ajax checkboxes vs submit button) on a similar topic and I am at an impasse. I've noticed a move towards active changes for configuration and settings in applications for all sorts ...
1
vote
1answer
627 views

What are the best practices for UX concerning Web 2.0 RIA applications?

I've seen some questions on specific UX designs best practices, like for the mobile apps (Android), but are there best practices for UX for the new Web 2.0 interactive web applications, like for RIA? ...