Just having some fun, and trying to break current conventions to come up with something fresh.
Some thoughts I had.
1. Change information in the top bar as the user scrolls. It creates a much more dynamic experience.
2. Create a new type of creation experience (see full size, 2nd iPhone mock). I had fun messing around with the tab bar sliding up from the bottom to reveal the creation functions.
3. Move away from the standard square and circle combination and try something unique, and weird. So, I used a hexagon, and "bubble" concept to create something a bit more futuristic, and fun.
Anyways, thanks for reading. Leave me a comment, and let me know what you think.
9 months ago
the hexagon looks really nice & new concept, love it although its not compatible with the rounded content circle & maybe its better to remove the line on the photo, else its amazing & gives the feel of engaging ui/ux
I'm a fan of the hexagon! Really nice, especially since you made the arrow point to the content. Great. I'm however struggling a bit with the white stroke. In my opinion it draws to much attention to the avatar and takes away your eyes from the content.
Really digging how you presented the content here, it's as you said refreshing and it works very well. Love how you implemented the creation functions as well, but I would go easy on the icon size.
I think it wouldn't hurt at all to make all of the icons a tiny bit smaller and give them more space to breath. But overall it's very inspiring and super nice to see some new methods of handling a mobile UI/UX. Thank you for that!
I like the hexagon alot! Id maybe ditch covering the image with text. I'd try placing the text bellow the image instead and maybe making it a smidge smaller?
Other then that its looking solid! :D
Technically, that is a pentagon, not a hexagon! ;)
I LOVE the hexagonal profile pic...nice to see another shape :)
Cant fault it...execution is well done mate...sweet!
@Michel Makhoul Great thoughts, thanks!
@Kim Wouters Thanks for your thoughts Kim. If this was super thought through from an aggressively pure psychology stand point, then you're probably right. Although, I'm not sure if drawing the eye to an avatar is a bad thing. When I see a piece of content that was posted, i'm always interested in who posted it. Although something may look cool, if it's a friend that I know doesn't post the best videos, then I may not tap on that to view it. Thoughts?
@Dan Farrell ✈ Good stuff. Although I would agree with you that the text is a bit funny inside of the content container, it actually serves it's purpose. I want the user to see a glimpse into the content, and tap on that item to actually watch the video. It hopefully is more compelling this way, and also hopefully allows users to create better titles, if they know they're going to be showcased.
@Alessio Maffeis ha ha thanks for the correction, Alessio.
@Mladen Zivanovic thanks!
@Mike Beecham Always an encourager, Mike. Thanks so much. You're stuff is looking mighty fine over there as well ;)
@Charles Riccardi Yeah, you're totally right about the fact that who posted it is a big part of knowing you're getting quality content or not. I agree with you for the full 100%. Users have an important contribution to apps these days. So I can follow you there and agree with you that the avatars should be easily notable.
I took a minute to try the screens on my iPhone so I could figure out why I get this 'to much attention' feeling and I think that might be partly because of the dark pictures. Right now, the dark pictures flow into the black background and the contrast with the white avatar is super high. That way all attention is drawn to the avatar. When I look at the third picture (the half one) in the first screen, it's less prominent so the balance between content and avatar is better in my opinion. Off course, the content isn't in your control, but I just feel like if the white border was less heavy, both would be more balanced.
However, I have to mention that you did a great job placing the avatar with the point down so the visual connection between avatar and content is easily made. No problems there.
Sorry about the long comment, hope you find it a bit useful and I hope you didn't feel like I was being aggressive because that wasn't the intention at all.
I'm a great fan of your work and off course I'm talking about details here because I really like this shot and the refreshing UI.
@Kim Wouters Great follow up. Thanks so much for taking the time to post that.
I definitely agree with you. The photos themselves are indeed dark, which creates a much higher contrast between that of the avatar and the image. I think it's a great idea to tone down the borders just a bit. Try to make them work in as many different photo colors and contrats as possible.
Nice! I really love the active tab in the tab bar. The highligh under the icon is lovely!!
Thanks @Mark Law!
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