Mobile design/Contact

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



This document describes the design of the Contact us landing page for the developing Wikipedia Mobile site.

Rationale
The current mobile Contact us page is difficult to navigate.

Goals

 * Ongoing effort to implement a UI step between the current interface and Glaucus/Athena
 * To make interaction simple, smooth and intuitive.
 * To outline a simple contact form
 * To discuss and solidify useful features and their behavior.
 * To remove unnecessary components.
 * To capture some information automatically, such as platform, browser/app and device
 * To direct comments to the appropriate destination, such as a wiki page, email alias or OTRS email address

Interface Behavior

 * (Here is an imagined minimal interface to go along with this feedback page.)

This interaction begins when Contact us is selected from the footer of any page.

Contact form
Search box remains at the top, footer remains at the bottom.

The text boxes and buttons should match the style selected for the header.


 * The contact form includes,
 * 1) Box with Your email address in very light gray
 * 2) Comment category menu (categories TBD)
 * 3) Technical problem
 * 4) General - goes to info-en@wikimedia.org
 * 5) Article feedback - regarding me or a company I represent - goes to info-XX-q@wikimedia.org, or EN
 * 6) Article feedback - factual error - reveals a link in the comment box: http://en.wikipedia.org/wiki/Wikipedia:Contact_us/Article_problem/Factual_error or languages in which it is available, and if not to this email address: info-XX@wikimedia.org or EN
 * 7) Article feedback - another problem - goes to info-XX-c@wikimedia.org, or EN
 * 8) Larger box with Type your comment here in very light gray
 * 9) Send button

Other requirements:


 * The email addresses must be generated automatically from the following list of languages, based on the language setting of the current article view, and if the language is not available, use the English version:


 * info-af	 General information in Afrikaans/Afrikaans
 * info-ar	 General information in Arabic/العربية
 * info-ca	 General information in Catalan/català
 * info-cs	 General information in Czech/česky
 * info-da	 General information in Danish/dansk
 * info-de	 General information in German/Deutsch
 * info-el	 General information in Greek/Ελληνικά
 * info-en	 General information in English or languages not covered by other queues, includes emails moved from the Board's queue. See alsoOTRS/info-en mission
 * info-es	 General information in Spanish/español/castellano
 * info-et	 General information in Estonian/eesti keeles
 * info-fa	 General information in Persian/فارسی
 * info-fi	 General information in Finnish/suomen kieli
 * info-fr	 General information in French/français
 * info-he	 General information in Hebrew/עברית
 * info-hi	 General information in Hindi/हिन्दी
 * ‫info-hr	 General information in Croatian/hrvatski jezik
 * info-hu	 General information in Hungarian/magyar
 * info-it	 General information in Italian/Italiano
 * info-ja	 General information in Japanese/日本語 (にほんご)
 * info-ko	 General information in Korean/한국어
 * info-ml	 General information in Malayalam/മലയാളം
 * info-nds	 General information in Low Saxon/Plattdüütsch/Nedersaksisch
 * info-nl	 General information in Dutch/Nederlands
 * info-no	 General information in Norwegian/norsk
 * info-pl	 General information in Polish/polski
 * info-pl-ban	 Information for blocked users in Polish/Informacje dla zablokowanych użytkowników - w języku polskim
 * info-pt	 General information in Portuguese/Português
 * info-ro	 General information in Romanian/română
 * info-ru	 General information in Russian/Русский
 * info-sk	 General information in Slovak/slovenčina
 * info-sr	 General information in Serbian/српски језик
 * info-sv	 General information in Swedish/Svenska
 * info-tr	 General information in Turkish/Türkçe
 * info-vi	 General information in Vietnamese/Tiếng Việt
 * info-zh	 General information in Chinese/中文邮件


 * The sender's email address must be the reply-to address in the messages that are generated from this form.


 * Email address of the user could be pre-populated if the user is logged in and the email address is in his or her profile. If the email address is not in the user's profile, show an option to have it saved.


 * The Factual error page currently exists in a limited number of languages, and the URL shown should correspond to the language setting of the current article view - when that version of the Factual error page is available. If there is no page in that language, an email address should be used that goes to the corresponding language version of that email, as above.


 * Send button only becomes visible when it can be used. It can be used when the user has entered an email address and some characters in the comment box.


 * All text boxes will have a symbol to clear.


 * Email and comment fields should not clear by clicking away.


 * After selecting a category, the category button should reflect that category.


 * The larger comment box should have an in-box gesture scroll to allow longer messages.

After sending a comment
The user device and platform information should be automatically included with comments that are forwarded to WMF.

Send is selected and the comment is forwarded. The page returns to the original feedback landing and the email box now says, Thank you! the comment box says ''Your comment has been sent. Send another?'' (Is that proper grammar?)

After sending, the Send button is grayed-out until a new comment is entered.
 * Should the email address remain in the top box so it does not need to be re-entered?