If any of you designers out there have used Snapchat, you'll share my hatred for their tacky, sticky, bleuggh interface. I redesigned their "snap" screen.
Original UI: http://cl.ly/PLSc
6 months ago
Prefer the original. Gloss, tack and cheap. Perfect.
Sweet redesign, the original looks like crap
I'd ditch the hamburger icon. It takes up to much space, considering it's hard enough to fit what you'd like to say on that one line already.
by Brian Benitez
I've only just started playing with Snapchat recently—and yes, I know I'm behind the curve on that one. Anyway, today I saw the super-talented @James McDonald post a redesigned version of the app (which is beautiful, btw—you should check out his shot) and I got anxious to do the same!
I think there's a missed opportunity with the current Snapchat UI—since everything is centered around the Camera, why not use popovers where appropriate rather than pushing users to another screen (only to have to navigate back to the camera again!)?! Anyway, not a huge difference, but I think it'd be a lot nicer.
Oh, the attached fullscreen shot shows the real pixels plus a "capturing" mode where I moved the progress bar and appended it to the tabbar.
6 months ago
Let's see more screens! And a stab at a re-design of the app icon!
@James ✌ Well done bro, excellent work. I'm jelous, I feel so out of touch.. haha
Much better than the original!
by Farzad Ban
It was too hard to resist so I made one too.
Note: I only spent less than one hour designing this screen so don't take it too seriously.
I don't know why but this feels very Foursquare to me.
by Mike Arndt
I had some free time today so I thought I would get in on the Snapchat redesign. I redid the three main screens modifying them so you never leave the camera view.
Take a look at the real pixels and let me know what you think. Also, I attached a PSD if anyone cares for the UI.
Oh, and yeah, that is my cute dog.
Oh, I think I'll never love the blue-yellow combo ...
Part of Snapchat's charm is how tacky and shit it looks. That awful colour scheme and tragic camera UI is spot on.
It wouldn't feel comfortable to send disgusting photos of yourself in a beautiful app.
by Philip Litassy
It was ment to be for something different but I guess I can use it as my rebound too. @2x supported + check real pixels!
by John Morris
by Dragomir Ivanov
by Shaun Stehly
This is a concept for an iOS 7 UI overhaul for Snapchat. My goal was to put more of a focus on the Snapshot screen. I did so by shifting the different menu icons to the top of the screen, while moving the camera icons (i.e. flash & flip) to the bottom to be closer to the actual snapshot button. This frees the app to use left & right swipe to switch between various camera effects (e.g. b&w, negative, sepia, etc.), something that is currently only accessible by typing in specific keywords in the message field.
@2x is always better!
From the main camera screen (center image), you can:
- take a snapshot by pressing the hexagonal shutter button at the bottom of the screen
- turn flash on/off or flip to the front-facing camera; both these icons I shifted from the top to bring them closer to the user's thumb
- see how many unviewed snapchats you have in your inbox since the icon in the top left has an number indicator for this
- access the snapchat inbox/history page or the friends pages by tapping one of the two icons in the nav bar
I also played around with the icons indicating viewed/unviewed snapchats. A few simple rules:
- green/squares are snapchats sent to you
- red/circles are snapchats you have sent
- filled in means it hasn't been viewed yet
- empty means it has been viewed
- If someone took a screenshot then it will have a smaller circle/square within the empty circle/square
I also liked what Apple has done with the new iOS 7 FaceTime app, in that you can still see the video moving behind the glassy overlay prior to making a call. I tried to go with something similar here by having the inbox/history content (left image) overlayed on top of a glassy version of whatever is in the camera's view.
Let me know what you think!
2 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