Expand keyboard installation instructions on installation screen

[andrewtavis]

Terms

• [X] I have searched open and closed design issues
• [X] I agree to follow Scribe-Android's Code of Conduct

Description

As of writing the Installation screen of the application has ENABLE KEYBOARD as the title of the button to select the keyboard. The current state is shown below:

We'd like to expand this with more detailed directions for the user as seen on the designs on Figma and below:

The strings needed for this are:

• app.installation.keyboard.keyboard_settings
• app.installation.keyboard.text_2 (we don't need test_1 for Android)
• app.installation.keyboard.text_3
• The Android keyboard icon would go here
• app.installation.keyboard.text_4

Included in this would also be adding in the settings cog icon on the upper right corner of the option as is done in the privacy policy page and third party likenesses :)

Contribution

Happy to discuss this with someone and review or also get to it myself eventually 😊

[andrewtavis]

@Linfye, I'm thinking that this could be a pretty straightforward issue for you given your work to add in the other pages with the upper right icons? Would you like to work on this one?

[andrewtavis]

Looking into #119 at the same time might also make sense, as the functionality of the button will change from enabling a keyboard to selecting keyboards to install, which is handled in #119 :) :)

[Linfye]

I’m happy to do this, but I’m a bit busy at the moment. I might only be able to work on Scribe in about two weeks, is that okay?

[andrewtavis]

100% ok, @Linfye :) I won't assign you for now so it's not on your to do list, but please let us know when you have more availability!

[Linfye]

@andrewtavis I am working on this. You can assign me this now. 😊

[Linfye]

I'm not quite clear about three things:

1. Does the "Open Scribe settings" with the underline also function like the "settings" at the bottom of the interface to navigate to "Settings" page?

2. How should I use the "Download data" option? Does it require fetching some data from a server?

3. Is the "Quick tutorial" a button (it looks like a button to me)? If so, what page should it open?

Thanks. :)

[andrewtavis]

Hey @Linfye! Answers to your questions:

2. The button for keyboard installation will open the keyboard installation settings for the device. So once you click the button you will be able to install Scribe keyboards, rather than selecting a Scribe keyboard. Specifically it's doing what the user is forced to do by the alert when the app is first installed - install a Scribe keyboard. In this case it's also not "Open Scribe settings" but rather "Open keyboard settings", which is the value of the first i18n key listed above - app.installation.keyboard.keyboard_settings :)

3. No need to worry about the data download for this issue!

4. Also no need to worry about the tutorial! Sorry, I should have just done a screenshot of the keyboard installation directions :)

Let me know if I can help any other way!

[andrewtavis]

Note that we also need the header above the white background for this as is the style of other sections in the app, so "Keyboard installation" should be above the new directions as shown in the image.

[andrewtavis]

See #199 for the other part of this, @Linfye. As of now the user is forced to install a keyboard on first load of an app. After these two issues the user will not be forced to install a keyboard via #119, will be prompted to install a keyboard via the "Open keyboard directions" description on the installation page via the work for this issue, and the settings tab will also prompt the user to install a keyboard with a button if the user has not as part of #119, with this button similarly opening the keyboard settings of the device 😊

[andrewtavis]

Closed by #140 😊 Thanks for being such a great part of the team, @Linfye!