This task describes the layout and content for the mobile mentor dashboard homepage.

Main audience: Experienced editors who signed up to their wikis mentor list.

Figma: mockup mobile homepage

General
The mobile version will have the same functionality as the desktop dashboard. When users navigate to the mobile version of the dashboard, they see a list of module preview boxes. When they tap on a module preview box they will navigate to the module itself on a different page.

Navigating to the dashboard :

• For mobile classic and advanced mode: the dashboard will be located under the username located under the menu button, right before 'settings' (for classic mode), or under the user avatar button right before 'log out' (advanced mode).

Title: The page is called "Mentor dashboard"

Copy and links

Layout

• Though each module contains an arrow in the upper right, tapping anywhere on the module should open the full page module.
• Underneath the tabs, there should be a module preview box for each module, stacked in this order:

• M1 : an overview of the mentees
  • Title: "Your mentees"
  • Next: arrow button icon that leads you to the page with the full module.
  • Icon: table icon
  • Next: "The table showcases the state and progress of your current mentees."

• M2 : Mentor tools (status, message, and claim mentee)
  • Title: Settings
  • Next: arrow button icon that leads you to the page with the full module.
  • Icon: settings icon
  • Next: “Change your status, alter your message to your mentees, or claim a mentee that you wish to mentor.”

• M3 : a preview of unanswered questions
  • Title: "Unanswered questions: [value]"
  • Next: arrow button icon that leads you to the page with the full module.
  • Next: a large number that = number of the unanswered questions this mentor has from their mentees.
  • Next: "Preview unanswered questions from your mentees."

• M4 : FAQ's replies (bank of template answers)
  • Title: "Replies to FAQ's"
  • Next: arrow button icon that leads you to the page with the full module.
  • Icon: numbered list icon.
  • Next: "Store and edit your best answers to FAQ’s using wikitext."

• M5 : mentor impact (total contributions from their mentees, # of questions they have answered, and thanks received)
  • Title: "Your impact"
  • Next: arrow button icon that leads you to the page with the full module.
  • Icon: chart-graph icon.
  • Next: "Have an overview of your progress and the impact of your mentorship."

• M6 : mentor resources (top resources for mentoring)
  • Title: "Resources"
  • Next: arrow button icon that leads you to the page with the full module.
  • Next: "View articles that can help and guide you in your mentoring. ."

Future

• Work on relevant illustrations to support each preview module box.
• Showcase valuable data that could motivate mentors to interact with the dashboard more eg. show certain impact numbers.