PROJECT: UX design for radar display

In this project I made Figma prototypes suggesting improvements for a radar display interface. I collaborated with a back-end developer who programmed the changes based on my suggestions. The interface is continuously under development.

The original interface.

Original radar display interface

First changes on original software based on design suggestions such as:

  • Larger nav-bar
  • Move home-button and zooming buttons
First changes on radar display interface

Further changes in Figma prototypes:

  • Tidying up buttons
  • Prioritize hierarchy of buttons
Figma prototype of radar display in light mode

+ added dark mode

Figma prototype of radar display in dark mode

Training video

I made a video explaining the functionality of the display.

Development of elements:

▸ Operation menu development

Original software first iteration

Original operation menu Original operation menu second version

Figma development

Settings menu light mode Settings menu light mode toggled on Settings menu dark mode Settings menu dark mode toggled on

Software programmed result in blue/default mode

Programmed software result in blue mode

Software programmed result in light mode

Programmed software result in light mode

Software programmed result in dark mode

Programmed software result in dark mode

▸ Keybinds menu development

Original keybinds menu

Original

Figma proposal for keybinds menu

Figma proposal

▸ Location setup menu development

Original location setup menu

Original

Figma proposal for location setup menu

Figma proposal

Further Figma proposal for following a pinned track.

Figma proposal for following a pinned track