Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide indicators to the learner to let them know when content in a lesson has been auto-translated. #95

Closed
3 tasks done
seanlip opened this issue Aug 10, 2023 · 35 comments
Assignees

Comments

@seanlip
Copy link
Member

seanlip commented Aug 10, 2023

Platform
Oppia Web

Describe the request

We want to provide lessons on Oppia in different languages, to account for the fact that many learners around the world are not familiar with English. To this end, we are planning to use auto-translations to temporarily fill gaps in lesson translations.

Because these auto-translations may not be entirely accurate, we want to ensure that the learner clearly understands this. This corresponds to point 3 in the "summary of the proposed solution" section of this PRD: https://docs.google.com/document/d/1TeGQQNLNJWkTgvGQ1xmV6snz8zXnJ23TvuDKtK5_Tok/edit

Context for the request

This is a new feature that builds on the updated exploration player design by @juliafalarini in #58. Mocks should be based on this version of the lesson player rather than the current version that is available on the Oppia website.

Link to PRD
https://docs.google.com/document/d/1TeGQQNLNJWkTgvGQ1xmV6snz8zXnJ23TvuDKtK5_Tok/edit (see point 3 in the "summary of the proposed solution" section).

DESIGN APPROVAL CHECKLIST -- DO NOT EDIT.

  • UX Design approved
  • UX Writing approved
  • Product approved

