# data[].attributes.body
Am I clicking a checkbox to activate a checkbox?

# data[].attributes.body
DeletedDomains.com, because you love your grandma!

I understand it's tricky to iconify deleted domains with an image. But you already did that in the logo, so just get to the content already.

# data[].attributes.headline
Meet the interface that delayed my paycheck by 2 weeks.

# data[].attributes.subject
Meet the interface that delayed my paycheck by 2 weeks.

# data[].attributes.body
You are supposed to know that entering your hours into this timesheet, does not really enter it at all.

Again, once you have entered it, it has not been entered. You aren't told this either. There is no warning that you have non-submitted time.

Whether intended or not, this is Dishonest. Clicking "Add Time" should do exactly what it says, given no error message. Instead, your time is saved as a "Draft." Why??? At the end of the week, your time is tallied and you are paid. By design it is already a draft until that moment happens.

Instead, you are expected to see the three buttons at the very bottom of the screen--far away from anything else and greyed out into the background.

# data[].attributes.body
Let the user skim the details by formatting the key parts in each sentence.

e.g. "What is bento?"

# data[].attributes.body
I realize this is a less obvious one, but I keep saying that offline is not an error. It's a perfectly normal state for the user to be in. There is no failure on either end--the user or the application.

iOS mail is great because it will just send your message when you're online.

Of course, you probably should tell me my message hasn't been sent. It could be that I have a connection, so I think it will be sent.

My solution? Don't interrupt me. show me a message I don't have to click out of telling me my message 1. has not yet been sent and 2. will be sent once a connection is established.

A great way to do this is to show a little banner at the bottom that says "Waiting to send: 1 message"

# data[].attributes.body
That purple area (my outline, not on the site) is the article you came to this page to read.

# data[].attributes.body
What is the user pattern here? I don't know what to name my child, so I come here.

"Search for a baby name"? What do I put there, "David"? Okay. David. Search. Bam. David is a name. I already knew that.

# data[].attributes.body
BabyNames.com reminds me of a startup where I used to work. I was the lone developer and designer there and frequently had colleagues come over pointing to the various elements on the screen to tell me "This" was important. Bam. Big text, bold font, high contrast background. We'll make super sure they see this, as well as the other 50 things on the page.

# data[].attributes.body
Left click on the first letter of the email, drag over to the right until email is selected. Right click on selection. Click copy. Open email program. Right click in "To" field. Click paste. Send. Wait 5 business days.

# data[].attributes.body
But apparently I did anyway.

# data[].attributes.body
HEY!

# data[].attributes.body
While you look for a way to pay these bills they're hassling you via email to settle, I'll go get lunch. Do you want anything?

# data[].attributes.headline
Oh, CLICK on the button. I was confused.

# data[].attributes.subject
Oh, CLICK on the button. I was confused.

# data[].attributes.body
Rewrite:

1. "Download PDF"

2. (Do what? Book?)

# data[].attributes.body
Just double click in the white space...well, blue space.

# data[].attributes.body
Think about how your users will scan individual links to find the one they want. 1and1.com's layout forces me to find the beginning and end points in each link. Stacking them vertically would allow me to move my eyes in a straight line vertically.

# data[].attributes.body
There it is! You have to scroll all the way to the top, silly. Now scroll back down and correct it.

Designers/Devs, not everyone has your Apple Cinema display monitor. My 13" MBP hid this error message.

# data[].attributes.body
You just filled out this information on airbnb.com, clicked "Start" (It would be in English for you) and nothing happens. Do you see the error message? (Spoiler alert: see next image)

# data[].attributes.body
Because of this screenshot below, Name.com lost a sale. It wasn't because I was irate and wanted to stick it to them...I really thought there was a problem with their site, beyond my control.

After contacting customer service, I learned it was my fault. My credit card info wasn't up-to-date.

But who cares? A lost sale is a lost sale. Your error message makes me think it's out of my control. Nothing much matters after that.

Unfortunately for name.com and me, they did not send my report to someone who could change this simple one-line message to something like "We cannot process your card, please check your information".

Instead, they made an infuriating customer service error--always treat the issue as the customer's fault. It was up to me to realize what they mean by "301 Invalid Account Number." I needed to be sat down and taught this.

Is 301 supposed to mean something to me? It sounds more like an HTTP code, again lending to the theory that it's a problem on their end.

And when does my "Account Number" ever mean my Card Number? I'm thinking my name.com account number (there isn't one) isn't working on their system.

I ended up going to namecheap.com (I've got an issue for them too.) and purchasing it there instead.

Isn't that crazy? If this error message were written better, I would have instantly corrected my card (I realized later I had canceled my old one and received a new one) and resumed my purchase on name.com

# data[].attributes.body
You just tried to register an account with NameCheap.com but you end up on the same page after submitting the form. What's the error? Take a moment to look for it. Did you refer to the dark red band on top? It's actually the text under "Create an Account"

There are at least two things that need to be done here:

1. Get rid of the red banner. I'm in the middle of signing up for an account, even if I'd love to try the new Onepager website creation tool, can't you tell me after I'm set up? Otherwise you tempt me to leave this form and not create an account. Surely you don't want that!

2. Clearly label the error message and position next to the place where I will correct it. Namecheap has decided to format the text in the same color as the default font. Meanwhile, my eyes are navigating to the highly saturated areas, the light blue "Already have an account?" area and, of course, the red banner.

Let me know why the form didn't submit "There were errors with your account info, please correct the errors below." Then use the color red to show me where the errors are and what I need to do to make them right.

# data[].attributes.body
In content navigation can be very useful, but it's important to avoid "click here"s. Essentially, once you get to the link, "here", your eyes have already left the area that tells you what you're doing, "go back and read the article" The solution is simple: make the descriptive part of the sentence linked and leave out the "here."

-----