close menu button
đź‘‹

Hello there!
Log into the academy:

In order to log into your academy profile, please provide your email and password

Forgot password?

Did you previously use

Don’t have an account yet?

Looks over usability

Stop posting "A vs B" posts, and explain your thought process behind each.

Welcome Stranger, I hope you have an amazing day! Grab something to drink or eat and let us dive in.

It seems to me that the old — What’s Better? “A” or “B” design posts are getting out of their graves, I have no idea why, but it let me think about WHY.

“A” or “B”

image 1

Around 2 months ago I decided to scratch all the work from Behance and start new ones, not outdated design works and I got to a point where I didn’t want to create a personal project without any thoughts or meaning behind the decisions.

Hence these two screens, which one is better? “Left” or “Right”?
The answer is, how the F are you supposed to know?

You have no context as someone who’s reading this, you see just the visual. Most people would look at the screens, see AI, and say HEY! LEFT ONE.

But neither of them is better than the other and I explained that in the case study I wrote. They both have a purpose in this world, while the left one is fancy and has my beloved AI Bobby the Bot, it would be way more expensive to implement this solution into the real app.

So with that in mind, I created a more budget-friendly version. No AI, still nice and clean design with custom icons on the bottom. It does the same thing.

The only difference is, that you have to click a few more times to get to a popover or a hint in the app.

Fullscreen modal or a classic?

full vs classic

What looks better? “Left” or “Right”? When I was designing these screens I had the fullscreen modal/bottom sheet as my favorite, it just looks better. Right?!

The thing is, even though it looks better the usability of it is poor in this case and it’s safer to go with the left option.

What if the user scrolls down and swipes the whole modal down? How tedious will it be for someone who’s not experienced to swipe down and see more info?

The modal/sheet is meant to support quick interactions, and it shouldn’t be used for displaying complex or lengthy content. While one may argue both could be used since we can assume most users won’t scroll in this case and just hit the button.

BUT

BUT

I wanted more content on that page, I wanted the user to scroll down and see similar roasts, the taste of the coffee, and the process since these are all important to us coffee lovers.

So I simply scratched the modal/sheet view. Yes, it could be tested on users, yes the results might be different than my assumption, but what’s important here is the thinking process. It’s not just a pretty UI.

That most of these “A” or “B” Twitter posts are

That’s it for today!

gif

Thanks for reading my rant, I hope you enjoyed this episode. You can see the full case study here if you’re interested in the more visual side rather than the thinking process.

As always, I wish you all a beautiful day, and see you at the next one!



Liked the article? Share it!

twitter iconlinked in iconfacebook icon

Similar articles

cover

Don’t do useless design.

Read article
mistake

Big Mistake

Read article