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.
120,950,517,205 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
24 Responses
Hi folks,
Here is something I designed last night at 3am, things most likely are going to move around and change. I still wanted to share here to hear your thoughts. So, comments are much appreciated!
Thanks,
@oykun
----------
Update:
navbar is not made by me. I just design new screen using app's current navbar.
Update:
Yes, there is no real pixels attachment, it is a work in progress, still moving things around....
10 months ago
@Oykun The text on the cancel button should be moved up 1 or 2 pixels. This looks really nice, can't wait to see more!
10 months ago
@Oykun The twitter & facebook buttons take a lot of attention away. A bit more transparency could do the trick.
10 months ago
@Oykun, nice man :) A couple of things,
The stroke on the cancel button seems a little to dark and over-powering.
It feels a little weird the social buttons are rounded squares/rectangle and the walkie talking one isn't.
Nice start though :)
10 months ago
Really digging this whole thing! Design and Concept wise - that Create a Story entices me :)
Not so sure about the social icons up there. What do they do on the profile page? They share your profile to FB & Twitter? I mean... your profile is a thing you share rarely actually (once you create it). Are you sure they belong there?
10 months ago
It's quite hard to give feedback on a photo. Just saying.
10 months ago
Love the alignment of the avatar with that white specification bar (that holds '25 posts' etc.) The big picture at the top is becoming a little cliché in my opinion though it looks nice here.
10 months ago
Lookin' Good! :)
Thanks for sharing!
10 months ago
@Beau Hankins Thanks. it's actually well aligned, must be because of photo angle.
@Erlend Debast I was thinking same :) Thanks!
@timothy⚡ Thanks mate! I'm not touching navbar, using app's current one, but gonna look into it. I wanted to distinguish walkie talkie button than social links since they have total different purpose and we want to take attention more on walkie-talkie feature. Gonna give it a second look though, thanks.
@Samuel Couto Thanks. The Twitter/FB are out-links.
@Joel Helin Thanks, it wasn't meant for pixel feedback, but layout as I still move things around.
@Yummygum Thanks! I'm gonna give it a second look.
@Stanislav Thanks.
10 months ago
Looks like you might run the risk of running out of room for the person's name (if it's long), as well as getting cramped in the number of likes section.
10 months ago
@Tyler Galpin It's great to get some feedback from you, feel special :) Thanks! I reduced the name font size slightly, but for crazy long names, it will just fall to second line, already have space above. Numbers shows max 3 digits and takes K for more.
10 months ago
Like the style and how you use blurry image.
10 months ago
Nice, I like the simplicity.
10 months ago
Really nice. I would bring to attention that if the cover image is not blurred or more detailed, the white stroke around the profile pic might not be enough to define it. Maybe a thicker stroke by 2px? Maybe just have a try with a more detailed cover image and see how it works. Nice layout tho! :)
10 months ago
I agree with what has been said so far, and would submit the following as additional criticism/food for thought:
1. What's the difference between a post and a story?
2. The buttons at the bottom should use proper grammar. "You have 5 Story in common" should be "You have 5 Stories in common." This is easily achievable with simple programming.
3. Are the Twitter and Facebook buttons profile or sharing buttons? Their position on the screen and their design does not seem to indicate one or the other.
4. Is the "cover photo" necessary? I don't know what this app is for, so I am not the right person to answer this question. However, it is a fairly "trendy" element to include these days, so you should make sure that element truly benefits the user experience, rather than using it as a way to make things pretty. See Instagram for an example of a beautiful, rich profile page that doesn't lean on the use of a giant cover photo.
5. Is a microphone the best icon for a walkie-talky? Perhaps it is, but I'd keep working to see if there's something better.
I do like how you have the profile photo and the meta data aligned, and the primary action—creating a story with this user—is clear and obvious.
10 months ago
Looking good thus far! I would make the stroke around the navbar buttons slightly smaller or less dark.
10 months ago
Excellent. Reminds me of Path, but in a good way— love the top profile area the most.
10 months ago
Orgasmic.
10 months ago
@Mark - Though I questioned whether there should be a cover image at all, I can say that the developer can add their own gaussian blur to the photo using iOS libraries. So, that could be the solution to that problem.
10 months ago
amazing work.
10 months ago
Like it!
Maybe put some color on "create a story…" button, so it stands out!
10 months ago
Such a killer design.
9 months ago
Crashed your 333 likes :E
9 months ago
@Oykun I really want that walkie-talkie feature! Seriously.. if we integrated our social lives like tweets, photos, and then added a way to directly communicate instantly.. like the walkie talkie audio recording (maybe 20 secs).. I'd only use that app!
7 months ago