fancyham
commented
1 year ago Here’s an idea where the row background is tappable to highlight its pin on the map, but the text and icon (only) are clickable to get to the org detail:
It should probably activate on a ‘touch-down’ event, so that if someone touches and drags to scroll, they’ll see the corresponding pin of the item they touched highlight on the map.
This could reduce the number of buttons. Test to see if it makes sense to users, though.
Showing using the not-often-seen split-screen view for tablets:
ihorng
Context
With our split-screen view that shows both a list organizations and the map, it’s impossible to tell which pins correspond to which list item.
This makes it difficult to pick and choose an item, and to identify items.
How is it now?
How it is now:
Our list and map are pretty independent of each other: Hovering a cursor over a list item has no effect on the map. Hovering over a map pin isn’t reflected by anything in the list.
Proposed new feature
We want to help users match up the map pin with the listing, and vice-versa. This is a challenge with Mobile since there are no hover-states.
Action items:
This will require a new highlight state for the map pin, and for result rows.
Quick mockup:
Here’s how Yelp does it — we could do something similar. https://www.yelp.com/search?find_desc=tacos&find_loc=San+Francisco%2C+CA
Discussion
An added benefit of numbering our pins is that our search results become printable!
References:
Related issue
1120