Overview

Magnatag is a real-time vessel monitoring application used to track vessel positions, statuses, and operational activities. The system relies heavily on continuous connectivity to ensure accurate and up-to-date data visualization.

This project focused on adding a connection lost alert to immediately inform users when the system is unable to communicate with the server, preventing misinterpretation of vessel data.

Problem

Previously, when the system lost connection to the server:

• The application continued displaying the last available data

• Users were not aware that the data was no longer real-time

• Vessel positions could be misinterpreted as current

• There was no clear indication whether the issue came from:

  • Network disruption

  • Server downtime

  • Local connectivity issues

In a vessel monitoring context, this created a critical risk, as operational decisions could be made based on outdated information.

Goals

• Clearly communicate when the system is offline

• Prevent users from assuming data is real-time

• Maintain visibility without blocking the entire interface

• Enable quick recovery once the connection is restored

Solution

A persistent connection status alert was introduced to notify users immediately when the system loses connectivity.

Key Features

• High-visibility alert message: “Unable to connect to server”

• Clear explanation that the system is offline

• Primary CTA: Reconnect Now

• Non-blocking layout, allowing users to keep contextual awareness

• Automatic dismissal once the connection is restored

UX Considerations

• Clarity over ambiguity
  Users instantly understand the system state without guessing

• Non-intrusive but noticeable
  The alert does not block interaction but remains clearly visible

• Action-oriented feedback
  Users know exactly what to do next

• Operational trust
  Prevents false assumptions about live vessel data

Interaction Flow

1. System detects connection loss

2. Alert banner appears on the interface

3. User is informed that data may not be real-time

4. User can attempt manual reconnection

5. Alert disappears automatically after successful reconnection

Before vs After

Before

• No visibility of connection state

• Users assumed data was always live

• High risk of operational misinterpretation

After

• Clear system status at all times

• Reduced confusion and user anxiety

• Improved trust in data reliability

• Faster response to connectivity issues

Impact

• Improved situational awareness during connectivity disruptions

• Reduced risk of decision-making based on outdated data

• Higher user confidence in system reliability

• Stronger alignment with mission-critical monitoring standards

Key Takeaways

• System status feedback is essential in real-time monitoring tools

• Small UX improvements can significantly reduce operational risk

• Transparency builds trust in complex enterprise systems