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
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.
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.
nice arrows, so no more HP?
Brandon: Yeah, I started with Pure Charity at the beginning of October.
Nice arrows, not too overpowering.
Sidenote: we need to grab lunch sometime.
Chris: Indeed. We're settled in the new place, just about. I'll email you about a time/place/cuisine. :)
Funny how that little 8x8 px addition makes all the difference in how easy the errors are to read. Nice work. :)
I like this mostly because I'm looking forward to you showcasing more of your work. Big fan. Congratulations!
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.