Improve the UI #34
Labels
No labels
bug
documentation
duplicate
enhancement
good first issue
help wanted
invalid
question
wontfix
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
edfloreshz/tasks#34
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
I've been using tasks for a while now and enjoy it a lot. There are some changes to the UI I'd like to suggest though, so I created a mockup. I've looked at other task managers like Errands and Planify and also the Cosmic apps for reference.
My main suggestion is to remove most of the high emphasis icon buttons, since they make the UI look quite busy. The default Cosmic apps have a minimalistic approach and don't use them. So I'd drop them where they are not necessary, like the button for adding new tasks. You need to use the keyboard to write the task name, so you'll probably just press enter instead. Also the icon looks more like a send button in a messenger app to me. The same goes for the edit button. You can edit the task name by clicking on it. This is more intuitive, so I'd drop that button as well. I would also replace the export button, with a button to move all completed tasks to the trash. Errands has this feature and it's quite useful. I'd make the export functionality accessible via the files menu in the window header instead. I don't think people are exporting their list three times a day, so that space could be utilized better. With a new button to remove completed tasks, the trash button behind every task could be dropped as well. Again making the UI cleaner and avoiding component duplication. So the only button I'd keep there is for opening the context drawer. I'd also split tasks into separate cards and show a expand / collapse icon on hover if a task has sub-tasks, like Errands. Clicking anywhere on the task (except the name) could expand or collapse it, so the target area is bigger than a button. Showing the number of uncompleted task in a list and the progress for each task would also the helpful. The context drawer is great already, I'd just apply the same things as above to the sub-task section too. Lastly, context menus could be used to expose more actions, without cluttering the UI.
Maybe some of these ideas are useful to you. Thank you for this great application :)
I've been wanting to improve the UI but had no idea how, now I know.
I'll work on this for the next release. 🎉
This is great feedback, thanks for taking the time with the mock up and the issue 👍🏼
To-do's:
There's currently an issue with context menus, which is preventing me from implementing the suggested behavior.
Managed to implement some things already:
Context menu
Details
Export
Wow, that was fast! The app looks very polished now :)
I need to sleep now, I've been coding straight for 8-9 hours 😴
Please don't over-work yourself. Burnout is no fun. There are no deadlines is the foss world... 😌
I got a little carried away, working on this is fun for me!
I haven't had a chance to take a look at that, but it is most likely related to libcosmic or flatpak.
Could this be merged, even if it's partial progress? This would be a significant improvement to both user experience and usability.
I worked on this a while back but I faced some issues, I'll try to tackle this again and see how it goes.
@M00NJ I'm getting quite close to completing this request! By the way, can you share the name of the icon to move completed tasks to the trash?
@herrdiener I have merged my progress so far, feel free to review it and let me know your thoughts 👍🏼
Amazing work, this looks great!
Sure, I grabbed the icon from Google's Material Symbols and it's called "remove done". I don't think it's a common icon in many sets. If this doesn't work due to licensing or something else let me know. An icon like this is simple to make... :)
Thanks! I'll include it once I work on that feature.
Brilliant work, thank you! The interface now looks classy and keeps the attention where it needs to be.
(Also during the last two hours, you've been fixing regressions faster than I was able to report them - mad respect.)
I've only noticed a tiny usability peeve, which, since this is merged to master, I've opened a separate issue for.