Mobile Development 10 min read

How AR Transforms Walking Navigation: Design Insights from Tencent Maps

This article examines the challenges of traditional walking navigation and explains how Tencent Maps integrates AR technology with mobile cameras to provide clear, intuitive, and safe guidance by overlaying directional cues directly onto the real‑world view, enhancing user experience across diverse street scenarios.

Tencent Mobility Industry Design Center
Tencent Mobility Industry Design Center
Tencent Mobility Industry Design Center
How AR Transforms Walking Navigation: Design Insights from Tencent Maps

Preface

Traditional walking navigation requires users to constantly compare abstract base maps, guidance panels, and the real scene, leading to high cognitive load, especially in complex road environments where sensor accuracy, positioning, and orientation are insufficient.

By combining AR technology with navigation, the phone camera becomes a new sensor that compensates for these deficiencies, overlaying intuitive arrows and road cues onto the live view so users can see the full‑panorama route, direction, and destination while walking.

Design Considerations

To address the shortcomings of existing walking navigation, three design standards were established:

1. Clear Structure

Functional entry points are explicit, with a flat hierarchy and real‑world interaction, reducing learning cost and improving efficiency.

2. Intuitive Guidance

Guidance information is directly superimposed on the live scene, using animations and 3D assets to lower comprehension effort and adapt to various contexts.

3. Safety and Reliability

The design ensures that while users enjoy an immersive experience, the system prompts them to put the phone down and pay attention to road safety in specific scenarios.

In Tencent Maps, the walking‑planning and navigation pages clearly expose the AR navigation entry, allowing quick access to the AR mode.

Natural Guidance Prompts

When entering AR navigation, the environment is scanned to calibrate the scene, and a mask animation provides clear guidance.

Users continuously see AR guide markers indicating distance and direction to the next turn, while a series of arrowed ground‑line dots indicates the path.

Switching Interaction Modes Based on User Behavior

Traditional navigation is held horizontally, whereas AR navigation requires the phone to be vertical. The design adds motion interaction so that lifting or flattening the phone automatically switches between AR and standard navigation.

Flat Hierarchical Structure

The main focus is a large AR view with a guiding marker, supplemented by a small 2D mini‑map at the bottom for contextual awareness.

Guidance Clarity

Real‑world road signs inspire the design of ground‑level AR markers that are clear yet unobtrusive. When users approach a turn within 30 m, the 2D marker transforms into a 3D element for stronger emphasis.

At distances beyond 30 m, the 2D marker remains a fixed size; within 5 m, the 3D marker becomes animated, and when touched it turns semi‑transparent.

Safety Prompts

Because users focus on the phone, safety overlays with dark masks and brief animations remind them to look up, especially at intersections, overpasses, and underpasses.

Conclusion

The AR walking navigation mode launched on Android in October and iOS in November. Early feedback shows strong user interest and satisfaction. Future improvements will focus on technical precision, AR marker stability, and a more transparent visual experience to make navigation lighter and more enjoyable.

mobileARUX designTencent MapsWalking Navigation
Tencent Mobility Industry Design Center
Written by

Tencent Mobility Industry Design Center

The Tencent Mobility Industry Design Center (SMD) is Tencent's user experience team focused on the industrial internet.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.