Drag & drop Area - Documents Input Animation UI/UX case study

Hello Folks!

I wanted to share with you the newest element of our UI that introduces a new level of interaction: Drag & Drop Animation for easy document loading!

✨ Interesting UX things worth paying attention to: ✨

  • After clicking browse in the drag & drop area all files in invalid formats will be disabled, so the user will not waste time browsing between invalid formats.

  • Next to error messages, in addition to colored underlines, we also display icons to facilitate WCAG accessibility.

  • Due to the current limited capabilities of programmers, which did not allow the document to be previewed after loading, we have added an icon next to the document title, thanks to which the user will be able to see the preview on the next page.

    ✨ But t

    he next version of the application will include document thumbnails :)

More by Archblock Poland

View profile