Error Pixel Arrows


9 Responses

  1. Nathan Smith Nathan Smith

    Man, I haven't posted anything on Dribbble in what seems like forever.

    Now that I'm working at Pure Charity...

    ...I've got a little more leeway as far as what I can post. I ran it by my coworker / lead designer Adam "Stac" (a big Sass/Compass proponent), and he said to go right ahead.

    So, here's an in-browser screenshot of an 8x8 pixel arrow I made (I know, right!?), to denote errors on individual fields. Basically, it's to call-out errors, and also compliment the numbered list at the top of a form.

    I was going for not-too-subtle (still #cc0000 red) but not to overpowering either.

    Anyway, just wanted to post, because I can. :)

    over 2 years ago

  2. Shaun Adams Shaun Adams

    Hi Nathan. Nice, Subtle yet effective. Are you letting people know that 6 characters are required? Would love to see your treatment for field instructions vs. errors.

    over 2 years ago

  3. Nathan Smith Nathan Smith

    Shaun: Actually, we're not. Good call. We're using a Ruby/Rails plugin called Simple Form, which gives us some of this "for free" but you're right, non-obvious requirements like password length should be spelled out more explicitly.

    over 2 years ago

  4. Brandon Richards Brandon Richards

    nice arrows, so no more HP?

    over 2 years ago

  5. Nathan Smith Nathan Smith

    Brandon: Yeah, I started with Pure Charity at the beginning of October.

    over 2 years ago

  6. Chris Wallace! Chris Wallace!

    Nice arrows, not too overpowering.

    Sidenote: we need to grab lunch sometime.

    over 2 years ago

  7. Nathan Smith Nathan Smith

    Chris: Indeed. We're settled in the new place, just about. I'll email you about a time/place/cuisine. :)

    over 2 years ago

  8. Nathan Pitman Nathan Pitman

    Funny how that little 8x8 px addition makes all the difference in how easy the errors are to read. Nice work. :)

    over 2 years ago

  9. Aaron Benson Aaron Benson

    I like this mostly because I'm looking forward to you showcasing more of your work. Big fan. Congratulations!

    over 2 years ago

keyboard shortcuts: previous shot next shot L or F like