[Story] EX: UX Redesign of Settings > Encryption

[mxandreas]

Description

The UX of setting up a recovery (key) and turning OFF/ON the server-side key storage has been revisited with the main purpose is to allow the end users to make a much better sense of it.

The designs have been revisited cross-platform, both EW and EX, and it is desired that the implementation of those are not too far apart; this story only applies to EX as the starting point for EW and EX is different. EW needs to do structural changes to Settings while EX only needs to change the copy and minor visual aspects.

The scope is the Settings > Encryption (currently Chat backup) menu which has 3 scenarios from user perspective:

• Setting up the recovery: iOS | Android
• Changing the recovery key: iOS | Android
• Turning the key storage OFF: iOS | Android

The sub-menu End-to-End Encryption with the functions to Export / Import Keys and Reset end-to-end encryption is currently not in scope.

Acceptance criteria

• UI corresponds to the linked design.

Leads

• Tech: @pixlwave
• Design:

Size estimate

None

Dependencies

• None

Out of scope

• Nothing

Open questions

Questions

Preview Give feedback

No tasks being tracked yet.

Subtasks

Android

Preview Give feedback

1. [Task] Redesign Encryption Settings: Setting up recovery element-x-android#3737
   T-Task +1
   
2. [Task] Redesign Encryption Settings: Changing the recovery key element-x-android#3738
   T-Task +1
   
3. [Task] Redesign Encryption Settings: Disabling key storage element-x-android#3739
   T-Task +1
   

iOS

Preview Give feedback

1. [Task] Redesign Encryption Settings: Setting up recovery element-x-ios#3446
   T-Task +1
2. [Task] Redesign Encryption Settings: Changing the recovery key element-x-ios#3447
   T-Task +1
3. [Task] Redesign Encryption Settings: Disabling key storage element-x-ios#3448
   T-Task +1

Rust

Preview Give feedback

No tasks being tracked yet.

Other

Preview Give feedback

1. The help page needs to be updated accordingly: https://element.io/help#encryption

Sign-off

Android

• Design sign-off on completion
• QA sign-off on completion
• Product sign-off on completion

iOS

• Design sign-off on completion
• QA sign-off on completion
• Product sign-off on completion

[mxandreas]

cc @manuroe

[bmarty]

@mxandreas done on Android with element-hq/element-x-android#3750, can you please check the video there and confirm that it matches what you are expecting?

@americanrefugee please let me know if I missed anything. Thanks!

[americanrefugee]

I noticed one thing:
After generating/saving the recovery key and clicking "Done", the user should see this confirmation page.

[americanrefugee]

Sorry, one more thing:

After setting up the recovery key, the Settings menu item should simply say "Change recovery key" without any additional help text.

At least that's what was designed. @mxandreas do you agree?

[mxandreas]

At least that's what was designed. @mxandreas do you agree?

So, the additional help text should only be removed "for a moment" after the setup. If you come back later to the Encryption settings, then the help text should be there again?

I do not mind that, but I am curious what is the reasoning for this? It is not obvious for me.

[bmarty]

I noticed one thing: After generating/saving the recovery key and clicking "Done", the user should see this confirmation page.

@americanrefugee the dialog is displayed if the user does not click on the button to copy the key. See below:

NotSavingRecoveryKey.mp4

Do you want this dialog to always be displayed?

[americanrefugee]

So, the additional help text should only be removed "for a moment" after the setup. If you come back later to the Encryption settings, then the help text should be there again?

I do not mind that, but I am curious what is the reasoning for this? It is not obvious for me.

On second thought, I guess it doesn't make sense to remove the help text. I shall add it back in the design.

the dialog is displayed if the user does not click on the button to copy the key.

Ah, I forgot about that nuance. Let's keep it as you've implemented it. Sorry for the runaround!

[pixlwave]

The changes are now available on the latest iOS Nightly (744).

[manuroe]

The help page needs to be updated accordingly: https://element.io/help#encryption

The web page received an update.

I am ticking this very last taks and close this epic. Thanks everyone!