russbiggs/spot-the-box

Handle overlapping points

Closed this issue · 8 comments

russbiggs commented

Some points in the data set overlap since they have the exact same lat/lng. We need a way to disaggregate these and allow users to distinguish between overlapping points during survey

russbiggs commented

Screen Shot 2020-09-01 at 9 10 18 PM

Current concept. on click if there is more than one feature a pop up shows and the user click which outlet they want to survey. @mikelmaron any thoughts?
frizatch commented

I like this pop-up with the mailbox codes a lot if:

  • the intro instructions (I think I saw a redo showing this) point out these numbers with the pic + arrow in a way that can't be missed.
  • the different codes appear in the pop-up in big enough buttons on mobile to easily bit with your finger.

Awesome work, Russ!

russbiggs commented

@frizatch Good idea on bigger buttons. I have implemented the how-to with the Location No/Outlet ID on the develop branch, i've got a red arrow pointing to the number to hopefully make that clear!

frizatch commented

Great! Yes, I saw that how-to mock-up in #32 I think. Perfect.

ranatalus commented

I think that's perfect! I only have minor changes to suggest:

  1. Change is the punctuation/capitalization to:

"N collection boxes at this point.
Select one:"

  1. Could we change the bullet points to reflect the dot legend we've already set up?

  2. Keep interactable object spacing in mind; most standards are to have touchpoints that are, at minimum, 48x48px with at least 8px between them--and, ideally, having the entire area of text be interactable, not just the text itself (which makes for awkward finger targeting)

  • 👍1
russbiggs commented

@ranatalus @frizatch I've given the list items 48px height and 8px spacing and implemented the color coding (great idea!). The entire area around the text (48px) is clickable. Any other thoughts?
Screen Shot 2020-09-03 at 10 13 20 AM

ranatalus commented
frizatch commented

Yep, lovely!