Streamlining School Transportation: A Unified UI/UX Solution for Bus Tracking

Mobile Application (For parents)

We designed screens for parents, staff and admin.

For parents, the high-fidelity design includes features like phone number & OTP verification for secure login, a home page displaying the status of their child's pick-up and drop-off, a live track location option, notifications for upcoming events, and a profile section for attendance tracking and payment.

Home and Location Page

Design Psychology

• Color Psychology: The utilization of the green color to indicate when a child was picked up evoked positive feelings and reassured parents about their child's journey. Green signified safety and progress, triggering a sense of security and relief in parents' minds.
• Anticipation Principle: The status bar that showed the bus's estimated time of arrival (ETA) at each stop applied the anticipation principle. By updating parents in real-time about the bus's location and expected arrival time, the app managed their expectations and minimized uncertainty regarding their child's transportation.

Live Track Location

Design Psychology

• Visual Anchors:  Visual cues, such as map markers or progress bars, acted as anchors directing parents' attention to the bus's location and movement along the route. This made it easy for users to understand where the bus was in relation to their child's stop.
• Framing: Information about the bus, such as its current location and the names of the driver and attendant, was presented in a clear and concise manner, framed within a user-friendly interface. This framing helped parents quickly locate and digest relevant information without feeling overwhelmed.

Notification and Request

Design Psychology

• External Triggers: Notifications served as external triggers, prompting parents to take action, such as preparing for upcoming events or addressing alerts. By providing timely reminders and alerts, the system helped parents stay informed and prepared.

Profile

Design Psychology

• Feedback Loop: Enabling parents to mark their child as absent from the profile section created a feedback loop with the school. This feature allowed parents to communicate attendance changes easily, promoting involvement and accountability. Timely feedback fostered transparency and collaboration, enhancing the user experience.

Mobile Application (Staff members)

Staff members also have a similar login process with phone number & OTP verification. Their interface includes features like scanning QR codes for student pick-up lists, tracking the next pick-up location, reporting student attendance, and accessing their profile for attendance logs and route history.

Home and Pickup

Design Psychology

• Nudge: The QR code works like a signpost, showing staff where to scan to see the list of students they need to pick up. It helps them know where to look and what to do next.

Location and Student Report

Design Psychology

• Feedback Loop: If a child misses the bus, staff are notified immediately with a "Missed Bus" alert. This quick feedback prompts them to take necessary actions right away, like informing parents or addressing the situation promptly. It ensures problems are dealt with promptly and keeps everyone accountable.

Desktop version (School Authority (Admin))

• In the admin desktop version, the student dashboard provides a comprehensive overview of student attendance and bus sign-up status. It also allows tracking buses' login times and student payments. The buses dashboard displays arrival times, total students, and live tracking, while the payment dashboard manages student payment statuses.
• Additionally, the system includes detailed student management, allowing for adding, editing, and viewing profiles, as well as staff and bus management functionalities. Admins can add staff members, edit their details, and allocate bus numbers and routes. They can also manage buses, including adding, editing, and removing bus profiles, and tracking logistics such as available capacity and routes.
• Furthermore, there are options for managing requests, tracking payments, and editing logistical details such as bus routes and staff assignments. Overall, the desktop version provides comprehensive tools for efficient school bus and student management.

Design Psychology (admin desktop)

• Hick's Law: To simplify decision-making for admins, the number of options on each dashboard and page was limited. For instance, on the student dashboard, critical information like attendance status and bus sign-up status was prioritized, reducing cognitive load.
• Confirmation Bias: The system showed proof and information to users, confirming the reliability of the bus system. It displayed exact bus arrival times, locations on a map, and updated payment statuses on the "Buses Dashboard" and "Payment Dashboard" screens, enhancing users' trust in the system.
• Nudge: Subtle hints or reminders were used to prompt admins to address pending tasks or requests. For example, a notification badge was displayed on the "My Request" page, indicating the number of pending requests awaiting action.