This is the design detail of the Task Board and Game Strategy Redesign, feature 04 of Dreaming Elf. I lead the design of this feature in collaboration with data scientists, UI designers, and engineers.
1. Brief
2. Information Architecture Structure
The existing task board puts task cards ahead of video watching cards, while the latter is the main activity users do in Tiktok. We hope to address that and make donations more simple.
The existing strategy page is too long to read and overloaded with busy information.
3. Strategy Page Redesign
4. Task Board Redesign
A/B Testing
For both of the A/B testing, we moved on with version A because a more clear color system, and fewer space taken by the task card turned out to have higher clicks than the other option.