For a design project to be completed, it needs approval from UXD, UXW and PM. Please tag the following reviewers when your project is ready (it's enough to have one signoff from each of UXD, UXW and PM):

Note: When this project is completed, the mocks should be added to this issue on Oppia-web: oppia/oppia#18767

@liwei899
Copy link

Hi Team,

I hope you're all doing well. I wanted to share the progress I've made regarding the auto-translation issue. I've spent some time scratching the surface and brainstorming ideas for potential solutions.

I've summarized my initial thoughts and sketches in the attached Figma link: Figma Auto-Translation Ideation.

Please take a look and provide your feedback. I'm particularly interested in hearing your thoughts on the feasibility and potential effectiveness of the proposed approaches. Let's collaborate and refine these ideas together.

Looking forward to your input.

Best regards,

@liwei899
Copy link

I wanted to discuss a critical aspect of the project we're currently working on, specifically related to the addition of a status indicator for translated and auto-translated content. I appreciate the opportunity to work on this, and I believe clarifying the proportion between these two types of content on page #95 is key to making the right design decisions.

From my understanding, learners encounter content that is both translated and auto-translated. It's great that there's an indicator to differentiate between the two, but what we need to determine now is how much of the content on a single page comprises each type. Are the translated and auto-translated portions separate, or are they mixed within the same page?

Understanding this breakdown will significantly influence the design of the status indicator. If the content is mixed, we might need a dynamic indicator that changes as learners scroll through the page. On the other hand, if the translated and auto-translated sections are separate, we could opt for a clearer, more distinct indicator to ensure learners are aware of the shift.

Could you please provide some insight into the proportion and distribution of translated and auto-translated content on page #95? This information will be invaluable as we move forward with the design process. Additionally, if you have any preliminary ideas or preferences regarding the indicator's appearance and behavior, I'd love to hear them.

Thank you again for assigning me this task, and I'm eager to ensure that the indicator we implement enhances the learning experience. Your guidance in this matter will be greatly appreciated.

@liwei899
Copy link

Second version after receving feedback to Suzie https://www.figma.com/file/VlT6bJqNQkH2H18ERvXGIk/Oppia?type=design&node-id=28%3A1119&mode=design&t=D3karwNbZ4AWhAun-1
Feel free to leave any feedback or comment. Thank you.

@seanlip
Copy link
Member Author

seanlip commented Sep 2, 2023

Hi @liwei899, sorry for the late reply. Here is a response to the main question you asked:

From my understanding, learners encounter content that is both translated and auto-translated. It's great that there's an
indicator to differentiate between the two, but what we need to determine now is how much of the content on a single page comprises each type. Are the translated and auto-translated portions separate, or are they mixed within the same page?

Content in the lesson player is separated into different types. There is the main content, which is what Oppia tells the learner. There is the feedback Oppia gives when the learner enters a specific answer. There are hints/solutions which Oppia shows when the learner is stuck. There is also some text in the questions (e.g. multiple-choice options). It is possible for any of these to be translated or not -- and if we don't have a human-contributed translation for it then we might use an automatic translation.

So, the general answer is that they are likely to be mixed within the same page. I hope this helps!

@liwei899
Copy link

liwei899 commented Sep 5, 2023

https://www.figma.com/file/VlT6bJqNQkH2H18ERvXGIk/Oppia?type=design&node-id=55%3A1931&mode=design&t=mAlaIyRGnDyHnpbe-1

Hi all,
Please leave feedback for the highlighted part of version 3. Thank you.

@seanlip @ConorMack Hi Conor, can you share the group email list with me as we discussed in the meeting yesterday? Thank you.

@liwei899
Copy link

liwei899 commented Sep 5, 2023

Hi @seanlip, thanks for explaining the structure to me. It's clearer.

@liwei899
Copy link

liwei899 commented Oct 7, 2023

Dear Team,

I hope this email finds you well. I wanted to provide you with some crucial information regarding the upcoming Version 7 update. This update keeps optimizing our notification bar, which will enhance the user experience and improve our overall product functionality.

Section 1: One-Time Disclaimer

A one-time disclaimer that will be shown to all learners when they first start a new learning content and encounter the new notification bar. This disclaimer is designed to ensure transparency and inform users about the auto-translation. It is crucial to manage the learners' expectations effectively during this transitional period.

Section 2: Two Options of the Notification Bar (Pending Testing Plan Approval)

I have incorporated two options for the new notification bar design, pending the approval of our testing plan. These options are as follows:

Option A: The notification bar will feature a sleek, compact design at the top of the user interface. It will include an option for users to manually close the notification if they wish.

Option B: The notification bar will be positioned at the top of the screen, but allowing for higher visibility with one of the accent colors- orange. Users can manually close the notification, as in Option A.

The testing plan, currently under review, will help us gather valuable feedback and data to make an informed decision on which option to implement. I am excited to hear your thoughts and will keep you updated once the plan is approved.
The prototype link is here: Two Notification Bar Testing

Section 3: What Happens When the User Manually Closes the Notification or Doesn't

Once the user encounters the new notification bar, they will have the option to manually close it. If they choose to do so, they can always access the information in the notification through our in-app "Notifications" section. If users decide not to close the notification, it will remain visible within five seconds.

To explore the changes and view both notification bar prototypes, please follow this Version 7 Link. Additionally, you can access them via the following link: Chose Button

I encourage you to test both prototypes and provide your feedback to help me make an informed decision on the final design. Your insights and suggestions are invaluable to me.

If you have any questions or concerns, please do not hesitate to reach out.

Thank you for your continued support and dedication to improving our product.

Best regards,
Liwei

@stepmalt
Copy link

stepmalt commented Jan 8, 2024

Is this the most recent iteration? I don't think it is, but I want to make sure I'm looking at the copy for the most recent. If it is, then I'll comment on it from Liwei's last post on 10/7. I just thought there were further iterations, and I want to make sure I'm collaborating on the most current.

@seanlip
Copy link
Member Author

seanlip commented Jan 9, 2024

@stepmalt I think there are more up-to-date versions than this one. @liwei899 could you please point Stephanie to the right one to look at? Thanks.

@liwei899
Copy link

@stepmalt I think there are more up-to-date versions than this one. @liwei899 could you please point Stephanie to the right one to look at? Thanks.

Hi Sean and Stephanie,
Every version is in the same figma file here https://www.figma.com/file/VlT6bJqNQkH2H18ERvXGIk/Oppia?type=design&node-id=93%3A1310&mode=design&t=LCv5C93UNL9QnFhW-1 . @stepmalt Please see the latest version in the file -- handoff. Feel free to leave any feedback on that.
I haven't updated on this Github page but did sent weekly update until Nov 26 before the user testing. I will update later on this page for the record.

@stepmalt
Copy link

stepmalt commented Jan 17, 2024

Made comments via Figma! Will discuss in UXW meeting about a phrasing I'm debating.

@kmuir1991 @jikim322 @tydesignit - tagging you here for later. Want your opinions on the "nuances" wording.

@kmuir1991
Copy link

kmuir1991 commented Jan 18, 2024

Thanks @stepmalt !

@liwei899 for clarity's sake, when you say "see the latest version in the file -- handoff" are you referring to this page?

I want to make sure we're all looking at the right file :)

@liwei899
Copy link

Thanks @stepmalt !

@liwei899 for clarity's sake, when you say "see the latest version in the file -- handoff" are you referring to this page?

I want to make sure we're all looking at the right file :)

Hi @kmuir1991 @stepmalt , please review the copy in Version 13 here https://www.figma.com/file/VlT6bJqNQkH2H18ERvXGIk/Oppia?type=design&node-id=637%3A4538&mode=design&t=9uTgZKeKeemz0pgq-1
Hi @seanlip Can you check out the new design iterations based on our previous discussions when you have time? Thank you.

@kmuir1991
Copy link

@liwei899 thank you! Design itself looks great from my end. However, for some reason, the copy updates that were discussed and signed off on during the last round of feedback from UXW were not implemented.

I left a few comments on the design providing that copy again. Please implement that when you have the chance, thank you :)

