Taxonomy Manager - UI Design

mh86's picture

The first week of summer of code is nearly over. So it’s time for a short report what I’ve done so far with the “Taxonomy Manager”.

First of all, a short description of my project. At the moment, the Drupal’s taxonomy module provides only a simple administration page for adding / editing terms. When having a bigger amount of terms, it gets hard to manage the list of terms. My project will implement an additional powerful interface for managing longer lists of terms.

This week I thought about, what functionality is needed and how I can design a user-friendly interface for the taxonomy manager. So I did a UI design first, you can see the design in the attached image.
I plan to divide the page into two parts. On the left side, there is the dynamic tree-view of the taxonomy. The tree-view contains checkboxes and weight forms for mass editing, like deleting, merging, changing of parents and adding of terms.
By clicking on a term on the left side, the term properties appear on the right side. This area shows all term related information and allows the fast editing of synonyms, description, term name, parents, children and the related to terms.
Additional, on the top of the page, there is a autocomplete form, where you can directly select terms for editing.

For the upcoming week I plan to work on the tree-view. I tried already a jQuery plugin (Treeview). It’s based on lists and it works quite nice, but I have to look, if it’s possible to add forms like checkboxes or weight forms to the list or if it’s better to use something different (e.g. tables).

So, any additional ideas for the UI design are welcome :)

AttachmentSize
taxonomy_manager.jpg242.65 KB
Groups:
Login or register to post comments

That's looking awesome. A

robertDouglass's picture
robertDouglass - Sun, 2007-06-03 18:21

That's looking awesome. A jpg with annotations would be nice, too. For example, it isn't clear to me what all of the buttons would do. Thanks for the weekly report.


Synonyms

jpetso's picture
jpetso - Sun, 2007-06-03 18:37

I think the synonyms could be displayed and edited in the same way as children, parents and related terms are. Then you could assign the "Update" button to the description only and let all the other elements be submitted dynamically with Ajax, so the properties part of the page would become quite stateless. Other than that, cool mockup 8)


It would help if...

benc's picture
benc - Tue, 2007-06-05 12:37

Nice work so far. It would help clarify things further if you give us a screenshot for each important command.

Example, how would the screen look like for merging? For changing parents? For adding and editing? I know it's there somewhere in your jpg but right now it's not labelled properly :).

"Work smarter, not harder."
http://digitalsolutions.ph