Leantime / leantime

Leantime is a goals focused project management system for non-project managers. Building with ADHD, Autism, and dyslexia in mind.
https://leantime.io
GNU Affero General Public License v3.0
4.77k stars 597 forks source link

[FEATURE] Add gamification elements (similar to Asana) #1879

Open CodeShakingSheep opened 1 year ago

CodeShakingSheep commented 1 year ago

Is your feature request related to a problem? Please describe. In my company we recently started using LeanTime more regularly and my girlfriend wasn't too satisfied with it and still preferred Asana. I asked her to provide some specific feedback and the biggest point to her was that she was missing the flying unicorns πŸ¦„ whenever she completes tasks. She said that it always puts a smile on her face when she sees them on Asana and that it helps her to stay motivated and keep going.

Describe the solution you'd like I would love to have one animation for the start (in the future may be additional variations) which flies across the screen whenever a user completes a task (e.g. drops a ticket in the 'Done' column).

Additional context Here is an article worth reading regarding Gamification web design (also featuring a screenshot from Asana). As a source of inspiration, here are the assets Asana uses. Asana animations I would love to contribute to this when I find the time. Unfortunately, I have no skills in design. So, I would need somebody else to provide the graphics for the animations.

marcelfolaron commented 1 year ago

Thank you. Love the graphics. We'll need to find some oss graphics we can use

gloriafolaron commented 1 year ago

Love these ideas, @CodeShakingSheep ! Totally speaking my language.

We're currently working on some more gamification like elements with our AI. This is a beta / test screenshot and I have to caveat that this will still be in our cloud offering for a little bit but I'd love to get her thoughts.

Screen Shot 2023-09-16 at 10 54 35 PM

So here, two of our AI features are on this screen along with L.E.O. (our AI representative, short for Leantime Enhanced Outcomes).

Status updates: he collects updates to build status reports

but this highlighted task view -- there's some internal debate on this "lightsaber" like effect. It speaks to my ADHD and star wars nerd level. We're open to criticism, though.

About this feature: Our AI will prioritize your top 10 tasks due this week and highlights the top three that you should start with based on their priority. Meant to be kind of a candy crush like feel.

The next phase of this feature will include task ratings by emoji -- so you can select how you feel about the task. As the AI gets to know you, it'll start helping prioritize tasks based on how you feel about them and optimizing them for the right balance.

Screen Shot 2023-09-16 at 11 02 07 PM

L.E.O. is also animated and hearts when you hover.

We haven't pushed L.E.O. to OSS at this point but we're working on it. I'd love to get her (and yours) thoughts on these elements, though.

CodeShakingSheep commented 1 year ago

Thanks for picking this up @marcelfolaron @gloriafolaron πŸ™

I asked my girlfriend for feedback about your comment @gloriafolaron and this is what she texted:

I think the lightsaber highlights are great! πŸ”₯ This looks 10,000 times better and clearer! I also think the emojis are a great idea to bring in something personal/casual. I love the prioritization based on how you feel. Additionally, I'd appreciate prioritization according to different systems, e.g. "eat the frog", most convenient tasks, or a manual mix that you can decide for yourself. If you have a hard day and find it difficult to motivate yourself, you can sort things according to what feels easiest / most convenient. And if you feel a little more grounded, eat the frog. And if you say as many to-dos as possible, manual mix would be great.

Personally, I also like the more visual prioritization and especially ordering list of tasks. I was wondering what do the lightsaber colors represent in this context? I also like L.E.O. as sort of Leantime assistant. Great work πŸ‘

Coming back to the original idea to add an animations for completion of tasks. I created a list with possible animations in Lottiefiles here. Some animations are rather playful (e.g. running animals) while others are a bit more "serious" ;) Or maybe it could also integrate better in the overall design just to animate L.E.O. What do you think?

gloriafolaron commented 1 year ago

Thanks for all the ideas! Just wanting to update that we're currently getting some designs done with LEO on it 😍

CodeShakingSheep commented 1 year ago

Thanks for all the ideas! Just wanting to update that we're currently getting some designs done with LEO on it 😍

That sounds awesome, excited to see them πŸ™Œ

marcelfolaron commented 1 year ago

Some first trial. What do you think? My Video

guillemsuetta commented 1 year ago

Some first trial. What do you think? My Video

Seems a little bit intrusive if it's in the middle of the screen, also maybe shorter animation. Maybe also make it optional in the settings.

CodeShakingSheep commented 1 year ago

Some first trial. What do you think? My Video

I like it! Perhaps move it to the bottom left corner. Is the animation also triggered from Kanban view when you drag and drop an issue to the 'Done' column?

CodeShakingSheep commented 5 months ago

It's been a while. Any ETA when the gamification elements will be released for the self-hosted version?

gloriafolaron commented 5 months ago

No official ETA right now, unfortunately. We're a bootstrapped project and these elements are currently tied to our AI features. Several things would have to go into breaking those out to make it a flexible option. I'd love to get them out sooner rather than later, though so definitely open to ideas or contributions here. We have several options and images for them.