Snapchat Redesign

1 Attachment

17 Responses

  1. j j

    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

    likes

    11 months ago

  2. Ryan Murphy Ryan Murphy

    Prefer the original. Gloss, tack and cheap. Perfect.

    likes

    11 months ago

  3. Vincent Vincent

    Sweet redesign, the original looks like crap

    likes

    11 months ago

  4. Bobby Giangeruso Bobby Giangeruso

    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.

    likes

    11 months ago

  5. 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.

    11 months ago

  6. Alex Paxton Alex Paxton

    Let's see more screens! And a stab at a re-design of the app icon!

    likes

    11 months ago

  7. Aaron Sananes Aaron Sananes

    @James ✌ Well done bro, excellent work. I'm jelous, I feel so out of touch.. haha

    likes

    11 months ago

  8. Nate Lassiter Nate Lassiter

    Much better than the original!

    likes

    11 months ago

  9. 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.

    11 months ago

  10. Darian Edwards Darian Edwards

    I don't know why but this feels very Foursquare to me.

    11 months ago

  11. 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.

    11 months ago

  12. Jan Vu Nam Jan Vu Nam

    Oh, I think I'll never love the blue-yellow combo ...

    11 months ago

  13. Dan Gough Dan Gough

    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.

    11 months ago

  14. It was ment to be for something different but I guess I can use it as my rebound too. @2x supported + check real pixels!

    11 months ago

  15. 11 months ago

  16. 11 months ago

  17. 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!

    7 months ago

keyboard shortcuts: previous shot next shot L or F like