Looks great, wish there was an animation when you pressed the button (to show you pressed it), the delay between the touch, menu showing, and the button turning into a "x" is a bit to much imo.
@Daryl Ginn only my third night without sleep here, no biggie... ;D
hands are shaking due to operating a heavy camera and trying to hold the phone still. App is being developed as we speak, I am fake tapping a video I've created in AE to show client how it could look. ;)
@Dan Edwards sweet, thank you for the feedback man. And yeah that extra tap would get eliminated. ;)
@Jared West thank you, and yes I would clean things up once we figure out which direction we're taking with this. Oh and I did slow down the video to show animations better, in real life all would happen a lot faster and look smoother :)
First of all VERY nice work @Eddie - The animations really complete your design and this is indeed a great example of how animations have a lot to do with the design and feel. That being said, I find the flipping part (after pressing the comment icon) a bit too "flat" and two-dimentional have you considered giving it a bit of thickness like if it was a box/block rotating towards the screen?
Again. Very nice work, and thank you for sharing moving pixels.
I agree that this one looks very nice however my personal preference is for the first version. The first one seems to flow better from one element to the next without hiding too much of the screen. They both look excellent but I'd go with v1.
Too much waiting - design for design (animation) sake IMHO. First version is better - but I still think there is one too many taps on that one too. I think there is a fine line between just enough clever animation/ touches and too much.... finding the balance is the sweet spot...
I like the first one better. It is such a simple interaction... Take a pic, Write a message... you don't want to confuse the user for such a simple interaction
Really nice work on both of them, but as @Donald Johns said first one is more simple - everything goes just one direction from the bottom to the top - this one is just with lot of effects in different directions. Keep it up :) first one!
43 Responses (page 1 of 2)
Pro
Eddie Lobanovskiy
Another thought for Close nav animation. Let me know what you guys think... which one do you like better?
https://vimeo.com/46716470
Note: The animations on the screen are shown at half speed to show more details.
follow on twitter
10 months ago
Pro
Dash
First to comment, I win. Looks great!
10 months ago
Pro
Roger Fernandez Guri
Great UI! I love the fx man!
10 months ago
Pro
Daryl Ginn
You been on the coffee? Your hand is shaking.
Great work dude. Who coded it?
10 months ago
Pro
Dan Edwards
This one is awesome but I think the simple UI on the first is really neat.
Just if the first one brought up the keyboard on click would be awesome :)
10 months ago
Looks great, wish there was an animation when you pressed the button (to show you pressed it), the delay between the touch, menu showing, and the button turning into a "x" is a bit to much imo.
10 months ago
Pro
Eddie Lobanovskiy
@Dash @Roger Fernandez Guri thanks fellas :)
@Daryl Ginn only my third night without sleep here, no biggie... ;D
hands are shaking due to operating a heavy camera and trying to hold the phone still. App is being developed as we speak, I am fake tapping a video I've created in AE to show client how it could look. ;)
@Dan Edwards sweet, thank you for the feedback man. And yeah that extra tap would get eliminated. ;)
10 months ago
Pro
Daryl Ginn
@Eddie Lobanovskiy Sneaky. Props to the presentational effort.
10 months ago
Pro
Eddie Lobanovskiy
@Jared West thank you, and yes I would clean things up once we figure out which direction we're taking with this. Oh and I did slow down the video to show animations better, in real life all would happen a lot faster and look smoother :)
10 months ago
Perfecto!
10 months ago
Pro
eric eriksson
Gah. Gorgeous animations! Also, great work on the presentation.
10 months ago
Pro
Aqib Mushtaq
Looks Great Man!
10 months ago
Pro
3magine
Awesome!
10 months ago
Pro
Steffen Nørgaard Andersen
First of all VERY nice work @Eddie - The animations really complete your design and this is indeed a great example of how animations have a lot to do with the design and feel. That being said, I find the flipping part (after pressing the comment icon) a bit too "flat" and two-dimentional have you considered giving it a bit of thickness like if it was a box/block rotating towards the screen?
Again. Very nice work, and thank you for sharing moving pixels.
And @Dash ... Grats on the win... :-P
10 months ago
Pro
SojoCreative
I agree that this one looks very nice however my personal preference is for the first version. The first one seems to flow better from one element to the next without hiding too much of the screen. They both look excellent but I'd go with v1.
10 months ago
Pro
Nick Schiefer
Honestly the first animation you posted was cleaner and more efficient. This feels like it takes a half second too long to run through the steps.
10 months ago
Pro
Aleksandar Djuric
This looks great too, but I'd go with the first one. This is so hard :D
10 months ago
Pro
Rally Interactive (via Ben...
Too much waiting - design for design (animation) sake IMHO. First version is better - but I still think there is one too many taps on that one too. I think there is a fine line between just enough clever animation/ touches and too much.... finding the balance is the sweet spot...
10 months ago
Pro
Eric Hoffman
@Eddie Lobanovskiy I think the animation is clever, but agree with @Rally Interactive (via Ben Cline). Seems a tad too much. A tad...
thats all.
10 months ago
Pro
Nuruzzaman Sheikh
great!
10 months ago
Pro
Huig van der Waal
Oh my god, so clever! A bit too slow and a bit too much, but I think you're getting there! :)
10 months ago
Pro
Donald Johns
I like the first one better. It is such a simple interaction... Take a pic, Write a message... you don't want to confuse the user for such a simple interaction
10 months ago
Pro
Luboš Volkov
Really nice work on both of them, but as @Donald Johns said first one is more simple - everything goes just one direction from the bottom to the top - this one is just with lot of effects in different directions. Keep it up :) first one!
10 months ago
Pro
Bobby Giangeruso
Hot.
10 months ago
@Eddie Lobanovskiy What technology are you using to prototype this?
I would say that the animation is a tiny bit to lengthy. The first concept worked more efficient.
10 months ago