Search code examples
androidfacebookfacebook-sdk-4.0account-kit

Account Kit Instant Verification UI flow is glitchy when using CONTEMPORARY theme


When using Account Kit's Instant Verification with the CONTEMPORARY theme, we are facing three UI issues when compared with the expected behavior in the Account Kit documentation provided here.

1) On the screen that has the "Continue" button, the text says "Logging in...". However, according to the screenshots I have linked from Account Kit docs & according to an app on the play store called Family Locator & Safety app (which also uses Instant Verification), we should instead see "Account verified". Displaying "Logging in..." incorrectly suggests to users that some work is currently in progress.

2) After you press "Continue", you briefly see a blank screen with the "Next" button visible. This button is not clickable. Once again, according to the Account Kit docs & Familonet app example, we should instead see "Logging in...", with the spinning throbber, and with no button in sight. Obviously, it is a bad UX to see an unclickable button flash before the user with a throbber-less blank screen...

Please refer to this brief Video Screen Capture reproducing the issue (also attached with this bug report filed on FB support).

You can compare it to the demo screen recording that i have attached here to see the difference in functionality: https://developers.facebook.com/blog/post/2016/12/20/introducing-instant-verification/

Any insight as to what might be causing this, and would fix this?

NOTE: We encounter this problem with the CLASSIC theme as well, with this difference: in Problem #2, we don't see the "Next" button, but the screen is still blank with no spinning throbber.


Solution

  • This glitch is an actual bug in the SDK. It has been noted by the Facebook team, and will be fixed in the next release of the SDK