Design Details

Like most in design, I’ll bookmark cool designs I come across online.

Here’s a random few where the designers nerded out on the details.

ToolTips

Came across this one on X. Great use of working with the timing of when tooltips show up.

Why I Like It
Speed is king when it comes to UX. No matter how great your flow is and interaction design, if your app is slow, it’ll have a poor ux. Once you activated the tooltips, they pop instantly making the app feel snappy.

Also as the author pointed out, having a slight pause before triggering the tips avoids the unwanted tooltips problem.

Outside of motion design, timing is largely ignored in UX. This is a great way to look beyond the UI components themselves and really dig into the experience of the user.


Sign In

I run into this problem all the time. I come back to a service and I do not know what I used to sign in. Here’s a great way to solve it:

Why I Like It
It solves a clear problem. As the author pointed out, this saved them on many support queries.

I’m a big fan of design being used to solve business problems. Often we caught in the feature trap and designers are simply designing new features.

But we should be free to design and redesign parts of the app to directly attack business problems like this. Customer support issues are a clear area where design can be leveraged.


Animation Design

Ok first let me say I’m not sure if this is an official Apple ad (I don’t think it is). I’ve seen it floating around on socials, but not from an Apple account. But it’s well done and on first pass looks interesting.

Regardless there’s a cool thing I like about it that the author here pointed out:

Why I Like It
The tapping the sign is what I specifically like about this. It taps (no pun intended) into a thing that athletes do.

Anyone who grew up playing sports always jumps up and hits….well something… usually a doorframe or a sign.

This doesn’t even have to be while working out. You can be at school, the office, or even home. It’s common to jump up and tap the doorframe.

Many teams usually have a specific sign in their locker room. Players will tap it on the way out as good luck ritual.

In any event, it shows the designer gets it. It pulls a quirky, unique “we do this but not even sure why we do this” idosyncrancy into the design.


BRIDGING THE GAP

This is a cool animation bridging the gap between hardware and software!


Those are a few design details I captured when poking around my bookmarks lately. Hope you enjoyed.

Next
Next

CREATING A SENSE OF Ownership