Move User Preferences to Home Page & Redesign Preferences UI in Duolingo Style
Summary:
Move the User Preferences option from the upload pages (Image, Audio, Video, etc.) to the Home Page beside the Streak, Uploads, and Edits stats section.
Also redesign the current popup/modal into a Duolingo-style preference selection UI for a cleaner and more modern user experience.
Problem Statement:
Currently, the User Preferences option is placed inside upload pages, which creates a few UX issues:
- The preference settings are unrelated to the actual upload flow.
- Users need to navigate into upload pages just to change language or release rights preferences.
- The current popup/modal UI feels basic and interrupts the workflow.
- The preferences are global settings, so they should be accessible from a more central location like the Home Page.
This creates unnecessary friction and reduces overall usability.
Proposed Solution:
-
Move User Preferences to Home Page
- Place the User Preferences button/icon beside:
- Streak
- Uploads
- Edits
- This makes preferences globally accessible from the dashboard.
- Place the User Preferences button/icon beside:
-
Replace Current Modal with Duolingo-Style UI
- Instead of a normal popup modal, create a modern Duolingo-inspired preferences screen/card.
- Use:
- Rounded cards
- Large selectable options
- Better spacing and visual hierarchy
- Smooth transitions/animations
- Mobile-friendly layout
-
Preference Options
- Default Language
- Default Release Rights
-
Behavior
- Clicking the preferences icon/button on the Home Page should open the redesigned preferences interface.
- Selected preferences should continue applying globally across all upload pages.
Alternatives Considered:
- Keeping the current popup and only changing its position.
- Rejected because the existing modal UX still feels outdated and less engaging.
- Adding preferences inside sidebar/settings menu.
- Rejected because quick access near user stats provides better visibility and usability.
Benefits:
- Cleaner upload pages with less clutter.
- Better accessibility for global user settings.
- Improved user experience and modern UI design.
- More intuitive workflow similar to modern apps like Duolingo.
- Better mobile responsiveness and visual consistency.
Risks or Concerns:
- Home page layout spacing may need adjustment for smaller screens.
- Additional UI work required for responsive Duolingo-style design.
- Existing preference state management may need refactoring after moving components.
Additional context or references:
Current UI screenshots attached for reference:
- Upload page with existing User Preferences icon
- Current popup/modal design
- Home page location where preferences should be moved
Desired inspiration:
- Duolingo settings/preferences interaction style and card-based UI design.