Map view Mobile app

Helps users locate and select locations easily.

9 checks · 4 content groups

Checklist contents

Review progress

Screen and context

Compare information and presentation in context of use.

Distinguish locationsUse markers that are large enough, easy to touch, and clearly indicate the location being selected.Deny location permission then find a place by name. Maps need to keep search and results lists useful; Explain clearly why the user has not been located.Example Display “Enter address to search around the area you select”; The “Use current location” button is still available but does not block manual searches.Handling overlapping pointsWhen multiple locations are nearby, group them in large numbers and open them to view each location.Shows the number of locations in the cluster and opens enough to select each location. Do not use the same image for a cluster and a single location.Location permissions explainedAsk for the necessary permissions at the time of use and let you find the location if the user does not grant permissions.If location permissions are denied, keep searching by name or activity area and point to where permissions can be changed as needed.

Action and feedback

Try the operation, change the status and continue working.

There is a button about the current positionHold the easily visible positioning button and alert when the location cannot be determined.Distinguish the current position from the currently selected point; When not located, the button should respond instead of sending it to an unknown default location.Opening details retains contextShow location information while still easily returning to the location and zoom level just used.Panel priority holds the portion of the map visible when viewing a point; If you open a separate page, you must return to the previous selection point and zoom level.Clearly state that the data is not updatedWhen there is a network outage or a location error, report the status and retry or use available data.Mark saved data when network is lost. Keep the information useful and avoid displaying old update times as recently loaded data.

Complete the experience

Check for details that are easy to miss when putting the design into use.

Use familiar map controlsUse map components and interactions appropriate to the platform so users can predict how to pan, zoom, and locate a position.Compare loading status, location buttons, and screen rotation to common device behavior; Add customization when there is a clear reason.Search and filter in map contextLet users find places or adjust criteria while keeping the visible map area and active filters clear.After returning from the filter panel, keep the view and display the selected condition; Delete the condition that both the map and list points must be updated.

Branches need to be checked

Try specific scenarios when starting, changing, and completing tasks.

Explanation of the map when losing a lifeDistinguish between saved maps, unloaded data, and non-updated locations; keep the existing point view.Turn off the network after opening the map; does not display old data as just loaded results.Example The label Viewing saved data goes with the update time and the Retry button.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Check the map when the current location is not available

Deny location permission then find a place by name. Maps need to keep search and results lists useful; Explain clearly why the user has not been located.

EXAMPLES

Usage examples

Find places by address

Display “Enter address to search around the area you select”; The “Use current location” button is still available but does not block manual searches.