Experimenting with a view for our upcoming project. I am trying to save some space on the keypad itself for various elements I haven't designed yet but rather than use gestures like Keiran's wonderful app I am testing a version where you could simply slide the top view to reveal the four main operators, once an operator is visible simply release the slider to select it. Check the attachment for da real pixelssss!
8 months ago
Wow, looks pretty great!
It's quite a different way to do some math but i could be interesting... I think in the end of the day, it will be another nice app but not very useful for daily operations... This is just a comment base on what I think is going on here, maybe with the live one things will be different. But nice design though.
I think it could work and be really fun to use.
I just would highlight the current selected operator, so I know exactly which operator will be selected when I release. Or maybe dim the other operators.
Looking awesome man! Only feedback I would give is you don't really need the logo showing - especially when it's literally the name of the the functionality. Right now it's just a distraction. Chances are people would know what app they are using :)
Keep up the awesome work.
@Carlos Sousa thank you! I should have mentioned it's not a full app, it's actually just a view part of a bigger app :)
I would love to see some video of this in action to get a better feel for the UX, but seems pretty straight forward. Love the simplicity.
@Fabio Basile ah ok ok. just a question, if I put some wrong number and I want to correct it, how do you plan doing that?
@Sandro Pennisi thank you! That's a great point, right now only the text changes (as in release to Multiply, Divide, etc.) but the finger might cover most of it so definitely useful to have some hints on the actual operators ;)
Interesting idea, but I do wonder how precise one can be (especially in a hurry or a pinch, which is arguably when calculators come in handy the most) by using a segmented pull-to method. Especially if one makes a mistake, for example.
The fourth operator seems to be located past half of the screen as well, so it seems one may get 'stuck' if they accidentally start pulling to the right from the middle of the screen rather than the far left. Although that can be solved in code (variant scroll speed depending on the starting point, etc) it would prove to be less precise as well.
Really cool idea, though! I would suggest possibly using a pull down method instead, where after pulling far enough down on the y axis the user has control of selecting the operation via the x axis (full screen width visually) in a single input (pull, slide, release).
This is an interesting concept and one I'd like to play with, however I can also imagine a fair amount of user error coming from this method. At least with a button you have a large hit area, with this slide idea you have the edges of 2 operators right next to each other... does that make sense?
Great idea! Love it!
What font are you using for the numbers? Looks clean.
@Ari it's DIN :)
@Adam Whitcroft I agree, we are experimenting with two different solutions. The issue is the amount of sliding needed to activate the right operator and it could be frustrating for sure.
Looks really beautiful as usual, but I can't say I'm on-board with the interactions. Keiran's app got ripped apart for being a usability nightmare. Gestures are a great way to add shortcuts to an app, but they generally shouldn't replace core actions. Multiplying, dividing, adding, and subtracting are THE actions of a calculator. I like that you're being creative and experimenting, and your work is a 100 times better than mine, but I can't say that I agree with hiding the core actions for the sake of a prettier/different app.
I could see some serious issues with that type of UX.
This is a beautiful concept.
That's pretty cool. i wish i could see it more.
@lukechesser took the words right out of my mouth.
If this is linked to what i think it is linked to then that which it is linked to is going to be awesome!
I thought that the problem with Rechner (very beautiful work, btw) was that the gestures didn't resemble the way people write those symbols, so after a while not using it, became tedious to re-learn all those gestures. I think the majority of people will think about how they write + with a pen and they probably start with a vertical line, then horizontal, so the plus button would have made more sense to be a vertical swipe from top.Aa right swipe would be "-", a diagonal swipe from top left would be x and a bottom left to right would be /. Probably a two fingers swipe (or swipe & hold if the app is meant to use with one hand) would have made sense for = ...
Anyway, people that designed calculators X0 years ago faced a physical limitation that we don't have anymore. I know it takes time to embrace changes and come with bright solutions, but I'm glad there's someone still thinking outside the box.
You know, sometimes you win, sometimes you learn ;)
Nice idea, but it looks very very similar to this app: http://rechner-app.com
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