Email or username:

Password:

Forgot your password?
Lickability's posts Post Back to profile
Top-level
Lickability

While we’re talking about weirdness, let’s read the nav bar to absolute filth. Ahem:

• Why can you preemptively bookmark an entry? Is the expectation that you’ll write an entry, think “this one is a banger,” and bookmark before you even finish it?
• How is bookmarking more important than cancelling a draft?
• Under the More menu, the option to discard the draft is called Delete. It’s technically correct, but it rubs me the wrong way. You haven’t saved anything yet — there’s nothing to delete.
3 April at 18:32 | Open on mastodon.social
12 comments
Lickability

Here’s our proposal: Get rid of the bookmark button. Move discard to its rightful place, as a cancel button on the leading edge. The nav title is already the date, so we can make this a button to change the date. We’ll give that a slight background as a hint to it being editable.
3 April at 18:33 | Open on mastodon.social
Lickability replied to Lickability

Alright, enough about the editor. Let’s get to that gorgeous, lickable timeline.

We actually got an early look back at WWDC of an earlier timeline concept. Which version do you prefer? 🤔
3 April at 18:33 | Open on mastodon.social
Lickability replied to Lickability

The timeline is this really nice card-style interface with a branded gradient in the background. In light mode, it’s quite subtle. In dark mode, it’s really 🅱️oppin’. Very good gradient, 9/10.
3 April at 18:34 | Open on mastodon.social
Lickability replied to Lickability

For the longest time, Apple’s guidance was to avoid Android-y floating action buttons (FABs) like the plague. But it seems they’re slowly coming around to them? We love to see it.

3 April at 18:34 | Open on mastodon.social
Lickability replied to Lickability

Taking a closer look at that footer, you’ll notice the variable blur effect. This has been showing up in a TON of first-party apps.

Achieving this effect is quite difficult. There’s nothing in Figma that lets you do this and the API to do this is private (for now) 😕
3 April at 18:34 | Open on mastodon.social
Lickability replied to Lickability

Some people mimic this by making a blurred overlay and gradient masking it, but that creates a nasty halo effect when you dim the opacity of a blur layer. It’s not worth it, don’t do it.

(By the way, we created this graphic using
Janum Trivedi’s VariableBlurView. Very fun to play with but not App Store-safe!!)

github.com/jtrivedi/VariableBl
3 April at 18:36 | Open on mastodon.social
Lickability replied to Lickability

Here’s another common pattern that’s highly polished here: the media grid. You’d normally see this in a social media timeline, but we love the nested corner radius the grid items, how inner corners are sharper, and how items delightfully spring in and out of the light box view.

3 April at 18:37 | Open on mastodon.social
Lickability replied to Lickability

When you scroll in the timeline, there’s some interesting behavior with the nav bar title — it collapses to the leading edge rather than the center. The stock nav bar, with centered text and trailing buttons, looks a bit lopsided; this is a nice fix!

twitter.com/SebJVidal/status/1

3 April at 18:40 | Open on mastodon.social
Lickability replied to Lickability

Next: card swipe actions. This rounded style is hard to replicate with public APIs, especially SwiftUI List. Most people give up and write a custom implementation, which is a shame since you relinquish a lot of accessibility features when you do that.

3 April at 18:41 | Open on mastodon.social
Lickability replied to Lickability

Apple uses a few private swipe action styles — circular in Mail, or round-rects in Weather. Seb Vidal is taking one for the team by attempting to get his swizzled implementation through App Review.

Godspeed, soldier 🫡

twitter.com/SebJVidal/status/1

3 April at 18:41 | Open on mastodon.social
Lickability replied to Lickability

Thanks for following along! Hope you enjoyed this peek into our own design journal. 📓😊

3 April at 18:42 | Open on mastodon.social
CausticMango replied to Lickability

@lickability You may love to see it, but I deeply dislike them. It’s disappointing to see Apple start using them, too.

3 April at 19:22 | Open on mastodon.social
Go Up