Email or username:

Password:

Forgot your password?
Top-level
sam henri gold

I'm still waiting for my policy to kick in, so this card says pending. I'm baffled by this card. The status dot should be significantly larger. Also, there is no reason for the policy category to be in a chip. Put it loose in the card, no container. Just raw dog it.

The Insurance tab. The top section, “Policies”, contains a single card. In a chip with an icon: “Home & Property”.
The word “pending” is in bright orange with the most minuscule status indicator dot you’ve ever seen. The policy ID has been redacted. Actions: “Start a quote”
12 comments
sam henri gold replied to sam henri gold

Right under that policy card, there's a prompt to visit the document center. This could probably use some better copy (why would I want to visit that? it sounds boring. what's in it for me) but the real thing I want to point out is error handling.

sam henri gold replied to sam henri gold

If you're going to advertise something at the second-to-top level of your app, you better make sure it fails gracefully. I've done nothing weird to screw with the app AND YET it throws this ugly technical error at me. I'm guessing because I have no documents. Make an empty state.

A sheet titled "Document Center”. A toast banner is overlaid: "The operation couldn't be completed. (GCDASLInsurancelnterface.InsurancelnterfaceError error 0.)”

Actions: “Retry”, “Dismiss”
sam henri gold replied to sam henri gold

In fairness, there is an empty state when you dismiss that error and proceed anyway. I've slowed down the video to ¼ speed so you can see this animation: to make room for the segmented control, everything BUT the description slides down. But the description is the same copy 🤷‍♂️

sam henri gold replied to sam henri gold

Here's just a standard empty state. The description text is leading aligned, but the image and button are both centered. Easy fix: center the stack, center align the description text, reduce the prominence of the CTA.

a side-by-side comparison of the current vs a proposed empty state. the current has an illustration centered, leading aligned text, and a prominent full-width block button. The proposed design:
- centers everything,
- reduces the copy down from "Looks like you don't have any financial accounts right now.” to “No financial accounts”, and
- reduces the prominence of the button to be red on a faint red color.
sam henri gold replied to sam henri gold

If you've used SwiftUI, you'll be familiar semantic toolbar item placements. destructiveAction, navigation, etc. These exist because we've been conditioned to expect certain button types in certain positions. So imagine my surprise when I saw Log out in the confirmation position

Settings sheet. In the nav bar, from left to right: “Close”, “Log out”

List options:
Security settings
Login settings
Communication settings
Document Center (Billing, payment and policy docs)
Contact us
Help topics
About the app
sam henri gold replied to sam henri gold

Make log out a destructive bottom, position it to the bottom of the list, rename "Close" to "Done" and put it in the confirmation position. Boom, fixed your nav bar.

The same settings screen but with the updated nav bar and Log out as the final list option.
sam henri gold replied to sam henri gold

There are a few screens where navigation titles compete with some arbitrary heading in the view. Avoid having two headers of the same visual prominence right next to each other.

Navigation title: “Programs and services”
Same heading level: “We’ve got you covered”

and the rest is just blah blah text
sam henri gold replied to sam henri gold

Okay. I've done enough free work for State Farm Insurance Inc. The point of this being: these are all papercuts. Nothing fundemental. Just little things that worsen the experience. Take some time to audit your project for these things. I promise you'll be better off because of it

sam henri gold replied to sam henri gold

btw, Lickability (where I normally write these threads) did not endorse this or anything, this is literally just me kvetching about an app that has been forced into my life.

more design threads are planned for @lickability as well as here!

Jeff C. 🇺🇦 replied to sam henri gold

@samhenrigold @lickability If you want to be angry about animation I suggest giving the Panera iOS app a look.

Ordering something is like walking through tar.

Timo Hetzel replied to sam henri gold

@samhenrigold I just signed up for the umpteenth EV charging plan. App asked me three times for phone number and address, sabotaging autofill of course. Anything car related seems to be bottom of the barrel.

Paul McAleer replied to sam henri gold

@samhenrigold I appreciate seeing a nice critique. This all, to me, felt like a classic "we have 5 teams working on this app but no single person driving the overall UX or CX but we delivered software" situation. What happens when no one looks at the whole thing? Mostly this.

Go Up