Mobile Beta Sign Up Call to Action

'''This document is a work in progress. Comments are appreciated but this is not a final draft.'''

This document describes the design of a beta notification and opt-in for the developing Wikipedia Mobile site.

Rationale
There is currently no notification, or way to opt-in and out, of the beta version of the mobile site.

To address Bugzilla 34232

Goals

 * To notify Wikipedia mobile users of the beta site
 * To allow users to easily opt in and out of the beta
 * To have minimal user experience interruption in doing so
 * To minimize the steps to achieve this

Notification behavior
On first visit to Wikipedia mobile, a small overlay fades in and asks the user whether they want to try the beta.


 * This includes,
 * 1) a rounded yellow box with a top to bottom gradient and a shadow
 * 2) a message
 * 3) "Wikipedia is working on a better mobile site. Would you like to try it?"
 * 4) a green gradient button (affirmative)
 * 5) "Yes!"
 * 6) a gray gradient button (negative)
 * 7) "Maybe Later"

Cookie settings will assure that this dialog box is only seen once.

The box can also be dismissed by an 'x' in the upper right corner.


 * Perhaps there should be a page for "Wikipedia Beta" if someone was not paying attention and wants to search for it later.

Choosing the green button
The user is immediately taken to the beta site with no intervening steps. (The change may not be apparent yet.)


 * The current "Join the mobile beta" page should be obsolete.

The overlaying message box remains.

The message in the overlay changes, thanking the user and explaining how to return to the original site.


 * This includes,
 * 1) a rounded yellow box with a top to bottom gradient and a shadow
 * 2) a message
 * 3) "Thank you! That’s all you need to do. You can change your answer at the bottom of the page."
 * 4) "Excellent! We are happy to have you. If you change your mind you can choose again at the bottom of any page."

The box can be dismissed by an 'x' in the upper right corner.

The box fades in 3 to 5 seconds if it is not dismissed.
 * This timing might need to be tested.

Choosing the gray button
The overlaying message box remains.

The message in the overlay changes, explaining how to switch to beta if they change their mind.


 * This includes,
 * 1) a rounded yellow box with a top to bottom gradient and a shadow
 * 2) a message
 * 3) "Okay! You can change your answer at the bottom of the page."
 * 4) "Too bad, if you change your mind you can always choose again at the bottom of any page."

The box can be dismissed by an 'x' in the upper right corner.

The box fades in 3 to 5 seconds if it is not dismissed.
 * This timing might need to be tested.

Doing nothing
The box overlay should remain until a choice of button, dismissal, or search box selection is made.

The page footer
An opt-in/out button is added to the gray menu box that exists at the bottom of each page.


 * OPT IN
 * This includes,
 * 1) a typical-sized line of text
 * 2) "Wikipedia Mobile is getting better."
 * 3) a small gray button with blue text
 * 4) "Show Me"

Choosing this button takes the user back to the original "Thanks!" overlay.


 * OPT OUT
 * This includes,
 * 1) a typical-sized line of text
 * 2) "This Mobile site is in development."
 * 3) a small gray button with blue text
 * 4) "Original"

Choosing this button takes the user back to the original "Okay!" overlay.

Tangential questions
What if the user has an issue with the beta? Something broken, etc.

Language considerations

 * "Beta"
 * The typical user may not understand the term 'beta' (software jargon) and we should find other language to explain our intentions.
 * "Experimental" was not used due to sounding 'shady', like something bad might happen.


 * "Sign up" was not used because it indicates another step of "signing up" which does not exist.
 * "Testing" might sound scary and there may be nothing to test.
 * "Wikipedia is working on a new mobile site! Would you like to test it?"
 * "Helping" sounds friendly, but there may be nothing to help with.
 * "Would you like to help us with our new beta mobile site?"


 * Possible ESL issues
 * Opt-in and opt-out, may not be clear, perhaps to "see" or to "try" are more basic.