Navigation rules for bottom tab bar

I'm working on a mobile app which has a bottom navigation bar. There are 3 tabs:

  • Payments
  • Home
  • Settings

When I am on the home section I have a menu, where I can go deeper, inside this section:

  • Payments
  • Home -> Screen A -> Screen B
  • Settings

On Screen B there is a button make payment which should open a Make payment page.

This payment page also accessible from Payments tab:

  • Payments -> Make Payment
  • Home
  • Settings

So there are two approaches:

Open Make Payment inside Home tab:

  • Payments
  • Home -> Screen A -> Screen B -> Make Payment

  • Settings

    Open Make Payment inside Payments tab e.g. switch tab from Home to Payments

  • Payments -> Make Payment

  • Home -> Screen A -> Screen B
  • Settings

So what approach is better? First one - keeps navigation stack and context as well. The second one is more logical from domain standpoint because the payment screen is under payment tab.

Are there guidelines/rules for such cases? What would you recommend?

Tags: