More visual cues to celebrate completed tasks and stay motivated

Published Jan 25 2021 07:00 AM 3,839 Views
Senior Member

If you’re like us, crossing a completed task off your list gives you a boost. The simple, visual act of striking that to-do is both satisfying and energizing. You did it and you can do it again.

 

That’s exactly why we introduced confetti animation in Planner last year: that burst of color represents pride in your completed work and offers motivation to finish the work ahead. It’s also why we’re excited to announce even more visual cues to help you do the same, all of which are now available in both the Planner web app and the Tasks app in Teams.

 

  • A checklist progress bar
  • Confetti animation for completed tasks
  • Confetti animation for a completed checklist

 

Checklist progress bar

Checklist items are a bit like sub-tasks: they’re often added to a task as basic predecessors (to borrow a project management term). And like more formal predecessors, they should be completed before the primary task is checked off. This is easy if your checklist is just a few items. But what if it’s a few dozen—or more? Then you might need some help.

 

To help you keep track, we’ve added a simple progress bar to the top of the checklist element in your task cards. Like other visual cues in Planner, the new progress bar gives your team fast status on checklist items so others can jump in to help if needed. A visual bar is easier to quickly comprehend than the traditional numeric representation (e.g., 12/20)—which is still in the task card, by the way—especially if you’re skimming lots of task cards.

 

Confetti animation

We first announced confetti animation for the Planner web app in May (see the blog link above). You’ll now get that same burst of color when you complete a task in the Tasks app in Teams or the final item in a checklist in either experience.

 

checklist_confetti_GIF.gif

 

2021 is shaping up to be a busy year for Planner and tasks in Microsoft 365, and this Tech Community Blog site will continue to be your source for all the latest news. If you have ideas for what else we should add to our pipeline, drop us a line on UserVoice.

3 Comments
Senior Member

Confetti animations - really? What we wish for, is:

- Why do you remove checked-out checklist items from the Card / Board view? It seems, like team is sitting doing nothing - please let them be there, cheched thru, like in the detail view.

- Why are checklist, task description and attachement display on the card mutually exclusive? We want to select ourselves, what we want to display on the card / board view.

Occasional Visitor

This is driving me insane.
Confetti animations!
Are the developers even aware that you still, 2021, can't paste an image from clip board into planner.

please fix the basics.

Occasional Visitor

Please integrate links to OneNote pages / sections before developing firework animations. 

 

OneNote links should be a new attachment category or be automatically displayed as everywhere else in the MS World: "Page Name (Webview)" rather than a string of 800 symbols from two links.

 

----

Please improve task duplication before developing balloon animations. 

 

Please allow either parallel assignment (see user voice) of same task to separate people and / or simple duplication to numerous buckets and / or duplication via  CTRL+Mouse as for elements in PowerPoint.

