Consider moving 2FA confirm card

[fairlighteth]

Challenge/problem:

• Right now on transaction screens (Send Funds, Incoming transaction request) a lot of space is taken up by the 2FA confirmation card. Depending on the device height/resolution this will force the user to have to scroll to see the rest of the view.

Proposed solution:

In general a lot of information is shown in the review screen. The review screen I consider a good practice in itself, allowing the user to oversee what they're about to send/confirm. Instead of showing the 2FA confirm card upfront, we could break down the flow by showing the review first, have the user tap on 'Submit' and then show a bottom action sheet/card with the 2FA request.

In my opinion this doses the amount of information, especially on the review screen.

[posthnikova]

We can dose information not by breaking it into separate screens but by adding animated transitions (example https://dribbble.com/shots/6372790-Coffee-Ordering-Animation-Starbucks).
I would not overlay details about transaction. I would collapse them instead and make them react to scroll (example here https://dribbble.com/shots/2367675-Ticket-scroll).
This bottom sheet could make the top part collapse like here https://storage.googleapis.com/spec-host-backup/mio-design%2Fassets%2F10oN2rj2F4Ju3jJUg6wFCRqA_G5TsWQUm%2Fbehavior-visibility-standard.mp4. I assume Confirmed and Rejected states are also shown on this bottom sheet.

[fairlighteth]

Thanks for the examples.

The collapse/react to scroll, would still mean the user would have to scroll to see all content. Also it would hide the 2FA confirmation dialog (at least partially).

I like the examples you showed, but not convinced they're solving the initially reported challenge. Otherwise we can iterate on ideas with mockups, as that's probably the best way to test the look and feel of it.

[lukasschor]

I would revisit this topic as part of the 2FA Integration when we tackle the Send flow screens. Do you agree @tschubotz? If yes, should we close this ticket?

[tschubotz]

Hmm. I would not do this as part of the 2FA ticket to keep complexity low tbh. I would leave it in this design backlog. Or we move it to "Not now" if you think it clutters it.