# 🎨 UI/UX Improvement Backlog (Sake App) **Status**: Active / Remaining Tasks **Target**: Co-developer & Real-device Testing --- ## 📱 Immediate Verification & Fixes (Priority High) These are known issues that need real-device verification. - [ ] **Coach Mark Persistance**: - **Issue**: Tutorial overlays sometimes persist incorrectly or don't dismiss. - **Action**: Verify on real device (iOS/Android) and fix termination logic. - [ ] **Image Compression Logic**: - **Issue**: Currently uses simple file copy, leading to large file sizes. - **Action**: Refactor to use `flutter_image_compress` or similar to optimize storage. --- ## ✨ Micro-Interactions (Priority Medium) Polish tasks to make the app feel "Premium". - [ ] **Tab Switching Animations**: - Add smooth fade/slide effects when switching BottomNavigationBar tabs. - [ ] **Dialog Entrances**: - Animate dialogs (Scale/Fade in) instead of instant appearance. - [ ] **Badge Unlock Celebration**: - Add a confetti or shine effect when a new badge is unlocked. --- ## 🔍 Future/Long-term UI Tasks - [ ] **Dark Mode Polish**: Ensure all dialogs and rare screens have correct contrast. - [ ] **Tablet/Foldable Layout**: Verify layout on larger screens (responsive grid). --- *Extracted from `future_plan.md` (Archived)*