@seanlip
Copy link
Member Author

seanlip commented Jan 23, 2024

Thanks @liwei899 -- took a pass!

@kmuir1991
Copy link

Hi @liwei899 ! I'm a bit confused, as none of the copy that was previously agreed upon has been implemented. It also appears as though the web pop-up copy has been reverted to a previous version.

If you'd like to give me access to the figma as an editor (kate.muir@outlook.com), I can make those updates myself. Let me know, thanks!

@liwei899
Copy link

liwei899 commented Feb 6, 2024 via email

@kmuir1991
Copy link

@liwei899 thank you! I made the updates to version 14.

@liwei899
Copy link

liwei899 commented Feb 6, 2024 via email

@liwei899
Copy link

liwei899 commented Feb 7, 2024

@kmuir1991 @stepmalt Hi Kate and Stephanie,

Could you please approve this once you've finished reviewing the copy? After that, I'll pass it on to Sean for final approval. Thank you.

@kmuir1991
Copy link

@liwei899 done!

@liwei899
Copy link

liwei899 commented Feb 9, 2024

@liwei899 done!

Thank you.

@seanlip
Copy link
Member Author

seanlip commented Feb 9, 2024

Thanks @liwei899 ! Just a small note, clicking on your links seems to go to the wrong place. Do you know why this is? If you're using Markdown, make sure that the part of the link inside the parentheses (...) has the right destination.

I'll take a look at the prototypes. Thanks!

(Update: I think the mocks look good, just some small fixes to make and then you should be able to hand off. Thanks!)

@liwei899
Copy link

Thanks @liwei899 ! Just a small note, clicking on your links seems to go to the wrong place. Do you know why this is? If you're using Markdown, make sure that the part of the link inside the parentheses (...) has the right destination.

I'll take a look at the prototypes. Thanks!

(Update: I think the mocks look good, just some small fixes to make and then you should be able to hand off. Thanks!)

https://www.figma.com/proto/VlT6bJqNQkH2H18ERvXGIk/Oppia?page-id=720%3A11182&type=design&node-id=720-11185&viewport=673%2C639%2C0.16&t=FH2RxxFsBN6CjmRJ-1&scaling=min-zoom&starting-point-node-id=720%3A11185&show-proto-sidebar=1&mode=design
Sorry about that. Here is the link

@liwei899
Copy link

liwei899 commented Feb 16, 2024 via email

@seanlip
Copy link
Member Author

seanlip commented Feb 16, 2024

Thanks @liwei899. Sorry, one more comment in the mocks (just to make sure things are clear for devs), PTAL.

Also one process note -- you should actually change to "Handed off to PM" for things that are still wiating to be approved by PM (like this one). Otherwise what's going to happen is that the PM will never file it for devs because they don't see it in their queue!

@liwei899
Copy link

liwei899 commented Feb 16, 2024 via email

@liwei899
Copy link

Thanks @liwei899. Sorry, one more comment in the mocks (just to make sure things are clear for devs), PTAL.

Also one process note -- you should actually change to "Handed off to PM" for things that are still wiating to be approved by PM (like this one). Otherwise what's going to happen is that the PM will never file it for devs because they don't see it in their queue!

Hi Sean,
I just revised the Figma file page name and add an additional state to the dev team. Let me know if there is anything else I need to do. Thank you.

@seanlip
Copy link
Member Author

seanlip commented Feb 18, 2024

Thanks @liwei899! Only one more thing, please update the previous "handoff" pages so that there is only one page in the entire Figma file that has "handoff" in the title. Otherwise it will still be confusing because the dev then sees both the old and the new handoff pages, which differ.

Otherwise I think there's nothing else, thanks!

@seanlip
Copy link
Member Author

seanlip commented Feb 26, 2024

Thanks @liwei899 -- this has been approved and handed off to the dev team. Filed as oppia/oppia#16164.

Congratulations on finalizing the designs for this project!

@seanlip seanlip closed this as completed Feb 26, 2024
@liwei899
Copy link

liwei899 commented Feb 26, 2024 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

No branches or pull requests

4 participants