New Beta dialog design - to be presented every time user launches Status in Beta

[benjthayer]

A new Beta dialog design has been created with more extensive disclaimer copy highlighting areas of the app which may not be performant, stable or reliable. The dialog should be presented to users every time the app is launched. The dialog does not feature a close X top right so the only way for the user to proceed is to check the acknowledgements.

Designs:
https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?type=design&node-id=31450-560694&t=bO2xh3Cg3mbrnUey-4

cc @John-44

[alexjba]

@benjthayer I'm sharing here a feedback from other Status contributors.

This dialog looks like this on a minimised app:

It's not clear the dialog is scrollable and the user is stuck because the I'm ready to use Status button is disabled.

[John-44]

@benjthayer I'm sharing here a feedback from other Status contributors.

This dialog looks like this on a minimised app:

It's not clear the dialog is scrollable and the user is stuck because the `I'm ready to use Status` button is disabled.

@benjthayer perhaps an easy fix would be to remove the Status logo at the top?

[benjthayer]

Thanks @John-44 @alexjba - agree - here's a couple of options:

1. Removing the logo and reducing the spacing between paragraphs ensures we can show at least 1 of the checkboxes in min app height

• If we tweaked the copy, we might be able to get both checkboxes visible
• OR we could remove the second checkbox I’m ready to use Status Desktop Beta which feels less critical

2. Make the checkboxes sticky along with the lower action bar with the copy scrolling underneath

[John-44]

Thanks @John-44 @alexjba - agree - here's a couple of options:

1. Removing the logo and reducing the spacing between paragraphs ensures we can show at least 1 of the checkboxes in min app height

• If we tweaked the copy, we might be able to get both checkboxes visible
• OR we could remove the second checkbox I’m ready to use Status Desktop Beta which feels less critical

2. Make the checkboxes sticky along with the lower action bar with the copy scrolling underneath

@benjthayer I lean towards going with the version on the left, with the following additional amendment - remove the "I confirm that..." text (saves another line, and perhaps also remove the line break?

[alexjba]

Thanks @John-44 @alexjba - agree - here's a couple of options:

1. Removing the logo and reducing the spacing between paragraphs ensures we can show at least 1 of the checkboxes in min app height

• If we tweaked the copy, we might be able to get both checkboxes visible
• OR we could remove the second checkbox I’m ready to use Status Desktop Beta which feels less critical

2. Make the checkboxes sticky along with the lower action bar with the copy scrolling underneath

One other option I see is to always show the scrollbar.

[benjthayer]

@benjthayer I lean towards going with the version on the left, with the following additional amendment - remove the "I confirm that..." text (saves another line, and perhaps also remove the line break?

With 12px to spare @John-44

[benjthayer]

One other option I see is to always show the scrollbar.

Good suggestion Alex, unfortunately I don't think we do this elsewhere in the app so John's suggestion is probably the one that aligns with our current design practices the most.

We really need to add shadows in dialogs to help signpost scrollable areas but that would be a global change which we'd need to spend some time auditing / exploring. We'll definitely explore this for the redesigned desktop app as it comes up a lot!

[John-44]

@benjthayer I lean towards going with the version on the left, with the following additional amendment - remove the "I confirm that..." text (saves another line, and perhaps also remove the line break?

With 12px to spare @John-44

Looks good to me, thanks @benjthayer ! :-)

[benjthayer]

Looks good to me, thanks @benjthayer ! :-)

Excellent! Designs updated here @alexjba 👍
https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba%E2%8E%9CDesktop?type=design&node-id=31450-560694&mode=design&t=tjD5js8UqBrXPBp2-4