Need a more obvious styling for drag areas

NEW
Unassigned

Status

()

5 years ago
a year ago

People

(Reporter: jaws, Unassigned)

Tracking

(Blocks: 1 bug, {uiwanted})

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [Australis:P4])

Attachments

(1 attachment)

Need a more obvious styling for drag areas
Details?
Flags: needinfo?(jaws)
Whiteboard: [Australis:M?] → [Australis:M?][Australis:P4]
When a user starts dragging an item, we show dashed outlines around the potential drop targets. The outlines are too subtle and aren't easy for users to find if they don't know what to look for.
Flags: needinfo?(jaws)

Comment 3

5 years ago
How about dimming everything except for possible drag targets?
Keywords: uiwanted

Comment 4

5 years ago
How obvious do we want to make it that you can place things BEFORE the address field and tabs?  (In ltr locales, that's the LEFT).
Did you have a position on this, Stephen? Or Blake?
Flags: needinfo?(shorlander)
Flags: needinfo?(bwinton)
It does seem a little hard to see where you can place things…
In the mockup we made the droppable areas have a similar blue glow to the item you're dragging, and even then the people we user-tested with didn't really seem to realize that they could put things in the toolbar and the menu panel.

In particular, the current toolbar outline totally blends in to the edges of the toolbar.  If there was some extra padding between the outline and the edge of the toolbar, or if we had small dotted squares in between the toolbar items, that might help.

But I should really leave the visual design to the visual designer.  ;)
Flags: needinfo?(bwinton)
One thing in Stephen's live mockup that isn't addressed in bug 963576 is the lighter background / glow within the dotted line area. That might make this a little more visible.
Created attachment 8387827 [details] [diff] [review]
The first version of the patch…

Okay, here's a first cut at a patch.  Lemme know what we need to fix, and what we'ld like to fix…
Assignee: nobody → bwinton
Attachment #8387827 - Flags: ui-review?(shorlander)
Flags: needinfo?(shorlander)
Whiteboard: [Australis:M?][Australis:P4] → [Australis:P4]
Comment on attachment 8387827 [details] [diff] [review]
The first version of the patch…

Review of attachment 8387827 [details] [diff] [review]:
-----------------------------------------------------------------

From our IRC conversation last week:

The backgrounds helps visibility but the way this is constructed with outline-offset creates a less than ideal background bleed. Is there a way to fix that?
Attachment #8387827 - Flags: ui-review?(shorlander) → ui-review-
(I'm not actually working on this, and suspect it could be resolved WFM…)
Assignee: bwinton → nobody
You need to log in before you can comment on or make changes to this bug.