Android Question UX - How can I achieve similar animations with B4X?

[Mashiane]

Hi there

Calling all UX wizards outthere.

What can we recommend for this kind of animated UX experience in B4X?

Landing Experiments. Sources sorted by complexity

Landing Experiments. Sources sorted by complexity designed by Yaro Zubko. Connect with them on Dribbble; the global community for designers and creative professionals.

dribbble.com

Thanks

 

[LucaMs]

very nice:

Mine is not perfect as yours ("sign in" text size, I think):

 

[LucaMs]

Comment:

Now? Too late, lol.

Anyway, thank you.

 

[TILogistic]

The other 2 UX/UI remain to be developed.!!!

 

[TILogistic]

Here's my quick attempt
its a bit brute force because that's all I know
and apologies for the reliance on BR_B4XFloatTextField

My congratulations.

 

[LucaMs]

My congratulations.

Yes, it's very nice.

I just have two doubts (as always ):

1 - the sw keyboard moves up also the text "sign in" (not so nice);
2 - once you have registered, the "sign up" step should no more be necessary, or am I wrong? Your app will take your credentials from a file.

 

[LucaMs]

2 - once you have registered, the "sign up" step should no more be necessary, or am I wrong? Your app will take your credentials from a file.

I wrote wrong (because of the rush, I wanted a coffee and I had to do it; besides, it's almost 7 am here and... I'm not waking up now, I haven't slept yet).

I meant that I think it is more common that an app checks if there are credentials on a file; in that case, automatic login, otherwise, only the signin is shown.

But maybe that's just because I don't want to allow the user to have multiple accounts for the same app.
And anyway, all this has nothing to do with the excellent GUI created by @Unobtainius.

 

[TILogistic]

change label size when rotating

ShowLogin

lblSignIn.SetTextSizeAnimated(500, 20) 'oparra
lblLogin.SetTextSizeAnimated(500, 45) 'oparra

ShowSignUp

lblSignIn.SetTextSizeAnimated(500, 45) 'oparra
lblLogin.SetTextSizeAnimated(500, 20) 'oparra

 

[TILogistic]

Yes, it's very nice.

I just have two doubts (as always ):

1 - the sw keyboard moves up also the text "sign in" (not so nice);
2 - once you have registered, the "sign up" step should no more be necessary, or am I wrong? Your app will take your credentials from a file.

This is a UX/UI design to demonstrate the animations that can be done with B4X.

UX/UI ???????

UX vs. UI Design: What's the Difference? [2024 Guide]

Wondering about UI vs. UX design? Learn all the differences between User Experience (UX) Design and User Interface (UI) Design in this full guide.

careerfoundry.com

 

[AnandGupta]

Now that's why B4X is called RAD (Rapid Application Development.)

How Rapid can a development be done from an animation to working projects (Yes not one but two and many in laptops of members)

Thanks to Erel and all members who contributed towards B4X

Regards,

Anand

 

[AnandGupta]

This is a UX/UI design to demonstrate the animations that can be done with B4X.

UX/UI ???????

Ahh..now I got it. One line explained all to me.

“UI is the saddle, the stirrups, and the reins. UX is the feeling you get being able to ride the horse.”

Regards,

Anand