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!
navbar is not made by me. I just design new screen using app's current navbar.
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!
@Oykun The twitter & facebook buttons take a lot of attention away. A bit more transparency could do the trick.
@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 :)
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?
It's quite hard to give feedback on a photo. Just saying.
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.
Lookin' Good! :)
Thanks for sharing!
@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.
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.
@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.
Like the style and how you use blurry image.
Nice, I like the simplicity.
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! :)
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.
Looking good thus far! I would make the stroke around the navbar buttons slightly smaller or less dark.
Excellent. Reminds me of Path, but in a good way— love the top profile area the most.
@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.
Maybe put some color on "create a story…" button, so it stands out!
Such a killer design.
9 months ago
Crashed your 333 likes :E
@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
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