Mailing List Archive

[Bricolage #244] Add "Edit element" link to container elements in story profile
// Add your reply above here
==================================================
Aaron Fuleki updated this ticket at March 17th, 2011 @ 07:53 PM

In Bricolage 1, elements containing multiple fields or subelements had "Edit" buttons that would navigate users down into the element, for as many levels as there were nested elements. The good news: Bricolage 2's new AJAX-y interface has greatly simplified the UI (yay!), so there's no more stupid subelement spelunking. The bad news: container elements still require that users click a little triangle before they'll expand to show an editable view of their contents, and nothing really indicates that clearly to users.

The twisty-expanding-triangle is a common enough design pattern, but it's not clearly linked to an edit action. Users now have to chain together two distinct actions: open, then edit. Worse yet, the word "edit" is used in the "Bulk edit" link along the bottom edge of elements, which could be confusing; by "could" I mean "is", as I observed users make this mistake in the first 15 minutes we demoed bricolage 2.

I'd like to request that a new link and icon be added to elements, just after the "Bulk edit" option, maybe a little pencil icon that says "Edit element" or something similar. All this will really do is call the same JavaScript method as clicking the little triangle to open up the element contents. Once open, the text should toggle to something like "Close element" or "Collapse element".
--------------------------------------------------------------------------------

Assigned: Bugs (at bricolage)
State: new
View this ticket online: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile

Stop being notified of this ticket's changes: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile/watch
Update your Profile: http://bricolage.lighthouseapp.com/profile
Support: support@lighthouseapp.com or http://help.lighthouseapp.com
[Bricolage #244] Add "Edit element" link to container elements in story profile [ In reply to ]
// Add your reply above here
==================================================
Aaron Fuleki updated this ticket at March 17th, 2011 @ 07:56 PM

If #243 is implemented (Add new preference to show or hide bulk edit), then this would make the default story view a lot clearer and much more self-explanatory. Experienced bric 1 users would see the keyword "edit", and novice users would have some hope of finding it on their own.
--------------------------------------------------------------------------------

Assigned: Bugs (at bricolage)
State: new
View this ticket online: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile

Stop being notified of this ticket's changes: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile/watch
Update your Profile: http://bricolage.lighthouseapp.com/profile
Support: support@lighthouseapp.com or http://help.lighthouseapp.com
[Bricolage #244] Add "Edit element" link to container elements in story profile [ In reply to ]
// Add your reply above here
==================================================
Aaron Fuleki updated this ticket at March 22nd, 2011 @ 03:24 PM


--------------------------------------------------------------------------------

Assigned: Bugs (at bricolage)
State: new
Assets:
- edit_element.png http://bricolage.lighthouseapp.com/projects/29601/tickets/244/a/971678/edit_element.png


View this ticket online: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile

Stop being notified of this ticket's changes: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile/watch
Update your Profile: http://bricolage.lighthouseapp.com/profile
Support: support@lighthouseapp.com or http://help.lighthouseapp.com
[Bricolage #244] Add "Edit element" link to container elements in story profile [ In reply to ]
// Add your reply above here
==================================================
Aaron Fuleki updated this ticket at March 22nd, 2011 @ 03:40 PM

Here are some UI mockups for how this could or should work and look. The breakdown:

* Add a new icon and link called "Edit Element" for container elements (see attached button icon and mockup).
* Clicking the icon or link text opens the container element (same as current red arrow).
* Opening/closing animations:
* fade out/in content preview line
* fade in/out element contents
* window shade the parent div down/up
* Note: element contents should stay at the top of the parent div upon opening, and not magically move underneath the related story/image buttons as is does in 2.0.1.
* Once open, update link text to say "Close Element" (do not change icon); swap back to "Edit Element" on close.
* Update "Add Element" icon to include grey arrow, like buttons elsewhere in the UI that launch drop-down menus (see attached).
* Make link button text consistent:
* Link text that launches drop-downs should be bold (see mockup).
* All other text should be normal font-weight.
* Make the font family and size consistent (e.g., Lucida Grande, 10pt).
--------------------------------------------------------------------------------

Assigned: Bugs (at bricolage)
State: new
Assets:
- edit_element_open_alt.png http://bricolage.lighthouseapp.com/projects/29601/tickets/244/a/971733/edit_element_open_alt.png

- edit_element.png http://bricolage.lighthouseapp.com/projects/29601/tickets/244/a/971732/edit_element.png

- add-element-with-arrow.png http://bricolage.lighthouseapp.com/projects/29601/tickets/244/a/971731/add-element-with-arrow.png

- edit-element-button.png http://bricolage.lighthouseapp.com/projects/29601/tickets/244/a/971730/edit-element-button.png


View this ticket online: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile

Stop being notified of this ticket's changes: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile/watch
Update your Profile: http://bricolage.lighthouseapp.com/profile
Support: support@lighthouseapp.com or http://help.lighthouseapp.com
[Bricolage #244] Add "Edit element" link to container elements in story profile [ In reply to ]
// Add your reply above here
==================================================
Aaron Fuleki updated this ticket at March 22nd, 2011 @ 05:48 PM

Also, regarding link buttons:

* Add tooltips where missing (e.g., 'Bulk Edit' => 'View raw element code for bulk editing (advanced).').
* Use a hover style to reinforce clickability (underline, or use a subtle color/background change).
--------------------------------------------------------------------------------

Assigned: Bugs (at bricolage)
State: new
View this ticket online: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile

Stop being notified of this ticket's changes: http://bricolage.lighthouseapp.com/projects/29601/tickets/244-add-edit-element-link-to-container-elements-in-story-profile/watch
Update your Profile: http://bricolage.lighthouseapp.com/profile
Support: support@lighthouseapp.com or http://help.lighthouseapp.com