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

**URL:** <https://discourse.opensourcedesign.net/t/jobs-improving-the-two-webpages-of-a-simple-web-interface-to-a-metadata-removal-tool/924>\
**Category:** Job Postings\
**Created:** [February 19, 2019, 8:19pm UTC](https://discourse.opensourcedesign.net/t/jobs-improving-the-two-webpages-of-a-simple-web-interface-to-a-metadata-removal-tool/924 "2019-02-19T20:19:37Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![jdittrich](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/jdittrich/32/42_2.png) [@jdittrich](https://discourse.opensourcedesign.net/u/jdittrich)\
**Post date:** [March 10, 2019, 5:48pm UTC](https://discourse.opensourcedesign.net/t/jobs-improving-the-two-webpages-of-a-simple-web-interface-to-a-metadata-removal-tool/924/8 "2019-03-10T17:48:34Z")

</div>

### Recommendations

#### General:

- Evaluate pages that also have upload/download mechanisms like [https://send.firefox.com/](https://send.firefox.com/)  
 ![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/e2bddabcc65383047d5029e0cd0c3f749ccc48e0.png)
- 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](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/8e437bc7bd1772687ebcbd13435403ba3e823bef.png)

#### 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](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/83b21465d3e13189b2078a6ad32c377edb3fb826.png)

---

_[View the full topic](https://discourse.opensourcedesign.net/t/jobs-improving-the-two-webpages-of-a-simple-web-interface-to-a-metadata-removal-tool/924)._