Triangle Toggle Concept

30 Responses (page 1 of 2)

  1. Yummygum Yummygum

    Some time ago we were struggling with the issue of offering an iOS app's users the option to choose between '3g', 'wifi' and '3g & wifi' syncing. This crossed our minds and although we didn't go with this we wanted to try it out in a design. The UI is purely fictional (made for fun for this shot). What do you guys think? We kinda like it, even though it takes in quite some space compared to a 'normal' toggle.

    Triangle toggle vs. horizontal three-point-toggle
    Having three options in a row is another great option. The advantage of the triangle one over a horizontal three-point toggle could be being able to switch between all three of them with equal ease. A horizontal three-point toggle in which the knob has to pass a middle station kind of implies the middle option is a condition for the absolute right option to be enabled. This is especially nice if the three options aren't superlatives of one another or don't imply a conditional relation (like 'cold' 'luke warm' 'warm'). This is merely an example, it could probably be applied in other cases (using 3 different options) as well or even better.

    Please check out the animation (mp4)http://cloud.yummygum.com/1K3t1c2d2d1H/triangle%20toggle%20concept%20animation.mp4

    iPhone by Pixeden.com

    about 1 year ago

  2. Prekesh Chavda Prekesh Chavda

    I like the concept! However you could just have two toggles (one for 3G and one for wifi) if both are on then it'll sync to both, right? :3 I assume that's what you went with in the end.

    likes

    about 1 year ago

  3. Alexandre Naud Alexandre Naud

    That's an amazing idea and beautifully designed. Nice work Bro!

    likes

    about 1 year ago

  4. David Notté David Notté

    Ossom work guys! What would happen if you just tap it? Would it slide from one option to another?

    likes

    about 1 year ago

  5. Cory Hughes Cory Hughes

    Sure it takes up more space than a normal toggle but it offers more. I like it, nicely done :)

    likes

    about 1 year ago

  6. Haziq Mir Haziq Mir

    I can see myself using this.

    likes

    about 1 year ago

  7. Dan Malarkey Dan Malarkey

    I dig it! But, if you're concerned about real estate couldn't you just lay all three options out horizontally?

    likes

    about 1 year ago

  8. Milos Milikic Milos Milikic

    Nice concept!

    likes

    about 1 year ago

  9. Georg Bednorz Georg Bednorz

    thats so cool!

    likes

    about 1 year ago

  10. Gil Gil

    nice work guys!

    likes

    about 1 year ago

  11. Adrian Fahrbach Adrian Fahrbach

    Great! But isn't 3G only quite useless?
    I mean people who want to sync using wi-fi only mostly have a defined 3G data volume per month.
    I can't imagine why someone would prefer 3G to Wi-fi.

    likes

    about 1 year ago

  12. Yummygum Yummygum

    @Prekesh Chavda @Adrian Fahrbach @Dan Malarkey Thanks guys. Having three options in a row is indeed another great option. The advantage of this one over a horizontal three-point toggle would be being able to switch between all three of them with equal ease. A horizontal three-point toggle in which the knob has to pass a middle station kind of implies the middle option is a condition for the absolute right option to be enabled. This is especially nice if the three options aren't superlatives of one another or don't imply a conditional relation (like 'cold' 'luke warm' 'warm'). This is merely an example, it could probably be applied in other cases (using 3 different options) as well or even better.

    likes

    about 1 year ago

  13. Diederik Eenschooten Diederik Eenschooten

    i love the concept, but the color even more!

    likes

    about 1 year ago

  14. Ammar Çeker Ammar Çeker

    Smart :)

    likes

    about 1 year ago

  15. Florian Peninon Florian Peninon

    Wow, really smart concept guys, and good design as usual!

    likes

    about 1 year ago

  16. Yakim van Zuijlen Yakim van Zuijlen

    Nice concept guys! But I would personally prefer it more to have one horizontal toggle with an extra 'stop' in the middle.

    But still, this is really a nice ui element, which would fit well in an iOS app!

    likes

    about 1 year ago

  17. Yummygum Yummygum

    Thanks @Yakim van Zuijlen, please check out our last comment in which we addressed the alternative horizontal three option toggle :)

    likes

    about 1 year ago

  18. Mike Baxter Mike Baxter

    I like the concept visually, however it would seem the same could be served by simply giving a toggle switch a 'middle' state.

    3g - 3g + Wifi - Wifi

    Then it's all handled inline and it sumarises the joining of the two. The triangle would be great for 3 completely unrelated concepts to switch between...

    In your current example they are all linked and relioant on each other... if you had three colours to choose from, say: red, green, blue, it would probably make more sense to have the triangle as you don't logically step through green to get to blue.

    about 1 year ago

  19. Yummygum Yummygum

    @Mike Baxter thanks for the feedback Mike. We actually agree with you 99%, please read our first comment (just underneath the shot) :)

    about 1 year ago

  20. Johan Jonsson Johan Jonsson

    Nice, and how about turning syncing OFF totally, i.e OFF - 3G - 3G + wifi + Wifi

    about 1 year ago

  21. Yummygum Yummygum

    @Johan Jonsson IMPOSSIBRU! On a serious note; valid question :)

    likes

    about 1 year ago

  22. Marin K. Marin K.

    I really like this Toggle.
    But wehere did you get this iPhone? I need it for a project.

    See ya :)

    about 1 year ago

  23. Erik Binggeser Erik Binggeser

    Don't forget to turn off the lock icon in the status bar at the top when doing app mock ups. It's not shown when apps are being used and isn't a part of iOS 6.

    about 1 year ago

  24. Yummygum Yummygum

    @Erik Binggeser Ah, didn't even noticed it, just grabbed the best iPhone psd we could find. Not too bothered though as this was just a fictional mockup just to showcase the triangle toggle. No actual app or client ;)

    about 1 year ago

  25. Erik Binggeser Erik Binggeser

    @Yummygum Yeah I've noticed a ton of people using the wrong psd. Just something that catches my eye.

    about 1 year ago

keyboard shortcuts: previous shot next shot L or F like