Translation UX/Wireframes A

Proposed by Pau

Translation registration process

Translate registration process sketch

Simplified UI to use a tanslation as a captcha for account creation.

Ideas applied:

• Make language selection the first step so the user starts with a translation-related activity.
• Provide a log-in link in case the user has an account already.
• Show easy messages to translate for newcomers (short messages with info and suggestions).
• Provide a translation limit for new users. Initial translations are not directly published.
• Present user account validation as an upgrade to the user.
• Use checkbox-based captcha.

Translation workflow

Translate process wireframe

Ideas applied:

• Layout based on a right sidebar where context information is located (left: message code, original message, translation and actions; right-side: information, suggestions, related translations and help).
• Emphasize original message text and located closer to the translation box.
• Easy change between projects and sub-projects.
• Show fuzzy translations with a specific label.
• Once a translation is saved, a confirmation appears informing about other languages the translation is lacking (from the ones the user speaks) .

Searching

Translate search sketch

Ideas applied:

• Search first, filter later. Filter column on the left appears after making the search.
• Avoid results to be repeated when appear for multiple languages.
• Provide links to translate messages lacking translations.