A complete experience designed for Uploading photos/ files

Source: CSS-Tricks

1. Select files from the file browser

2. Processing the files

Scale fit height
Scale fit height
File upload — Processing state

3. Processing done

Processing done — Photo display
Processing done — Hover to remove photo
File upload — Processing error

4. Files uploaded

Files uploaded — Error
Error message — Pros and Cons between Modal and Inline message

--

--

--

Product Designer who fancies Data Visualization — https://www.behance.net/thuychi199ad47

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How To…Secret Hand Gestures

A Simple Guide On How Not to Make Your First App

Improve Conversion Rate With Two Key Principles From UX Psychology

Standing out from the crowd

Ideation & Prototyping Week 2: Endangered Animals

Prototyping in Discord and Slack

UX/UI Inspired Collection #001

UX challenge: Is physical store better than eCommerce? (6/6)

Sketch 52 — First Impressions

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Chi Nguyen Thuy

Chi Nguyen Thuy

Product Designer who fancies Data Visualization — https://www.behance.net/thuychi199ad47

More from Medium

How to Conduct UX Diary Studies — Ethosapp Blog

Improving the user experience with Gamification

SIDEHUSTLE UI/UX CAPSTONE PROJECT — GROUP 151

My NN/g UX Conference and Certification Experience