Playback2023 - UI design feedback

[ashiagr]

📘 Part of: #1463

Description

This addresses quick Playback2023 UI feedback (pdeCcb-3NF-p2)

1. Top 5 shows - Replace publisher with total listening time for the show cbb6098
2. Autoplay speed - Update to 7 seconds 9e4ba1d
3. Total listening time - Removed the “.” at the end of the heading d6b4e86
4. Top 4 categories -
   • Add a question mark “?” at the end of the heading d6b4e86
   • Font Size - Incremented so that they still appear correctly on Tablet bff76bc
     [No changes to Weight(Category Title W500, Category SubTitle W600), Font (DM Sans)]
5. Number of shows & episodes - Distance between each artwork made more even 41d5230
6. Button styles - Updated for Play now and Upsell buttons d247af8
7. Plus stories - Improved subscription badge text color 1a90cd4
8. Year over Year story - Improvements to “2022” and “2023” texts 17981bd

Testing Instructions

1. Log in to an account that has a few episodes listened this year and last year
2. Go to Profile and tap the End of Year card
3. ✅ Notice that each of the above feedback is addressed

Screenshots or Screencast

1. Top 5 shows	3. Total listening time	4. Top 4 categories

4. Top 4 categories - Tablet - Nexus 9 (normal display)

6. Button Style	7. Subscription Badge	8. Year over Year story

Checklist

• If this is a user-facing change, I have added an entry in CHANGELOG.md
• Ensure the linter passes (./gradlew spotlessApply to automatically apply formatting/linting)
• I have considered whether it makes sense to add tests for my changes
• All strings that need to be localized are in modules/services/localization/src/main/res/values/strings.xml
• Any jetpack compose components I added or changed are covered by compose previews

I have tested any UI changes...

• with different themes
• with a landscape orientation
• with the device set to have a large display and font size
• for accessibility with TalkBack

[pocketcasts]

	1 Warning
⚠️	This PR is assigned to the milestone 7.52 ❄️. The due date for this milestone has already passed. Please make sure to get it merged by then or assign it to a milestone with a later deadline.

Generated by 🚫 Danger

[CookieyedCodes]

With 1. You sure we can't have a top 7 or top 10 😅, I do appreciate the times being included tho 😁

[mchowning]

With 1. You sure we can't have a top 7 or top 10 😅

We'll consider it for next year, but for this year we're sticking with 5.

[mchowning]

All the updates look great! 👍

[david-gonzalez-a8c]

With 1. You sure we can't have a top 7 or top 10 😅, I do appreciate the times being included tho 😁

Hey @CookieyedCodes. David here, I worked on these designs.

We went with a top 5 to keep this a bit cleaner and not so information-heavy. A top 10 felt a bit cluttered, specially on smaller screens. However, we are thinking about adding permanent, more comprehensive stats in other places of the app.

Thanks for your comments ✨

[CookieyedCodes]

@david-gonzalez-a8c understandable & I don't completely disagree I do feel like 5 is still limiting because you should dare to give more podcast information then Spotify, anywho I look forward to to more stats 😀

Did you see my rough designs I did on the slack(look under watch 😉) /this GitHub discussion https://github.com/Automattic/pocket-casts-android/discussions/1452