Please make messages, especially the error messages, more attention-grabbing
Right now the error messages UI, at least when configuring 2-factor authentication, is not user friendly. The box is placed in the top-right edge, and often the message is so short that it is barely noticeable.
Case in point, I just had a screen-sharing session with my boss when he was testing. He was configuring 2-factor authentication with an authenticator app and entered the code. The dialog closed and we didn't notice any error message, but the MFA method didn't appear on the table. We were very confused, until I noticed by a chance that there was a little error box at the corner with a short message that the code was invalid. He was using a laptop, so the screen wasn't even particularly large either and yet it confused both of us. I imagine our users will be even more confused when they try to set up their MFA the first time.
So please make the messages more salient. Pop them in the middle of the page, or perhaps top edge as a compromise between the current design and the middle. Please make it larger, and maybe increase the font size a bit.
Case in point, I just had a screen-sharing session with my boss when he was testing. He was configuring 2-factor authentication with an authenticator app and entered the code. The dialog closed and we didn't notice any error message, but the MFA method didn't appear on the table. We were very confused, until I noticed by a chance that there was a little error box at the corner with a short message that the code was invalid. He was using a laptop, so the screen wasn't even particularly large either and yet it confused both of us. I imagine our users will be even more confused when they try to set up their MFA the first time.
So please make the messages more salient. Pop them in the middle of the page, or perhaps top edge as a compromise between the current design and the middle. Please make it larger, and maybe increase the font size a bit.
