Alert, Confirmation Message design and style should be reviewed

This is also one of the requests for improvement of UI/UX for Appsheet.

Setting up the action with “confirmation message”, it will give a pop up window with simple UI. Then user is asked to explicitly hit the buttons, basically either YES or NO to interact with App further.
For the current design of this pop up window, we don t have much of flexibility in terms of customizing the texts, design etc.

Among others, the feedback from app users are claiming a bit of improvement really.

First of all, the users are give choices of YES or NO basically with confirmation/alert window.
But this window is not really “Appealing” to guide the user in terms of what to do for next.

3X_f_9_f95182907f2c1e1e6f69aba292942ee4b5dc954d.png

This is a simple example which looks pretty much default view of those windows.

The action button is looking just texts instead of proper “button” looking. Also those actions which will do the opposite stuffs are located at the right bottom corner, and they are getting unnecessarily closer to each other without reasonable margins in between.

In additionn, the text on the right handside, button name is always Action name, which sometimes does not make sense.

For this sample, “No Email” ?

What ? It does not make sense to users.

When the alert/confirmation window pops up, i know what to do as I do have years experience with Appsheet, but for majority of app users are not. So they are puzzled by seeing this modal window, as far as the claim and feedback from my app users are concerned.

To make this window is getting more self-explanatory and infer what to do for app user for next, the action button should be looking “more proper button style”. To separete the action which stands on the opposite corner and side, they should be located with reasonable distance in between.

Instead of text style, it should be more proper action button style to let the app users interact with app more easily.

Taking into account those factors, Ideally it should be looking like this in my opinion.

3X_b_9_b9eeaf4e04f8ae0d2eb30f3c05f09225b7ea663e.png

Thank you for considering.

Status Open
6 3 502
3 Comments
Austin
Gold 1
Gold 1

I can definitely agree. At the very least a box of some kind around the 2 options would first help users identify that there are in fact 2 different options and second show them where the different click boxes end so they don’t accidentally click the other option.

Status changed to: Open
Pratyusha
Community Manager
Community Manager
 
jgiangra
Bronze 4
Bronze 4

I was researching how to update the confirmation message modal buttons and found this workaround but it seems like it would be simple to allow users to update those independently. The workaround to create grouped actions so you can inherit the display name of one gets really cumbersome when you have many actions in your app.