Roadmap to release and beyond

[sircharlo]

Here's a simple tracker of things I'd like to be done for the release and after. I accept code contributions and suggestions!

---

Needed before release

• [x] Clean up UI based on feedback
• [ ] Show warning notification in existing version of M³ about upcoming update
• [ ] Test migration from previous version at a KH
• [ ] Remove old docs site
• [x] Fix Chrome image drop
• [x] Fix song adding/loading UI
• [x] Compare existing strings and remove unneeded strings to allow updated translations on Crowdin
• [x] #59
• [x] #65

To implement eventually

• [ ] Add date format setting
• [ ] Make video fetching non-blocking (stream if not downloaded yet)
• [x] Add feature to include meeting songs in the background music
• [x] Fix the audio click when stopping media mid-play
• [ ] Add a re-fetch button (in settings?) to force a refresh of scheduled media
• [x] Add PT media logic
• [ ] Look into adding Study Bible media picker
• [ ] Add documentation website, built using Docusaurus and deployed to Github Pages
• [ ] Add MP4 conversion utility to convert a meeting's media to MP4 for use with Zoom sharing (if requested)
• [ ] Implement play/pause/next/previous keyboard shortcuts (if requested)
• [ ] Add Cypress testing

[ux-git]

@sircharlo The docs site shuts down completely? Or will be re-written for the new app version?

[sircharlo]

@sircharlo The docs site shuts down completely? Or will be re-written for the new app version?

The current docs will be rendered mostly obsolete with the new version. I also find them quite "heavy".

The new version of M³ is for the most part self-explanatory; perhaps a very simplified docs could replace the existing one; I would prefer to have most essential documentation in the app itself though, with hint text for each setting for example.

[ux-git]

Totally agree! Though, some deeper explanation like a full list of supported formats, settings guide, etc would be great to have on a documentation site, to be able to quickly link to it when needed.

Take a look at Docusaurus, it's pretty user-friendly, with nice essential design, and contribution-open. My experience with it is awesome so far. Plus, in the current GitHub pages documentation, when I open it on mobile, all the languages are mixed up with no way to fix it or to find anything. I didn't face this issue with the Docusaurus.

[sircharlo]

Totally agree! Though, some deeper explanation like a full list of supported formats, settings guide, etc would be great to have on a documentation site, to be able to quickly link to it when needed.

Take a look at Docusaurus, it's pretty user-friendly, with nice essential design, and contribution-open. My experience with it is awesome so far. Plus, in the current GitHub pages documentation, when I open it on mobile, all the languages are mixed up with no way to fix it or to find anything. I didn't face this issue with the Docusaurus.

Very nice!

[sircharlo]

@ux-git In about 5 minutes I will release v24.7.1, which implements almost all of the UI/UX improvements you suggested!

Would you mind taking a look when you can to see if some things need to be further tweaked, or if I missed some screens?

Also, here are some dialogs that I didn't see in your mockups:

• Keyboard shortcut picker popup
• Cache clear confirmation popup
• Congregation deletion confirmation popup
• Media custom start/stop picker popup
• Video stop confirmation popup
• Media deletion popup

Do you think you could take a look and offer some feedback to make the UI consistent for these popups as well?

Thanks so much for your help!

Note: I haven't yet added the caption/explainers to all the settings, but they'll be there for the next release. I just didn't want to wait for that to be done before getting your feedback.

[mrtavor]

Hi @sircharlo, we added a new page in the project in Figma called “Design review”, where we wrote some of the details along with images to make it clearer. Feel free to leave your additional comments there.

Quick overview. Most important things are: • Consistent icons (fill vs stroke & sizes & roundness index) • Apply min-width and max-width for some elements • Meeting media items: title, icon, reorder structure and logic. • Menus and sidebar icon gaps

There are also lower priority points that can be improved and polished. We will mention those in the corresponding priority sections later and will ping you.

[mrtavor]

What is the difference between the Media custom start/stop picker popup and Video stop confirmation popup?

[sircharlo]

What is the difference between the Media custom start/stop picker popup and Video stop confirmation popup?

The video stop popup is what shows up when attempting to stop a video while it is playing; to prevent accidentally stopping a song for example.

The custom start-stop modal is what shows up when you click on the black HH:MM badge on a video. It allows you to set a custom start and stop time for the video (useful for when a congregation is playing a streamed public talk, they can set the start and stop times without having to cut the actual video file).

[sircharlo]

@ux-git @mrtavor I just released 24.7.2 in which the vast majority of the improvements you suggested are implemented. I documented a few icons that appear to be missing from the UI kit, and a few for which I could not find a use. When you have time, I’d love to see your thoughts on what could be still be improved or changed, or things I might have overlooked. Thanks again!

[alanfermtz]

Based on what I have been trying is really good. Its feels smoother. And thanks for adding zoom in to jw org mirroring, its perfect!

Also, worth mentioning its that now I see more often images on both apps (stable, refactor) that are related to watchtower footnotes, and also the brochure love people. Its a bug? If its intended, can you make a exclude button for this cases?

[sircharlo]

Based on what I have been trying is really good. Its feels smoother. And thanks for adding zoom in to jw org mirroring, its perfect!

Thanks so much!

Also, worth mentioning its that now I see more often images on both apps (stable, refactor) that are related to watchtower footnotes, and also the brochure love people. Its a bug? If its intended, can you make a exclude button for this cases?

Did you look into these options in the advanced settings?

[alanfermtz]

Yes, I have that enabled I still see all this images:

[sircharlo]

Yes, I have that enabled I still see all this images:

Those two pictures are from talk 1. “Tell the Next Generation” About God’s Power, specifically the reference: w14 1/15 23 ¶4-5.

In 2014, the Spanish Watchtower publication files were structured differently, which makes it more difficult to know which paragraph a picture is for. For this reason, all pictures are included.

In other languages, such as English, those pictures don't show up because the publication files are structured in a way that makes it clear which paragraph media relates to.

[ux-git]

@ux-git @mrtavor I just released 24.7.2 in which the vast majority of the improvements you suggested are implemented. I documented a few icons that appear to be missing from the UI kit, and a few for which I could not find a use. When you have time, I’d love to see your thoughts on what could be still be improved or changed, or things I might have overlooked. Thanks again!

Great! Sure, we will take a look, most likely starting from Monday.