Jobs - Improving the two webpages of a simple web interface to a metadata-removal tool

Recommendations

General:

  • Evaluate pages that also have upload/download mechanisms like https://send.firefox.com/
    image
  • Consider reducing text and reduce the logo size to make it easier to focus on the main task: Select or drop file, Download file.

Upload flow

  • Firefox send directly uploads the file after selection, getting rid of step “Trigger upload”

Understand confirmation

  • The primary action (download) should be easier to recognize

Preview

  • Some of your filetypes can be previewed in browser (luckily the ones that are needed for quick uploads to social media), others could still be symbolized in an icon (using a free/libre icon library)

Visualization of metadata

  • What about visualizing file+metadata directly? It could be some sort of table that appears “attached” to a preview of the uncleaned file. After cleaning, the cleaned version does not have it.

image

Tone down secondary actions

  • If you want to give non-essential information (like “this metadata has been removed”) try to fold it away or use a lower (though still readable) contrast to distinguish essential from non essential information

Example from firefox send for putting infos “behind” a link: image