Description of the new functionality
With our page re-design the business details on mobile are shown as coming up from the bottom of the screen.
Currently when you click on a map icon it shows the whole business details and covers the map.
What we would like is that only the business name and three round buttons with icons inside are shown at the bottom of the screen overlaying the map, so that you can still see the map and click on different business icons.
A user should be able to pull the business details up to show the full business details and cover the map, once open it should be possible to pull it back to the bottom.
The user should also be able to completely close the business details by dragging down to the bottom of the screen.
The three buttons should be to:
Call
Directions
Website (if available)
When the "Directions" button is clicked, it should expand the current directions DIV and expand the height of the details so that it becomes visible ( it should toggle to close if you click it for a second time )
The call button should call the number.
The Website button should open the website in the CURRENT window, do not open a new tab as this is a bad accessibility UX.
Description of the new functionality With our page re-design the business details on mobile are shown as coming up from the bottom of the screen.
Currently when you click on a map icon it shows the whole business details and covers the map.
What we would like is that only the business name and three round buttons with icons inside are shown at the bottom of the screen overlaying the map, so that you can still see the map and click on different business icons.
A user should be able to pull the business details up to show the full business details and cover the map, once open it should be possible to pull it back to the bottom.
The user should also be able to completely close the business details by dragging down to the bottom of the screen.
The three buttons should be to:
When the "Directions" button is clicked, it should expand the current directions DIV and expand the height of the details so that it becomes visible ( it should toggle to close if you click it for a second time )
The call button should call the number.
The Website button should open the website in the CURRENT window, do not open a new tab as this is a bad accessibility UX.