Scratch-www: Teacher Account Join Flow

[kaschm]

Need:

• [x] Final Copy https://docs.google.com/spreadsheets/d/1IlqxvbaKPqCbRZaUOqWPO0LyDbaqBqQuJDDCq5kwLqg/edit (ping me if you need access)
• [x] Final Designs (@carljbowman)

[carljbowman]

@rschamp - Posting the most recent version of the Teacher Join Flow wireframes:
R1.4_Teacher Join Flow.pdf

Major changes include:

• Adding a Captcha form step (tech TBD)
• Updated 'Password' form on the account creation form step (page 5) to include a visibility toggle; language and UI will be defined in final designs. This update is also reflected in the Student Join Flows which can be found here: https://github.com/LLK/scratchr2/issues/353 . Going forward this will be a become a standard across all Join Flows.

Teacher Join Flow Overview

Please let me know if you addtional questions or comments. Moving to final designs with final content.

[carljbowman]

Design Pass

Illustrator File: R3.1_Teacher Join Flow.ai.zip

Todo

• [X] Content for Step 9 - Captcha ( @kaschm )
• [ ] Content for Step 10 - Application Review - 'Check out Resources' section. Pointing Teachers to For Educator page and to Teacher Account FAQ. ( @kaschm )
• [ ] Icons for Step 10 - Application Review ( @carljbowman )

Step 1 - Username & Password

Input - Focus

Check box - Showing password

Tooltip - Error (Desktop)

Tooltip - Error (Mobile)

Step 2 - Personal Information

Dropdown - Open

Step 3 - First & Last Name

Tooltip - Info Hover

Step 4 - Phone Number

Step 5 - Organization

Step 6 - Address

Step 7 - How I plan to use Scratch?

Step 8 - Email Address

Step 9 - Captcha

Step 10 - Application Review

[rschamp]

Offline @thisandagain and I decided to forego the captcha for a hidden field, so we don't need content for that card, that step will not exist.

[kaschm]

Text on Step 10:

Get Started with Resources
Explore materials for educators and facilitators written by the Scratch Team, including tips, tutorials, and guides.

[link should be anchor link to the resources part of the educators page]

[rschamp]

@carljbowman @kaschm Please confirm regarding the waiting period behavior:

• Before the teacher status is activated (un/confirmed email): My Classes links to Step 10 - Application Review (includes "confirm your email" in the review message)
• After the teacher status is activated (unconfirmed email): My Classes should pop up the "confirm email" dialog