Skip to content

Improve design of quick tutorial flows to better match the Figma designs #615

@andrewtavis

Description

@andrewtavis

Terms

Description

With #605 we added the basis of the interactive tutorial in the Scribe application. This issue will do some minor adjustments to the process to make it match the rest of the app more.

The current state of the tutorial can be seen below:

Image Image

The designs on Figma can be see here.

Specifically we would like:

  • The back button at the top left should be colored like the other ones and go to the About tab
  • We should add a quick tutorial option to the About tab in "Feedback and support" as shown here
    • This should lead to the tutorial page, which should be under About
  • We should combine the text from the tooltip "Make sure you select the desired Scribe keyboard..." with the text at the top of the page and get rid of the tooltip text
  • We need a header at the top of the page "Quick tutorial"
  • On the tutorial pages, we should get rid of the yellow border
  • We should fix the back button to say "Back"
  • We don't need the X at the top of the page

Contribution

Happy to support and review a PR! 😊

Metadata

Metadata

Assignees

Labels

-next release-Included in the next releasedesignRelates to UX/UI designsgood first issueGood for newcomershelp wantedExtra attention is needed

Type

No fields configured for Task.

Projects

Status
Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions