Working more on my Days Since app. This is the Add New Event screen.
The third input field will only be visible when the Set alarm button is 'ON'. The red stripe at the bottom is the Save button. I thought I should explain that since the two circles are covering it.
Feedback is welcome. Thanks in advance.
over 1 year ago
This is looking great, Mike. Here are a few nitpicky details for you to take a look at. :)
Label Alignment and Padding
It looks like right now you've got the textfield's label directly in-line with the text inside the fields. Vertical alignment on the labels feels like it needs to be moved up a little to be centered inside its own box (since it's closer to the user visually, and not recessed like the text field).
It's hard to tell, but the half-hidden label might need some more padding as well.
Slider Switch Dynamics
My eyes are confused as to whether the "ON" is embossed or letterpressed. To me, it would make more sense physically if it were letterpressed (raised letters would catch on the underside when the switch is slid). If that's the way you're going to go, try using a gradient on the white portion of the text to further communicate whats going on.
More Label Dynamics
Also, the top and side borders for the text field labels should probably have the same highlight as the bottom border. As it stands, the bottom looks 3D (with its shadow and highlight), while the top and right side look 2D (being single, thin lines).
Also, you might want to use a different texture inside of the text fields to make it feel more visually distinct.
@Kurt Madsen Thank you for taking time to give some valuable feedback! I think all of your suggestions are spot on. I'm afraid I would have overlooked those details too if it wasn't for comment.
@Mike Warner — I'm glad to hear it was all welcome and not too tedious. I get self-conscious, even when everything I'm saying is well-founded.
I remember you explaining the concept of this app! Get 'r done!
Nice UI… October 11th 2012 happens to be my 30th birthday :)
Thanks @Wessley Roche!
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–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter