







introduction
introduction
introduction
introduction
Background information
Background information
Background information
Background information
Tim is essentially a more business-oriented version of QQ, designed to meet the needs of the workplace.
At that time, TIM's DAU had already exceeded 5 million, so there was a need to delve deeper into the user needs in office scenarios and to improve user retention rates. Therefore, we designed the To-do List feature to meet user demands in office settings.
Tim is essentially a more business-oriented version of QQ, designed to meet the needs of the workplace.
At that time, TIM's DAU had already exceeded 5 million, so there was a need to delve deeper into the user needs in office scenarios and to improve user retention rates. Therefore, we designed the To-do List feature to meet user demands in office settings.
Tim is essentially a more business-oriented version of QQ, designed to meet the needs of the workplace.
At that time, TIM's DAU had already exceeded 5 million, so there was a need to delve deeper into the user needs in office scenarios and to improve user retention rates. Therefore, we designed the To-do List feature to meet user demands in office settings.
Tim is essentially a more business-oriented version of QQ, designed to meet the needs of the workplace.
At that time, TIM's DAU had already exceeded 5 million, so there was a need to delve deeper into the user needs in office scenarios and to improve user retention rates. Therefore, we designed the To-do List feature to meet user demands in office settings.




Tim’s to-do list
Tim’s to-do list
Tim’s to-do list
Tim’s to-do list
Quickly recording important tasks
Quickly convert messages into a to-do item
enhances users' efficiency in handling information
Quickly recording important tasks
Quickly convert messages into a to-do item
enhances users' efficiency in handling information
Quickly recording important tasks
Quickly convert messages into a to-do item
enhances users' efficiency in handling information
Quickly recording important tasks
Quickly convert messages into a to-do item
enhances users' efficiency in handling information
















Design Objectives
Design Objectives
Design Objectives
Design Objectives




1
Enhance Efficiency
Responsive & Smooth
1
Enhance Efficiency
Responsive & Smooth
1
Enhance Efficiency
Responsive & Smooth
1
Enhance Efficiency
Responsive & Smooth
Pull down for quick access to the To-Do List
Quickly convert messages into a to-do item
Pull down for quick access to the To-Do List
Quickly convert messages into a to-do item
Pull down for quick access to the To-Do List
Quickly convert messages into a to-do item
Pull down for quick access to the To-Do List
Quickly convert messages into a to-do item




2
Pleasurable User Experience
2
Pleasurable User Experience
2
Pleasurable User Experience
2
Pleasurable User Experience









Smooth Animations
Auditory Cues ( Associative Sounds)
Tactile feedback ( Vibrations )
Smooth Animations
Auditory Cues ( Associative Sounds)
Tactile feedback ( Vibrations )
Smooth Animations
Auditory Cues ( Associative Sounds)
Tactile feedback ( Vibrations )
Smooth Animations
Auditory Cues ( Associative Sounds)
Tactile feedback ( Vibrations )
core operation
core operation
core operation
core operation




The core operation of a to-do list is clicking to check off completed items.
The core operation of a to-do list is clicking to check off completed items.
The core operation of a to-do list is clicking to check off completed items.
The core operation of a to-do list is clicking to check off completed items.













Checkbox
Checkbox
Checkbox
Checkbox
Line
Line
Line
Line
Tick
Tick
Tick
Tick
Element composition with animations
Element composition with animations
Element composition with animations
Element composition with animations
Combining limited visual elements and utilize animation effects to make the experience more comfortable and smooth.
Combining limited visual elements and utilize animation effects to make the experience more comfortable and smooth.
Combining limited visual elements and utilize animation effects to make the experience more comfortable and smooth.
Combining limited visual elements and utilize animation effects to make the experience more comfortable and smooth.




Animation — tick
Animation — tick
Animation — tick
Animation — tick
Efficiency
Invoke To-Do list & delete
Efficiency
Invoke To-Do list & delete
Efficiency
Invoke To-Do list & delete
Efficiency
Invoke To-Do list & delete








Efficiency —
convert messages
into a to-do item
Efficiency — convert messages
into a to-do item
Efficiency — convert messages
into a to-do item
Efficiency —
convert messages
into a to-do item



Efficiency —
message
conversion
Efficiency — message conversion
Efficiency — message conversion
Efficiency — message conversion
Messaging transferring to schedule
Messaging transferring to schedule
Messaging transferring to schedule
Messaging transferring to schedule
organizing message content for email sending
organizing message content for email sending
organizing message content for email sending
organizing message content for email sending
In the messaging scenario, create a meeting schedule quickly and directly and organizing message content for email sending, enhancing efficiency in office scenarios.
In the messaging scenario, create a meeting schedule quickly and directly and organizing message content for email sending, enhancing efficiency in office scenarios.
In the messaging scenario, create a meeting schedule quickly and directly and organizing message content for email sending, enhancing efficiency in office scenarios.
In the messaging scenario, create a meeting schedule quickly and directly and organizing message content for email sending, enhancing efficiency in office scenarios.








Experience —
Incorporating sound &
tactile feedback
Experience — Incorporating sound & tactile feedback
Experience — Incorporating sound & tactile feedback
Experience — Incorporating sound & tactile feedback








Completing, with a snapping sound
Completing, with a snapping sound
Completing, with a snapping sound
Completing, with a snapping sound
Pulling out a card, with a swiping sound
Pulling out a card, with a swiping sound
Pulling out a card, with a swiping sound
Pulling out a card, with a swiping sound
When you complete and check off a to-do item, there’s a snapping sound, expressing that it's done, just like snapping your fingers. When you pull out a card, it comes with a swiping sound, making the context more vivid.
When you complete and check off a to-do item, there’s a snapping sound, expressing that it's done, just like snapping your fingers. When you pull out a card, it comes with a swiping sound, making the context more vivid.
When you complete and check off a to-do item, there’s a snapping sound, expressing that it's done, just like snapping your fingers. When you pull out a card, it comes with a swiping sound, making the context more vivid.
When you complete and check off a to-do item, there’s a snapping sound, expressing that it's done, just like snapping your fingers. When you pull out a card, it comes with a swiping sound, making the context more vivid.
empty state
empty state
empty state
empty state
A rising sun symbolizes the start of a new day, with new tasks and challenges that bring anticipation and hope. Setting a goal marks the beginning of achievement.
A rising sun symbolizes the start of a new day, with new tasks and challenges that bring anticipation and hope. Setting a goal marks the beginning of achievement.
A rising sun symbolizes the start of a new day, with new tasks and challenges that bring anticipation and hope. Setting a goal marks the beginning of achievement.
A rising sun symbolizes the start of a new day, with new tasks and challenges that bring anticipation and hope. Setting a goal marks the beginning of achievement.








users’ feedbacks
users’ feedbacks
users’ feedbacks
users’ feedbacks



























More works
More works
More works
More works

Huikang Li
Product Designer
Based in Halifax, CA

+1 (782) 775-4746
© 2024 Huikang.Wesley All rights reserved.

Huikang Li
Product Designer
Based in Halifax, CA

+1 (782) 775-4746
© 2024 Huikang.Wesley All rights reserved.

Huikang Li
Product Designer
Based in Halifax, CA

+1 (782) 775-4746
© 2024 Huikang.Wesley All rights reserved.

Huikang Li
Product Designer
Based in Halifax, CA

+1 (782) 775-4746
© 2024 Huikang.Wesley All rights reserved.