Currently, activeedit uses a samll icon below a field to designate that it can be edited with ajax editing. I find this a bit confusing as the main body editing link is at the very end of the node, so it seems that a user would see, and push the first link, thinking that is how to edit the content, and not realize that the link for main content is down at the bottom. I'd like to see the link for editing the body in a more obvious place, and maybe even with some text. Another option would be to highlight the editable content when a user rolls over it, and launch the field when they click. This way the highlighting/bg color would show a user exactly what they are editing and also alert them that they can edit just by rolling over and clicking.
I'm not sure how this works with the fact that links within the body will be clicked, but I've seen it done elsewhere, so there must be a simple solution. All in all, the module is great, but usability is not obvious to the user IMHO.
| Comment | File | Size | Author |
|---|---|---|---|
| #4 | activeedit-button.patch | 838 bytes | nedjo |
Comments
Comment #1
nedjoThanks for the suggestions. I'm interested in improvements, but would need some significant design work before making big changes. There are many possible implementations, each with advantages and disadvantages. Is there an emerging de facto standard approach? What are major implementations we could model on?
Perhaps a simple [edit] link instead of a button would be more intuitive?
Comment #2
jasonwhat commentedI'm not sure what is easiest from a tech standpoint, but I think a simple "edit this" would do the trick. It would especially be intuitive if as you rolled over the link the bg changed for the area that would be edited so the user knows what they are editing. Another way might be to take the varible from the field (although I don't like "edit taxonomy") so it could say, "edit body," "edit email address" or whatever with cck nodes.
Comment #3
nedjoSome parts of this are there in the current implementation. Mousing over the editable element makes the edit button go from semi-transparent to opaque. Mousing over the edit button gives a tooltip suggesting what can be edited. We could adapt these.
Comment #4
nedjoApplied the attached patch to HEAD and 5.x dev to remove the graphical button and instead use a plain HTML button with the test 'edit'. Anyone who wants to can override this in a theme's css to reinstate the previous look. Todo: make this 'edit' text translatable.
Comment #5
(not verified) commented