UX Case Study: Bulk Upload

Lena Wesche

Lena Wesche

software development

ux

ui

What is a bulk upload function?

A bulk upload function describes a product feature that allows the user to upload several different files at the same time and correctly process them.

Challenges of a bulk upload function

The bulk upload function has been neglected for a long time, due to the fact that such a function often led to significant errors.

The import of files is a complicated process, hampered by unclean data, special cases, encoding formats and error validation. Especially with bulk function, many errors occur and lead to a great disorder, which cause frustration to the users in turn. However, a bulk upload function can add a lot of value to a product if it is thoughtfully developed.

Case Study: Bulk Upload Function

First, we take a look at what basic difficulties users face with an upload function.

Typical questions a user might ask while uploading files:

  • Unclear instructions (information needed for a smooth upload)
  • What format can be uploaded?
  • How big can the file be?
    • What must be done if the file is too large?
  • How can I make sure that all formatting is correct?
  • Vague error messages
  • Vague wording on errors does not provide enough context for users to fix their issues before uploading the file / data

With this knowledge, let's now begin the process of creating a bulk upload function.

Ideally, a brief 1-1 with a developer is organized to discuss upload rules and potential errors. Next, we need to determine where the user can use the new bulk upload feature in the product.

To make the user experience even better, let's recall the common errors during the upload process described in the previous section and fix them.

The user knows at any time where he is in the upload process

  • We add a process bar that shows the different steps that need to be gone through
    • In this example: Upload, Preview / Edit, Import

Before uploading the first files, the user gets detailed information about the format, size, etc.

UX Case Study: bulk upload image 01

To start the Upload the user has different options on selecting the files that should be uploaded. (Browse Files/Drag and Drop.

The user knows at any time how far each file has been uploaded.

We add a progress bar and a percentage indicator, which reflects the exact progress of the upload

UX Case Study: bulk upload image 02

To support the users process clear error but also success messages help the user to understand directly if the upload was successful or if something needs to be repeated.

UX Case Study: bulk upload faq error

Error messages are often kept compact and short, but in order for the user to understand them properly, we add an Error Message FAQ to avoid possible confusion

UX Case Study: bulk upload error

In the next step the user gets the possibility to view his files before importing them into the product, to make sure that all data has been transferred correctly.

Especially when the user wants to preview multiple files, a smooth user flow is a challenge. In this case it was solved with an additional screen.

UX Case Study: bulk upload image 03

After the upload, the user clicks on continue and gets to the view of the uploaded and assigned files.

Here he can use the preview button to view the individual files as an overlay.

(An edit function at this point would be possible, but is not desired in this case.)

UX Case Study: bulk upload image 04

If one of the uploaded files has errors, it can still be deleted, so that only correct data is imported into the product itself.

If all files have been uploaded correctly, the import can be continued. Only now the files are really inserted into the product. The user knows at any time how far the import process is, with the help of progress bars and percentages.

UX Case Study: bulk upload image 05

Your opinion is very important to us!

On a score of 1 to 5, what's your overall experience of our blog?
1...Very unsatisfied - 5...Very Satisfied

More insights

5 steps you should consider before building software

Thinking about developing your own software? Here are 5 steps you should definitely consider before you start.

software development, digital buiness, discovery

Read full story

Why new software needs change management & how to plan it

Implementing a new software solution means change at every level of your business — here's where a solid change management plan comes in.

software development, digital buiness

Read full story

4 alternatives to Excel sheets for a smooth business workflow

Locked out of an Excel spreadsheet? Here are 4 alternatives to Excel to better suit your unique business needs & scale.

software development, digital buiness

Read full story

UX vs. UI Design

Have you ever heard someone use the terms UX and UI in a discussion? These are not abbreviations for fantasy worlds or anything like that, UX and UI are among the most important components of product development.

software development, ux, ui

Read full story

The meaning of a thorough discovery phase to optimize software development

Planning software projects or new digital applications is challenging, and sometimes the initial plan does not work out. Often, the reason for failure is a missing or insufficient product discovery phase.

software development, discovery phase

Read full story

Best practices to increase the lifespan of your business software

Your choice of business software is a lifelong commitment — so how do you keep it running for the long term? Here's how.

software development, software maintenance

Read full story

See how custom business software has helped our clients succeed, no sales pitch involved. Just real-world examples. Guaranteed.

Schedule a demo