%3CLINGO-SUB%20id%3D%22lingo-sub-2083896%22%20slang%3D%22en-US%22%3EMore%20visual%20cues%20to%20celebrate%20completed%20tasks%20and%20stay%20motivated%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2083896%22%20slang%3D%22en-US%22%3E%3CP%3EIf%20you%E2%80%99re%20like%20us%2C%20crossing%20a%20completed%20task%20off%20your%20list%20gives%20you%20a%20boost.%20The%20simple%2C%20visual%20act%20of%20striking%20that%20to-do%20is%20both%20satisfying%20and%20energizing.%20You%20did%20it%20and%20you%20can%20do%20it%20again.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThat%E2%80%99s%20exactly%20why%20we%20introduced%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fplanner-blog%2Fplanner-roundup-upload-files-in-teams-a-reason-to-celebrate-and%2Fba-p%2F1420602%22%20target%3D%22_blank%22%3Econfetti%20animation%3C%2FA%3E%20in%20Planner%20last%20year%3A%20that%20burst%20of%20color%20represents%20pride%20in%20your%20completed%20work%20and%20offers%20motivation%20to%20finish%20the%20work%20ahead.%20It%E2%80%99s%20also%20why%20we%E2%80%99re%20excited%20to%20announce%20even%20more%20visual%20cues%20to%20help%20you%20do%20the%20same%2C%20all%20of%20which%20are%20now%20available%20in%20both%20the%20Planner%20web%20app%20and%20the%20Tasks%20app%20in%20Teams.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CUL%3E%3CLI%3EA%20checklist%20progress%20bar%3C%2FLI%3E%3CLI%3EConfetti%20animation%20for%20completed%20tasks%3C%2FLI%3E%3CLI%3EConfetti%20animation%20for%20a%20completed%20checklist%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EChecklist%20progress%20bar%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EChecklist%20items%20are%20a%20bit%20like%20sub-tasks%3A%20they%E2%80%99re%20often%20added%20to%20a%20task%20as%20basic%20predecessors%20(to%20borrow%20a%20project%20management%20term).%20And%20like%20more%20formal%20predecessors%2C%20they%20should%20be%20completed%20before%20the%20primary%20task%20is%20checked%20off.%20This%20is%20easy%20if%20your%20checklist%20is%20just%20a%20few%20items.%20But%20what%20if%20it%E2%80%99s%20a%20few%20dozen%E2%80%94or%20more%3F%20Then%20you%20might%20need%20some%20help.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20help%20you%20keep%20track%2C%20we%E2%80%99ve%20added%20a%20simple%20progress%20bar%20to%20the%20top%20of%20the%20checklist%20element%20in%20your%20task%20cards.%20Like%20other%20visual%20cues%20in%20Planner%2C%20the%20new%20progress%20bar%20gives%20your%20team%20fast%20status%20on%20checklist%20items%20so%20others%20can%20jump%20in%20to%20help%20if%20needed.%20A%20visual%20bar%20is%20easier%20to%20quickly%20comprehend%20than%20the%20traditional%20numeric%20representation%20(e.g.%2C%2012%2F20)%E2%80%94which%20is%20still%20in%20the%20task%20card%2C%20by%20the%20way%E2%80%94especially%20if%20you%E2%80%99re%20skimming%20lots%20of%20task%20cards.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EConfetti%20animation%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EWe%20first%20announced%20confetti%20animation%20for%20the%20Planner%20web%20app%20in%20May%20(see%20the%20blog%20link%20above).%20You%E2%80%99ll%20now%20get%20that%20same%20burst%20of%20color%20when%20you%20complete%20a%20task%20in%20the%20Tasks%20app%20in%20Teams%20or%20the%20final%20item%20in%20a%20checklist%20in%20either%20experience.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22checklist_confetti_GIF.gif%22%20style%3D%22width%3A%20586px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F248184i325FBB3A789D1A22%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22checklist_confetti_GIF.gif%22%20alt%3D%22checklist_confetti_GIF.gif%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E2021%20is%20shaping%20up%20to%20be%20a%20busy%20year%20for%20Planner%20and%20tasks%20in%20Microsoft%20365%2C%20and%20this%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fplanner-blog%2Fbg-p%2FPlannerBlog%22%20target%3D%22_blank%22%3ETech%20Community%20Blog%3C%2FA%3E%20site%20will%20continue%20to%20be%20your%20source%20for%20all%20the%20latest%20news.%20If%20you%20have%20ideas%20for%20what%20else%20we%20should%20add%20to%20our%20pipeline%2C%20drop%20us%20a%20line%20on%20%3CA%20href%3D%22https%3A%2F%2Fplanner.uservoice.com%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EUserVoice%3C%2FA%3E.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-2083896%22%20slang%3D%22en-US%22%3E%3CP%3EA%20checklist%20progress%20bar%20and%20confetti%20animation%20are%20now%20available%20in%20both%20Planner%20and%20the%20Tasks%20app%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2101992%22%20slang%3D%22en-US%22%3ERe%3A%20More%20visual%20cues%20to%20celebrate%20completed%20tasks%20and%20stay%20motivated%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2101992%22%20slang%3D%22en-US%22%3E%3CP%3EConfetti%20animations%20-%20really%3F%20What%20we%20wish%20for%2C%20is%3A%3CBR%20%2F%3E%3CBR%20%2F%3E-%20Why%20do%20you%20remove%20checked-out%20checklist%20items%20from%20the%20Card%20%2F%20Board%20view%3F%20It%20seems%2C%20like%20team%20is%20sitting%20doing%20nothing%20-%20please%20let%20them%20be%20there%2C%20cheched%20thru%2C%20like%20in%20the%20detail%20view.%3C%2FP%3E%3CP%3E-%20Why%20are%20checklist%2C%20task%20description%20and%20attachement%20display%20on%20the%20card%20mutually%20exclusive%3F%20We%20want%20to%20select%20ourselves%2C%20what%20we%20want%20to%20display%20on%20the%20card%20%2F%20board%20view.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2111572%22%20slang%3D%22en-US%22%3ERe%3A%20More%20visual%20cues%20to%20celebrate%20completed%20tasks%20and%20stay%20motivated%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2111572%22%20slang%3D%22en-US%22%3E%3CP%3EThis%20is%20driving%20me%20insane.%3CBR%20%2F%3EConfetti%20animations!%3CBR%20%2F%3EAre%20the%20developers%20even%20aware%20that%20you%20still%2C%202021%2C%20can't%20paste%20an%20image%20from%20clip%20board%20into%20planner.%3C%2FP%3E%3CP%3Eplease%20fix%20the%20basics.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2145658%22%20slang%3D%22en-US%22%3ERe%3A%20More%20visual%20cues%20to%20celebrate%20completed%20tasks%20and%20stay%20motivated%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2145658%22%20slang%3D%22en-US%22%3E%3CP%3EPlease%20integrate%20links%20to%20OneNote%20pages%20%2F%20sections%20before%20developing%20firework%20animations.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EOneNote%20links%20should%20be%20a%20new%20attachment%20category%20or%20be%20automatically%20displayed%20as%20everywhere%20else%20in%20the%20MS%20World%3A%20%22Page%20Name%20(Webview)%22%20rather%20than%20a%20string%20of%20800%20symbols%20from%20two%20links.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E----%3C%2FP%3E%3CP%3EPlease%20improve%20task%20duplication%20before%20developing%20balloon%20animations.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPlease%20allow%20either%20parallel%20assignment%20(see%20user%20voice)%20of%20same%20task%20to%20separate%20people%20and%20%2F%20or%20simple%20duplication%20to%20numerous%20buckets%20and%20%2F%20or%20duplication%20via%26nbsp%3B%20CTRL%2BMouse%20as%20for%20elements%20in%20PowerPoint.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Version history
Last update:
‎Jan 21 2021 11:35 AM
Updated by: