Figma Link
UI Description
Language Selection
Description: At the top of the "Activity Content Tab", there is a mandatory dropdown for language selection. This choice determines the language in which the activity content will be provided or edited.
Required: Yes.
Type of Input: Dropdown menu.
Dropdown Values:
English
Spanish
Russian
Armenian
Korean
Dynamic UI Based on Metadata Type
After selecting the language, the UI presents input fields that are relevant to the type of activity metadata selected previously. This ensures that users provide all necessary details specific to the type of content they are working with.
Type of Items: The input fields can vary widely, including text fields, file uploads, text areas for descriptions, checkboxes for features or accessibility options, etc.
Activity Content Workflow Description
Language Selection
At the outset, the user is presented with a dropdown menu to select the language for the content they wish to view, create, or update. This dropdown is a critical part of the interface, guiding the rest of the content management process.
Form State Based on Language Selection
Existing Content: If data already exists for the selected language, the form fields are automatically populated with the data retrieved from the server. This allows the user to see the current version of the content and make any desired updates.
New Content: If no content exists for the chosen language, the form is presented as blank, ready for the user to input new content. This encourages the addition of content in multiple languages.
Content Updating and Versioning
When a user uploads new content or updates existing content for a specific language, the system creates a new version of the content for that language on the server. This versioning ensures that changes are tracked and managed efficiently, allowing for historical comparisons or rollbacks if necessary.
Editing Permissions
Only users with "Edit Activity" permissions have the ability to modify the content. This control mechanism ensures that content integrity is maintained and that only authorized individuals can make changes.
Language Dropdown Indicator
To enhance user experience and provide clear visibility into which languages currently have content, an icon is displayed next to languages in the dropdown menu that already have data. This visual cue helps users quickly identify which languages need content and which are already complete.
Workflow Steps
Step 1: User selects a language from the dropdown menu.
Step 2: The form is presented either filled with existing content (if available) or blank (if no content exists for the selected language).
Step 3: The user can then add new content or update the existing content in the selected language.
Step 4: Upon submission, the new or updated content is saved to the server, creating a new version for that specific language.
Step 5: If the content was added for a language previously without data, an indicator icon is added next to the language in the dropdown menu to reflect this update.
Conclusion
This workflow emphasizes flexibility, control, and visibility in managing multilingual content. By enabling content versioning and restricting editing capabilities to authorized users, the system maintains a high standard of content integrity and accuracy. The visual indicators in the language selection dropdown further enhance usability, guiding content creators in their efforts to provide comprehensive and accessible activities across multiple languages.