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
9 months ago
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.
That's an amazing idea and beautifully designed. Nice work Bro!
Ossom work guys! What would happen if you just tap it? Would it slide from one option to another?
Sure it takes up more space than a normal toggle but it offers more. I like it, nicely done :)
I can see myself using this.
I dig it! But, if you're concerned about real estate couldn't you just lay all three options out horizontally?
thats so cool!
nice work guys!
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.
@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.
i love the concept, but the color even more!
Wow, really smart concept guys, and good design as usual!
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!
Thanks @Yakim van Zuijlen, please check out our last comment in which we addressed the alternative horizontal three option toggle :)
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.
@Mike Baxter thanks for the feedback Mike. We actually agree with you 99%, please read our first comment (just underneath the shot) :)
Nice, and how about turning syncing OFF totally, i.e OFF - 3G - 3G + wifi + Wifi
@Johan Jonsson IMPOSSIBRU! On a serious note; valid question :)
I really like this Toggle.
But wehere did you get this iPhone? I need it for a project.
See ya :)
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.
@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 ;)
@Yummygum Yeah I've noticed a ton of people using the wrong psd. Just something that catches my eye.
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