I have been working on a simple comment flow. Here is one concept I have come up with. It's going more towards that iOS7 look while keeping the eye focused on the proper content.
6 months ago
I like it. I would make the timestamp relative for recent comments (2 minutes ago).
Clean - throw in the ios7 keyboard
Personally, I find the dashed lines distracting.
Does the checkmark light up with color when text is entered?
Get those iOS 7 system elements in there, damn it!
I find the dashed line to be a little distracting. I'd keep it solid, but a lighter colour than the text field top border.
Looks nice! You're on to something here, very unique and still usable. I do agree about the dashed lines. Also, wouldn't it be more natural for a user to reach a close button on the top right?
@Alex Maybe easier to reach for a right-handed person, but it's pretty conventional to have cancel buttons on the left and confirm buttons on the right.
I love the simple aesthetic, but I’m left with more than a few questions!
Curious why you need the dashed lines. Are they needed for something you’re not showing us? The message text and timestamp seem to create enough horizontal divide, so they might not be needed.
What is the chat bubble with dots in it? Is it a button?
Any reason you’re docking messages to the bottom of the screen instead of top?
Looks good! Not sure if the date is necessarily needed for every comment tho, especially if they're from the same day; I could imagine it looking pretty busy with a screen full of comments.
@Alex I would agree that @Jeff Broderick that it should be on the left – it fits in more with the narrative that back buttons are on the left hand side. It could be said that the cancel action is effectively going back.
@Jeff Broderick Wondering whether the tick button to post a comment is the most appropriate. Think about maybe using the word 'Post' or some other icon to represent that. I think I may well be wrong on this, but it would be great to hear why you decided on a tick.
I would also make the date and time relevant to the user's time, i.e. 10 mins ago rather than Friday, August 19, 2013 at 5:20pm.
Would also drop the iOS 7 keyboard in there and lose the dashed lines.
Overall, looking very nice!!
Maybe consider using either words (Close, post, etc) or only icons ( X tick and check mark)..It seems like you are implying things twice and it might be cleaner to select one or the other. I agree with @Jeff, I don't think you need dashed lines or the tick.
Love the thin stroke icons! ;) Great work
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.