wish: Improve tag UI, display and autocomplete

Bug #1757381 reported by rugk
28
This bug affects 6 people
Affects Status Importance Assigned to Milestone
HomeBank
New
Wishlist
Unassigned

Bug Description

Problem:
1. In the tag input field, I can only enter text.
2. I have no idea, what separator to use to separate different tags (,?). At least, it is not intuitive and I'd have to look it up into the doc.
3. From the web, users expect a different UI for tags.

Solution:
IMHO the UI should be redesigned to match the common tag "UI" one knows from the web. See http://ui-patterns.com/patterns/Tag for how it looks. Basically it is just so that a box should be around each tag, and they are automatically added when I type the text in the input field. When I type "," (or maybe other separators too, so users can use what suits them) it should automatically convert the previous text into a text (i.e. display a box around it) and let me continue to type the next tag. Thus, it is clear to the user when a tag ends/what separator it uses, and they can intuitively add their tags.

Also it should suggest previous tags, so users don't accidentally add typos and their tags get different or so.

Revision history for this message
Maxime DOYEN (mdoyen) wrote :

yes things to improve out there

2. read the doc: http://homebank.free.fr/help/00-lexicon.html#tags

Revision history for this message
rugk (48509946-3) wrote :

BTW this is not a dupe of https://bugs.launchpad.net/homebank/+bug/1336928.

Maybe https://bugs.launchpad.net/homebank/+bug/1336928 is contained in it or a requirement, but I want more than a "combo box" as the other issue states. It would really be a bit harder, so maybe this issue is the next step.

Also you can surely say RTFM. ;) But I already addressed that: This change here should make it obvious/intuitive to the user, so they do not have to read the manual. (or at least not for that feature)

Revision history for this message
Maxime DOYEN (mdoyen) wrote :

to me it is a duplicate: the overall of those 2 wish is to improve the tags management process, no matter the way one user, another or you want it, this is the goal of duplicate: the what, not the how.

Adding this, tags is commonly separated by a space (like in launchpad, quicken and many other), so to me it is quite intuitive without reading the doc, and reading the doc explain in other case. I know it is boring to read, as well as it was for me to write and maintain it as well ;)

Let's keep this open for now.

Anyway, just keep in mind I do use GTK+, so if a ready to use tag GTK+ object exists somewhere I will be glad to use it, but it seems it is not, so let's keep toward using what GTK+ propose out of the box, no time for me to develop a complete GTK widget for this.

Revision history for this message
rugk (48509946-3) wrote :

> tags is commonly separated by a space (like in launchpad, quicken and many other)

No, it is commonly separated with a comma or so. Well… actually it should not matter how it is separated, because that is the point: The user should not need to know this, it should just change the display, as in GitLab e.g.: https://hostux.pics/images/2019/02/03/imagefdf1b36daa77288b.png (there it is a search, but it's the UI I mean)

I have no knowledge about GTK, I only found this (https://developer.gnome.org/gtk3/stable/GtkTextTag.html; somewhat explained in https://developer.gnome.org/gtk3/stable/TextWidget.html), but I doubt this is really what we want…

---

That said, maybe the real solution would be to not have a text field, have a "+" button, and that button would then provide the user a (searchable) list of tags (in a popup or so), where they can enter or add a tag.

Revision history for this message
Maxime DOYEN (mdoyen) wrote :
Maxime DOYEN (mdoyen)
Changed in homebank:
importance: Undecided → Wishlist
Maxime DOYEN (mdoyen)
tags: added: data-structure user-interface
Maxime DOYEN (mdoyen)
tags: added: gtk4
Maxime DOYEN (mdoyen)
tags: removed: data-structure
Maxime DOYEN (mdoyen)
summary: - wish: Improve tag UI
+ wish: Improve tag UI, display and autocomplete
tags: added: classification
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Duplicates of this bug

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.