CTA on mobile screen that prompts another CTA



  • I'm currently designing a mobile screen that has a floating CTA bar at the bottom of the screen (see picture below).

    The issue that I have run into is that the "Inspect" CTA at the bottom of the screen allows for 2 different flows, which means the user needs to choose which one he/she wants to go into. Therefore, I am faced with a situation where I ask the user to choose between "Inspect" and "edit location" and then choose between two different types of inspections with a pop-up style card in the same location.

    As you can imagine, this can get very weird in terms of design patterns.

    Has anyone come across this and is there a better pattern that I can incorporate?

    enter image description here



  • This is very simple and an established pattern in iOS, earlier we used to have a bottom aciton sheet pop up that would bring in the available options, ( imagine tapping on a button called ' upload photo' and the bottom sheet pops up with the 2 options to upload photo via ' take picture' or 'browse library' .. these bottom sheets with come with a third option that would just say 'cancel'.. with iOS 14, we see a 'menu' element does the same, which is that it shows further choices on tapping of a button. its everywhere on iOS.

    menus in apple

    So I would urge you to rather believe that poping a new menu on the tap of button is pretty intuitive and works very well. Here is the example of the notes app in iOS showing picture upload options after tapping on the camera icon..

    iOS 14 Menu Disambiguiation



Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2