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

Here’s the review from Ame + Georgia (Simply Secure) :v:

General notes on frontpage

  1. Consider adding the name (Mat? MAT? Mat2?), a tagline, and an explanation of what the user should expect. This could connect to the logo, which seems to be an iceberg. A rough starting point for the tagline: The file you see is just the tip of the iceberg. Remove the hidden metadata with [name]. [Heuristic(s): Visibility of System Status]

  2. The ReadMe includes some nice sentences about privacy and metadata, but a clarifying example could help. This is the place to have a statement of your benefit. Remove hidden data that could compromise your privacy by revealing your location, company name, etc. on files you share on the internet. [Heuristic(s): Help users recognize, diagnose, and recover from errors, Help and documentation]

  3. This seems overly threatening. Is it that you don’t want porn? Or crime photos? Or? Is it necessary? If it’s meant to be educational, expand on the description to educate the user, rather than scaring the user and causes them to question trusting you. [Heuristic(s): Match between system and the real world, Error Prevention]

  4. This seems like an advanced feature. Could this move to the source info block at the bottom? Or link to something that’s more obviously a thing to download if a regular person could download it. This could also be more of a call to action: “Host mat2 yourself, and have full control over the data and tool.” [Heuristic(s): Flexibility and efficiency of use, User Control and Freedom]

  5. That’s a really impressive list! I think having that a click away from the home screen makes sense. There’s something kind of funny happening with the two different >> styles so close to each other, and then they aren’t actually the arrows you click. Consider making the link the key point: “See which 26 file types you can upload for metadata removal.” [Heuristic(s): Consistency and standards, Help and documentation]

  6. From a usability point of view, the uploading worked fine, but without shading or an edge, it didn’t look like a target for drag-n-dropping.
    Think about distinguishing this “action area” from the “information area” above it with a border, shading, something. This would also be the place to put the 16MB size limit, and possibly the disclaimer: think before you upload, we don’t want your porn. If you think that’s helpful. Also, I think the blue-shaded “download” button on the cleaned page is a clearer call to action. That could be a consistent button style used on the first page too. There are really 3 steps to this process:

    1. Select file
    2. Upload file
    3. Download file
      I’d suggest renaming 2) with a verb like “clean” or “remove metadata” And make that the big blue button. Upload and Download may be accurate, but they undersell the unique, cool thing you’re doing.
      [Heuristic(s): Consistency and standards, Visibility of System Status]

General notes on the download page

The list of removed data is really impressive!

  • I didn’t get that >> Remove Metadata and >> Metadata Removed on the following page are kind of a pair until I looked at it a while. They seemed too similar/the same if I wasn’t paying close attention. That list of removed things is so impressive though, maybe different formatting might make that point stronger. [Heuristic(s): Consistency and standards, Visibility of System Status]

  • “Managed to remove all metadata” sounds a little tentative and humbled. What about something like a check mark and Success! For example:

Download Cleaned File

:white_check_mark: Success.

39 metadata fields removed from IMG_0013.

See details

I’d experiment with Download above or below the list. It’s really cool to see the list!