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.