42 lines
1.3 KiB
Markdown
42 lines
1.3 KiB
Markdown
|
# 🎨 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)*
|