Join login interface - design ui on mobile device

The screen for join / login on a smartphone device seems to "jumps around". How is it for you?

 

1.

Is there any way to make this ui element more stable or fixed to the actuall screen? I already reduced the JOIN funnel to the bare necessities.

 

But when scrolling up and down the box seems to want to adjust itself into certain positions. Like it wants to jump back to auto align with the top of the screen.

 

2. The selector for the birthday also gets lost sometimes above the box.

 

3. There are those auto suggestions for names and also dates when using the birthday selector. I suppose they come from the browser. Would it be possible to block those autosuggestions. I think that they also interfere with a sleek JOIN process.

 

Also those things combined make the JOIN process (in my opinion) quite messy.

 

What ist your opinion to that?

 

Quote · 4 Jun 2020

Hello mrtn!

 

May you please specify your mobile device, OS and browser there? Also, may you check it on our demo.boonx.com too? 

Quote · 5 Jun 2020

Huawei, Android, chrome.

 

I have this effect also on http://demo.boonex.com/ . It seems like an auto positioning effect. When you scroll up and down, at some point the interface "jumps". And with the "birthday selector" (which you have to switch on in the demo to test ((be quick ...)) it is even "more".

Quote · 16 Jun 2020

Hello mrtn!

 

Well, from my side on old LG 502 with Android 5.1 it works fine Undecided

Quote · 16 Jun 2020

Same old interesting story.

 

Doesn't work for me...

 

Works for me...

 

Err.....

 

Peace!

TravelNotes.org - The Online Guide to Travel
Quote · 16 Jun 2020

 

Did you test on a mobile device?

 

I tested now on 2 different smartphones and with the demo.boonex.com. You have to edit in the admin that birthday is asked in the join process. Because that is left out in the demo by default.

 

Please see the attached 2 images.

 

First image, the proposals of old users

Second image user would have to scroll upwards to finde the date box

 

010 join smart0.jpg · 67.9K · 10 views
010 join smart1.jpg · 76K · 10 views
Quote · 17 Jun 2020

Hello if you need  we can redesign app if it doesn't matter to you disregard. ty  

 

 

 

 

"Your future is created by what you do today, not tomorrow." @ www.dexpertz.net
Quote · 17 Jun 2020

Yes, mrtn, updated my answer.

Quote · 17 Jun 2020

Please see attached image.

 

Could this "proposal" field be suppressed for the browsers?  Maybe only in the row for the birthday? Or for the whole join interface. So that the UI element "date selector" is always visible.

011 this overlay.PNG · 300.2K · 8 views
Quote · 18 Jun 2020

 

Please see attached image.

 

Could this "proposal" field be suppressed for the browsers?  Maybe only in the row for the birthday? Or for the whole join interface. So that the UI element "date selector" is always visible.

 
What your seeing is called autocomplete. See info on it here. https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion


https://www.deanbassett.com
Quote · 19 Jun 2020

Also note. These suggestions/autocomplete your seeing are not generated by the website, they are generated by your browser and are based on what you have entered in forms with those form field names in the past. New users joining on your site would not see the same thing or nothing at all.

You see them most likely because you have been testing that form and have entered numerous dates on that form.

I have also confirmed the jumping around on the join form. But it only happens on the popup. The normal join.php does not do that. So my suggestion is to only place a couple of items on page one of the join process, then when the user taps continue, the join process resumes on the next page which will not be within the popup. Have the date on the second page, not within the popup used by the first page.

https://www.deanbassett.com
Quote · 19 Jun 2020

I totally forgot about creating the join process with this second page, the MISC information.

 

And many thanks for the idea with: https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

 

I will test this.

Quote · 19 Jun 2020

Does anyone have an idea where i should implement this  autocomplete="off"

 

I searched in the files for form but i could not find the place where the forms for the join interface is build (evo template)

 

I also looked into different join related html files.

Quote · 19 Jun 2020
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.