I'm designing a dialog/modal for my mobile app, which one will be the best practice for "close" on the dialog?

1."Close" button on the bottom left after the content enter image description here

2."X" on the top right corner

enter image description here


Each one has its advantage. in close button

  • it is easily identifiable.
  • easy to click.

in cross button

  • doesn't occupy much space.

I suppose you can go with a cross icon as in almost 70% cases while closing a modal the user clicks on blank space rather than clicking on close button or icon for closing it. as it is easy to do rather than clicking on specific area.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.