Loading...
DMD Navigation   dmd  docs         Main Website
DMD Next · Getting Started

App Structure

DMD Next is organized into three horizontal zones: a persistent top status bar, a central content area with up to 3 panels, and a bottom menu split into three sections. This page covers the elements present across the whole app.

PORTRAIT & LANDSCAPE UP TO 3 PANELS
At a Glance
Top Bar
Battery, GPS Precision, Weather, Online Status, Clock
Bottom Menu
App Section selector, Speedo Area, Action Section buttons
Content Panels
Up to 3 side-by-side, loading the app section (Home, Map, Devices, Roadbook)
Orientation
Available in Portrait & Landscape
Table of Contents

App-wide settings, the Quick Menu, the Keep Background option, and Shutdown are covered in Global Settings & Background.

Layout Overview

Every screen in DMD Next is built from three horizontal zones:

Schematic of the DMD Next app layout with annotations for the top status bar, content panels, and bottom menu
Top Status Bar

Always visible at the top. Shows device battery and charging status, GPS precision, Weather, Connectivity, and time information. Never hidden by app sections.

Content Panels

Up to three equal-width panels in landscape and two in portrait mode, positioned between the top bar and bottom menu. The active section decides what appears in each panel, and a cascade system opens settings and detail views to the right of the primary content.

Bottom Menu

Fixed bar with three sections: primary navigation on the left, speedo in the middle (landscape) or an overlay (portrait), and section-specific controls on the right.

The top bar and bottom menu are always visible. Only the three content panels change between sections.

Top Status Bar

The top status bar runs across the full width of the screen and gives you an at-a-glance view of the device and environment. Reading left to right:

Top status bar
Battery
A battery gauge with percentage text. The color changes based on charge level — green for healthy, orange for warning, red when low. A charging indicator is shown when power is connected.
GPS
A GPS icon plus a status label (Online or Offline) showing whether you have a usable GPS fix. Tap to jump to GPS detail in the Home section.
Weather
Current weather icon and temperature for your location. Landscape only — hidden in portrait to save space. Tap to open the weather detail view.
Online / Connectivity
Indicates whether the device has an active internet connection (Wi-Fi or mobile data).
Date & Time
Current date and time, aligned to the right. Follows the device's 12/24-hour preference.
The top bar uses a dark background (#0b0f1a) so it stays readable over any map theme or panel content.

Bottom Menu

The bottom menu is an horizontal bar divided into three sections. Each section has a distinct role:

Bottom menu schematic with annotations for the three sections: navigation, speedo, and section controls
1Section 1 — Navigation

The four primary section buttons:

  • Home — Shortcuts, media, trip stats
  • Map — Map & navigation
  • Devices — Bluetooth & accessories
  • Roadbook — Route details
2Section 2 — Speedo

The central speedometer display. In landscape mode it lives in this section. In portrait it becomes a floating overlay above the bottom menu. See the Speedo Area section below for details.

3Section 3 — Section Controls

Contextual buttons for the currently active section, plus a Quick Menu (arrow-up) that gives access to Global Settings, Keep Background, and Shutdown — see Global Settings & Background.

Active Section Indicator

Each navigation button in Section 1 has a colored underline bar that lights up when the section is active. The default color is blue (#00b4ff). The Home button uses four different colors to indicate its sub-state — see the Home documentation.

Badges: the Home button shows a red notification count when new notifications arrive, and the Map button shows a small recording dot while a GPX recording is in progress.

Speedo Area

The speedo is a dedicated readout that shows your current speed along with contextual information. Its position depends on orientation:

Screenshot — /assets/img/dmdnext/speedo_portrait.png

Portrait view with the speedo overlay floating above the bottom menu. Map should be visible behind it.

Screenshot — /assets/img/dmdnext/speedo_landscape.png

Landscape view with the speedo in Section 2 of the bottom menu (full bar visible).

Portrait

The speedo appears as a floating overlay anchored to the top of the bottom menu, centered (55% width) with a semi-transparent dark background and rounded top corners.

Landscape

The speedo sits in the central section of the bottom menu, between the navigation buttons and the section controls.

Screenshot — /assets/img/dmdnext/speedo_zones.png

Close-up of the speedo with all three zones populated: speed limit sign on the left, large current-speed number in the center, speed camera alert on the right. Annotate the three zones.

What It Shows

The speedo area is split into three zones:

Left (30%) — Speed Limit
A rounded sign with the current road's speed limit. Turns orange when you are within 10 km/h of the limit and red when you are over.
Center (40%) — Current Speed
A large animated speed readout with smooth deceleration. Units auto-switch between km/h and mph based on your device locale (or your Localization setting).
Right (30%) — Speed Camera
Shows an alert when an upcoming speed camera is detected on your current road.
The speedo is only visible in the Map and Roadbook sections. It is hidden in Home and Devices where speed is not the primary focus. Speed is shown only when GPS accuracy is good (under 15 m) and above a minimum threshold of 5 km/h — below that it reads zero.
Continue Reading

App-wide settings, the Quick Menu, the Keep Background option, and how to shut DMD Next down are covered in their own page:

Global Settings & Background
Top