Design newsletter:
https://adamsilver.io/newsletter
Good Design Crash Course (free):
https://adamsilver.io/gdcc
I’m Adam Silver and I’m a designer (and former frontend engineer).
I talk about how to design products that are effortless to use (for everyone).
If you fancy it, here’s my backstory:
adamsilver.io/bio/
In case you don’t know, toast messages are little messages shown on top of the UI to give feedback about an action that you’ve just taken.
Banning toast messages is an excellent decision because they have bad UX and are terrible for accessibility.
In case you don’t know, toast messages are little messages shown on top of the UI to give feedback about an action that you’ve just taken.
Banning toast messages is an excellent decision because they have bad UX and are terrible for accessibility.
Law 1: Nobody wants to use your form
Law 2: Completion time = Question Time + Pause Time
Here’s the final law:
Law 3: Users will make mistakes no matter how well your form is designed.
Law 1: Nobody wants to use your form
Law 2: Completion time = Question Time + Pause Time
Here’s the final law:
Law 3: Users will make mistakes no matter how well your form is designed.
You may have heard of this rule:
➡︎ Start with one thing per page.
This was first written about by designers Tim Paul and Caroline Jarrett.
In case you’re not familiar...
You may have heard of this rule:
➡︎ Start with one thing per page.
This was first written about by designers Tim Paul and Caroline Jarrett.
In case you’re not familiar...
➡︎ Nobody wants to use your form.
Like I said yesterday, it’s crucial to know because it emphasises respecting the user over trying to make your form fun, engaging, novel or “on brand”.
➡︎ Nobody wants to use your form.
Like I said yesterday, it’s crucial to know because it emphasises respecting the user over trying to make your form fun, engaging, novel or “on brand”.
Here’s a breakdown of the first law which is perfectly captured by a question one of my subscribers asked me:
“How can we bring joy to people who use enterprise applications for 40 hours a week?”
Here’s a breakdown of the first law which is perfectly captured by a question one of my subscribers asked me:
“How can we bring joy to people who use enterprise applications for 40 hours a week?”
Will Myddelton, who led product at GDS said that.
Here's why he said it (and what he suggests instead):
(1) It's confusing - even senior researchers at GDS didn't understand what it meant
Will Myddelton, who led product at GDS said that.
Here's why he said it (and what he suggests instead):
(1) It's confusing - even senior researchers at GDS didn't understand what it meant
→ As a user
→ I need to be able to filter the messages by type
→ So that I can find the message I'm looking for
But that's just a solution written as a need.
Instead it should read more like:
→ As a user
→ I need to be able to filter the messages by type
→ So that I can find the message I'm looking for
But that's just a solution written as a need.
Instead it should read more like:
I hear this from stakeholders (and even UI/UX designers) quite regularly when I share flows with multiple steps.
But here’s the truth:
Users don’t care about clicks, as long as each click takes them logically towards their goal.
The real problem is...
I hear this from stakeholders (and even UI/UX designers) quite regularly when I share flows with multiple steps.
But here’s the truth:
Users don’t care about clicks, as long as each click takes them logically towards their goal.
The real problem is...
For example, rule 7 is:
Every input needs a label
→ Sighted users see them
→ Screen readers announce them
→ Motor-impaired users can more easily set focus to the input thanks to the larger hit area.
For example, rule 7 is:
Every input needs a label
→ Sighted users see them
→ Screen readers announce them
→ Motor-impaired users can more easily set focus to the input thanks to the larger hit area.
And most of them had a lot of UX and accessibility issues.
But I realised that every solution I’ve ever come up with to address these issues can be traced back to 3 simple laws...
And most of them had a lot of UX and accessibility issues.
But I realised that every solution I’ve ever come up with to address these issues can be traced back to 3 simple laws...
I often hear designers and product managers say:
“Let's test both versions and see which is better”
Sounds reasonable, except that there are a bunch of downsides with this (and it’s totally unnecessary)...
I often hear designers and product managers say:
“Let's test both versions and see which is better”
Sounds reasonable, except that there are a bunch of downsides with this (and it’s totally unnecessary)...
For example, let’s imagine you need to ask the user to provide a reason for rejecting an application.
You could use different labels in different contexts, for example:
For example, let’s imagine you need to ask the user to provide a reason for rejecting an application.
You could use different labels in different contexts, for example:
For example, let’s say you have a table with a column that shows acronyms.
You say to yourself “that’s not accessible, because screen reader users will hear “I. M. P. L.”
For example, let’s say you have a table with a column that shows acronyms.
You say to yourself “that’s not accessible, because screen reader users will hear “I. M. P. L.”
Here’s the advantages:
1. Once you know the basics, you can build and iterate much quicker than in Figma - especially for complex journeys.
Here’s the advantages:
1. Once you know the basics, you can build and iterate much quicker than in Figma - especially for complex journeys.
It suggested:
“If you want the hint to appear when the user hovers on the radio button, use a tooltip for a cleaner design”
Let’s break this down:
→ ‘If you want’
Design is not about what you want. It’s about what users need.
It suggested:
“If you want the hint to appear when the user hovers on the radio button, use a tooltip for a cleaner design”
Let’s break this down:
→ ‘If you want’
Design is not about what you want. It’s about what users need.
This is where each component “loads itself” async with a spinner.
This is a slow, inaccessible experience that's totally unnecessary.
Instead, render on the server.
You’ll get the standard, accessible, browser loading indicator for free.
This is where each component “loads itself” async with a spinner.
This is a slow, inaccessible experience that's totally unnecessary.
Instead, render on the server.
You’ll get the standard, accessible, browser loading indicator for free.
In the course, I explain what design actually is (hint: it’s not just about aesthetics).
And I reveal the 4 principles I use every day as a designer to make sure that what I design is actually good.
That is:
In the course, I explain what design actually is (hint: it’s not just about aesthetics).
And I reveal the 4 principles I use every day as a designer to make sure that what I design is actually good.
That is:
First thing I did – on camera remember – was take a sip of water.
But I missed my mouth and it spilt all down my grey t-shirt.
I might do that again in future.
It’s a great ice-breaker.
First thing I did – on camera remember – was take a sip of water.
But I missed my mouth and it spilt all down my grey t-shirt.
I might do that again in future.
It’s a great ice-breaker.
You can see in the screenshot that there’s more margin above the button than below it - something most designers would say is sloppy.
And perhaps it is.
You can see in the screenshot that there’s more margin above the button than below it - something most designers would say is sloppy.
And perhaps it is.
Hacker News (if you don’t know) is a site where people discuss and upvote ideas in tech/design.
The gist of my article was:
✅ Use “Your” when communicating to the user
And:
Hacker News (if you don’t know) is a site where people discuss and upvote ideas in tech/design.
The gist of my article was:
✅ Use “Your” when communicating to the user
And:
“It’s wrong to copy Amazon’s UX if you’re designing a council website”
I agree that you shouldn’t copy Amazon if your context is different but on the flipside, I disagree with designers who say:
“It’s wrong to copy Amazon’s UX if you’re designing a council website”
I agree that you shouldn’t copy Amazon if your context is different but on the flipside, I disagree with designers who say:
Should I brave the comments?
Should I brave the comments?
We are considering using AI to determine the complexity of a case, so that users don't have to work it out themselves.
This is a huge UX improvement that could cut individual workload down by hours every week.
We are considering using AI to determine the complexity of a case, so that users don't have to work it out themselves.
This is a huge UX improvement that could cut individual workload down by hours every week.
I used to think that using words like “cognitive load” made me sound smart.
But a lot of people don’t know what it means. So when explaining your design to your teammates, use simpler and clearer descriptions like:
I used to think that using words like “cognitive load” made me sound smart.
But a lot of people don’t know what it means. So when explaining your design to your teammates, use simpler and clearer descriptions like: