iOS Switch Concept

Switch_concept

28 Responses (page 1 of 2)

  1. Marc Edwards ✎ Bjango Marc Edwards ✎ Bjango

    I like iOS’s switches, but I don’t like that they include text for ON and OFF (or I and O). Switches are essentially check boxes, so why not use a tick instead of ON?

    Q: Why are there lots of switches, instead of just one?
    A: Because life is more fun with friends.

    ––––––––––––––––––––––––––––––––––––––––––––––––––––

    Update: Adam Bell (@b3ll) has built it! http://youtu.be/hZETYwBUYH8

    likes

    over 1 year ago

  2. J Bank J Bank

    Just going to sit here staring at it for a while.

    likes

    over 1 year ago

  3. Glenn Hitchcock Glenn Hitchcock

    Would work well in a James Bond app.

    likes

    over 1 year ago

  4. 🐎 Matt Kelsh 🐎 Matt Kelsh

    Fun. Nicely done.

    over 1 year ago

  5. Marc Edwards ✎ Bjango Marc Edwards ✎ Bjango

    @Glenn Hitchcock I'm *so* glad you saw that. Was definitely thinking of the Bond intros when working on it.

    @Matt Kelsh Sanx.

    over 1 year ago

  6. Danny Peters Danny Peters

    It's pretty cool. Although I think most users don't know you can simply tap switches, instead of swiping them. And when you swipe, the text for the on state is revealed even when your finger stays on the slider dot. With your concept you can't see the tick until you've lifted your finger? Not sure if that is really a problem, just an interesting difference.

    likes

    over 1 year ago

  7. Ari Ari

    Not sure about the concept, but the animation sure is hypnotizing.

    likes

    over 1 year ago

  8. Marc Edwards ✎ Bjango Marc Edwards ✎ Bjango

    @Danny Peters Yeah, that's definitely a small loss for this idea. Although, how many people do you think slide it a little bit, then see that the switch says "ON" (or "OFF") and decide that's not what they want?

    over 1 year ago

  9. Danny Peters Danny Peters

    @Marc Edwards ✎ Bjango Yeah probably not many I agree.

    And now that I can see the Bond reference, I dearly want it to turn red when active :)

    over 1 year ago

  10. Vaibhav Bhat Vaibhav Bhat

    New record: 900 views in 30 minutes. And yes I keep track of all my favorite players, and pit them against each other in my own little Hunger Games in my own little mind.

    likes

    over 1 year ago

  11. Marc Edwards ✎ Bjango Marc Edwards ✎ Bjango

    @Vaibhav So I'm not going to die... yet? That's good to know!

    likes

    over 1 year ago

  12. Vaibhav Bhat Vaibhav Bhat

    @Marc Edwards ✎ Bjango Yes, you're safe.. for now, until @Eddie Lobanovskiy decides to bake some waffles again. Please make it pancakes this time, Eddie. I like me some pancakes.

    likes

    over 1 year ago

  13. Mitchell Bernstein Mitchell Bernstein

    Might use something like this in our next app... Thanks for the idea! :D always inspiring. It obviously helps the user know what is on and off. I believe the reasoning behind the text is "consistency" across apps settings; for some designers/devs actually do end up changing the colors (and possibly meaning of the check) which could misguide the user. Too bad they aren't done right like these!

    over 1 year ago

  14. Charles Riccardi Charles Riccardi

    How was the animation done, Marc? This is awesome.

    over 1 year ago

  15. Marc Edwards ✎ Bjango Marc Edwards ✎ Bjango

    @Charles Riccardi This is going to sound a little strange, but I built a big sheet of all the frames in Illustrator. Far easier to be precise and work quickly without the issues surrounding timeline editing. The animation is actually just the big sheet moving up the screen in Photoshop. There was some other stuff added in Photoshop, like the background, the animated noise and a bit of colour treatment.

    over 1 year ago

  16. George Leonardo George Leonardo

    Nice work!

    Q: Why are there lots of switches, instead of just one?
    A: To confuse my mind.

    likes

    over 1 year ago

  17. Charles Riccardi Charles Riccardi

    @Marc Edwards ✎ Bjango Woah, that is awesome and crazy. Would love to see this massive sheet!

    over 1 year ago

  18. Adham Dannaway Adham Dannaway

    Interesting concept, you could even use different icons on each side to toggle between two different things.

    over 1 year ago

  19. Marc Edwards ✎ Bjango Marc Edwards ✎ Bjango

    @Adham Dannaway Yeah, definitely. That would be great. Not exactly what you're talking about, but I had another mock with X on the left. Looked a little too busy when you have a lot of them stacked though.

    And... Adam Bell has built this in code. A video link is in the first post. I think he may be planning to release the source, too.

    over 1 year ago

  20. Jiri Silha Jiri Silha

    Great concept

    over 1 year ago

  21. Robert Cooper Robert Cooper

    Why not have an 'X' on the 'OFF' side? It's tough to know whether it's on or off simply by the colour.

    over 1 year ago

  22. Marc Edwards ✎ Bjango Marc Edwards ✎ Bjango

    @Robert Cooper I actually had a alternate mockup with that. I think in practice it wouldn't be needed (and I was aiming for a very clean “digital native” design). If you use a similar design, feel free to add an X though.

    over 1 year ago

  23. Matthew Sanders Matthew Sanders

    Cute sequence. Great concept.

    over 1 year ago

  24. Luboš Volkov Luboš Volkov

    This is really nice idea, i really dont like the text inside those buttons. But did you consider that fact iOS if basiclly system for normal ppl (not for geeks) so they might be confused without the text that the reason why it is there. I know you can place the text next to the button, but its maybe even more bad than when its in :D

    over 1 year ago

  25. Ari Ari

    You asked for some more feedback, so here goes ;)

    1. I love the flat switches, but as @Danny Peters pointed out, your thumb would block the checkmark. A better way to go about this would be to put more emphasis on positive/negative states using color instead of symbols (I tried to do it here).

    2. The size of the slider area seems a bit too long to me. Maybe it's just me, though ;)

    3. If you were to stick with the checkmark, you might want to make it smaller, or make the switch and/or the handle larger. It feels cramped inside the circle right now.

    Hope that helps! :)

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like