1

I have page that contains a list of tenants that are currently active.

To add a new one, there is a link to a full page form that adds the new client to the list of active tenants.

This operation takes a while, so we decided to add a loading message that explains to the user whats going on (database created, application configured, etc)

We were wondering where to put this feedback and we came up with two options:

  1. Show a modal that is updated with events from the backend and after the operation is complete an "ok" button becomes clickable, after the user clicks the "ok" button its redirected to the list of tenants

  2. Show the feedback in place of the form content (in the same page without showing a modal) and after the operation was successful we show the user a link to go back to the list of active clients.

Are there substantial differences among these two? Is there a more intuitive way to accomplish the same thing?

  • If either way it takes too long to load, then I suggest you start loading the necessary assets while user is browsing the page and didn't even clicked on the button yet. This is what Instagram does, when you applying filters to your pic they start uploading the pic to their server. And that's why the upload function seems very fast. – Ades Apr 8 '15 at 4:13
1

As long as the process is just a few seconds, I think you can handle it this way:

  1. User clicks "submit" to add a new tenant
  2. Show a loading modal with a message "Adding your tenant" (or something similar) with a little animation (as long as it is just a few seconds, you don't need to show the details of the process)
  3. After the tenant is added to the system, take the user directly back to the tenant list and show an animation/indicator of some sort that the new tenant was successfully added. You don't need to have them click "ok" to go back.

You can read here for more details on when to add more detailed progress status. https://msdn.microsoft.com/en-us/library/windows/apps/hh465469.aspx

| improve this answer | |
  • Since it's an important operation doesn't the ok button give a more reassuring feedback? – rascio Feb 6 '15 at 23:58
  • I don't think so. I think you need to provide feedback that the tenant has been successfully added, but I don't think you need to require the user to click anything to confirm it happened (that would just require the user to take an additional step that is not necessary). If the user is likely to want to take actions with this new tenant (like add information about them), you could take them to the "new tenant page" instead of the full list of tenants. – Lauren Dankiewicz Feb 7 '15 at 1:36
0

Modal is not a good idea here, because it blocks other user actions too (or prevent them to see their data that already loaded). you can simply show small progress bar on the right side of your screen with short data about the item. after it added, hide the box and just highlight the row of new item in table (or any other container you using).

Adding new tenant progress

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.