Good UX is holistic


Last week, I ran a live training on file upload UX.

Every day leading up to the event, I was stressed, constantly thinking:

“Shall I just purchase one month of Zoom?”

Let me explain:

I use Circle to run my courses and it comes with something called Live Rooms.

It’s like Zoom. But Live Rooms is better than Zoom because:

  • it’s quicker and easier to set up for me
  • it comes with my Circle subscription for free
  • it automatically posts the recording afterward the call
  • it has better UX for my students - easier interface, nothing separate to download

But Live Rooms has a limit of 30 attendees, including me as the host.

That leaves 29 spots for my students.

The problem is that I have hundreds of Form Design Mastery students.

So every day I stressed out trying to decide between two options:

Option #1: I choose Live Rooms and more than 29 students try to attend

In this case, the following happens:

  • I start the call
  • I say hello
  • I start sharing file upload design patterns

We’re all having a great time.

But then I get multiple notifications:

“Help! I can’t access the event!”

I think “It’s too late, they’ll have to miss out, they can watch the recording later.”

But deep down I know that it’s not the same as attending live - being able to interact and ask questions.

So I tell the students on the call what’s happened, and that I’ll set up a Zoom call and share the link in a few minutes.

I leave the call, buy Zoom, set up a link, send it to everyone, and hope people haven’t lost interest.

Stress.

Best case scenario: the training has been delayed and I’ve wasted people’s time.

The other option is:

Option #2: I choose Zoom and fewer than 29 students turn up

This means I unnecessarily pay for a tool with worse UX for everyone.

Rubbish.

But it’s much better than Option 1. Which is why I’ve chosen this option in the past.

This time, however, I took a risk and used Live Rooms.

Why I took the risk of using Live Rooms

I checked the attendance rate from the last two Form Design Mastery live calls:

  • Call #1: 37 students RSVP’d, 19 turned up.
  • Call #2: 13 students RSVP’d, 6 turned up.

That’s approximately a 50% attendance rate.

So I’d need 60 people to RSVP before Live Rooms became a problem.

On the morning of the event, 22 people had RSVP’d.

During the day, one more person RSVP’d for a total of 23.

And like the previous data predicted, 12 ended up attending.

So it all worked out.

Even though Circle’s Live Rooms UX is brilliant, the 30-person limit is enough to ruin the entire feature.

And it’s simple to solve - either:

  1. Increase the limit to 100, like Zoom does
  2. Charge a small fee for going over the limit, instead of a hard cap
  3. Reduce the cost of Circle by £10 per month and let users buy Zoom when they need it

In short:

Good UX is holistic.

Sometimes that means fixing something entirely outside the interface — like Circle’s attendee limit.

But most of the time, it just means looking past visual design to everything that shapes it.

For example, in my file upload UX training, I covered:

  1. How to design the journey between devices for users who start on desktop but want to upload a photo on mobile
  2. How to design a real-time, drag-and-drop multi-file upload that works with keyboard and screen readers
  3. How to handle virus checking and the impact that has on what users see on screen while that’s happening

And so much more.

If you’re interested in learning about file upload UX, the recording has been automatically posted to the event (thanks Circle), and it’s available to everyone who signs up for Form Design Mastery:

https://formdesignmastery.com

Cheers,
Adam

Design tips to help you create products that are ridiculously simple and accessible to use

Join 10,000+ designers, content designers and engineers who get my free weekly newsletter with evidence-based design tips (in 3 minutes or less). Mostly forms UX, but not always.

Read more from Design tips to help you create products that are ridiculously simple and accessible to use
Opening a file dialog with some files disabled and the user trying to click on them.

Last week I wrote about the problem with using the accept attribute for uploading files. As a quick reminder: When you use accept to specify which file types will be allowed like this: <input type="file" accept="image/jpeg,image/png"> …the dialog will disable invalid types like this: This is bad because: The disabled files are greyed out making them hard to read Some users won’t notice the subtle greyed out styling - so will try clicking the invalid files anyway And this will make the...

Me holding a sign saying, "Error hiding is not error prevention."

Last week I posted about why the accept attribute on file inputs is bad UX. The accept attribute lets you specify which file types an input will accept. For example, if users need to upload a receipt, you can do this: <input type="file" accept="image/jpeg,image/png,application/pdf"> That means users can only select those file types. All other files are disabled: This sounds good because it stops users from picking an invalid type before they submit - which would then cause an error. But as I...

Me holding a sign saying, "Go from good UX to great UX."

Last week I listened to episode 10 of the Complimentary podcast, “Taking Interaction Design from Good to Great”. Anthony Hobday, one of the hosts, gave an example of applying for a driving license on GOV.UK. He said that instead of asking you to upload a photo, the form said: “We notice that you’ve already got a passport with us. Do you want us to use your passport photo for your driver’s license?” You just click ‘Yes’ and move on. Anthony said this design is “next level”. I agree. The best...