Redesigning the Streetlight Management Mobile App for Field Crews
Redesigning the Streetlight Management Mobile App for Field Crews
Redesigning the Streetlight Management Mobile App for Field Crews
TerraGo Technologies introduced a new interface for its streetlight management app, designed to create a user-friendly experience that enhances usability and improves navigation for field crews.
As the UI/UX Design Lead, I conducted the design process by identifying user pain points, creating intuitive designs, and leading collaboration across teams to deliver seamless, user-centered solutions.
ROLE
UI/UX Design Lead
TEAM
Chip Hathaway, VP Product
Jon Willis, Director of Product Development
Kyle Goranson, Senior Software Developer
Mark Walsh, Full-Stack Developer
Sunil Karthick, Software Developer
Ramachandran, Software Developer
Fred Wolke, Lead Software QA
TIMELINE
Apr 2023 - Dec 2023
PLATFORMS
iOS, Android
Project Goal
The primary objective of this project was to transform the Gen 5 application into a more user-friendly and map-centric interface, making asset data more accessible and revolutionizing asset management. By simplifying navigation and reducing information overload, the goal was to enhance the efficiency and intuitiveness of the application, enabling field crews to manage assets with ease.
Slide left or right to compare
Process
Research
Gathered feedback from Project Managers through meetings and calls, focusing on key areas like the user interface, features, workflows, performance, and bugs. Additionally, attended customer training sessions to observe how field crews interacted with the app, gaining valuable insights into their behavior and challenges.
Insights Analysis
A Clear and Simple Menu/Navigation
Users prioritize an easy-to-understand and uncluttered navigation system to reduce complexity.
Enhanced Visual Progress Indicators
Users require clearer visual cues to track their progress and interaction status effectively.
Concise Information Delivery
Users value simplified and streamlined information to avoid visual clutter.
Streamlined Workflows
Users seek efficient and well-defined workflows to improve task completion.
Design Flow
Focused on enhancing the app’s user experience by simplifying navigation, improving usability, and ensuring smooth implementation. This involved restructuring the app’s framework, conceptualizing initial design layouts, and finalizing detailed visual designs. Close collaboration with teams ensured alignment with user needs and company goals throughout each phase.
Design Overview
The design overhaul focuses on improving user experience by enhancing map-based navigation and optimizing asset management. By streamlining interactions and refining the layout, the changes make it easier for users to manage and review their assets efficiently. These updates contribute to a smoother, more intuitive interface, improving both task flow and data accessibility.
Key Design Highlights
Offers a map-based interface that presents asset data more clearly and efficiently.
Simplifies task and screen transitions by reducing unnecessary steps.
Presents essential data in a cleaner layout to reduce clutter and improve readability.
Displays clear indicators to give users real-time feedback on project status and connectivity.
Map-Focused Design
Transforming the interface into a map-focused design makes asset data more accessible on mobile. Increasing the map size allows users to view more records along with their status, making it easier to manage multiple assets. This reduces the need for excessive zooming or panning and streamlines navigation for more efficient asset management.
Map Size Enhancement
Map size increased by 35% to display more records and their status.
Improved Record Selection
Allows users to view the current record and switch to others more easily.
Streamlined Navigation
The streamlined navigation menu simplifies task and screen transitions by reducing unnecessary steps. By grouping menu buttons or organizing them more clearly, users experience less clutter and confusion. This smooths the flow between menus and the main screen, allowing users to complete tasks faster with fewer taps and a more efficient experience.
Bottom Navigation Bar
Introduced a new bottom navigation bar with 'Map', 'List View', 'Projects', and 'Settings' for users to quickly switch between menus/pages.
Floating Action Button(FAB) Menu Screen
The new FAB menu screen lets users access additional action buttons with search filter options, addressing the need for more buttons on the main screen.
Settings
Combined system and map settings into a dedicated page with clear sections, making it easier for users to manage preferences without navigating multiple screens.
User-Centric Data Organization
By displaying multiple items in a simplified list format, users can quickly review and search for assets with less scrolling or effort. When more information is needed, they can tap the 'Show More' button to expand a card or tap the title to open the details page.
Simplified List View
Shows multiple items with a reorganized layout and simplified attributes for better clarity.
Show More Cards
Allows users to view more information and perform actions by tapping the "Show More" button.
Clear Visual Indicators
Visual indicators provide clear status updates to inform users when a project download is available or when there is no signal. This keeps users informed about important conditions, reduces confusion, and helps them stay on track with their tasks.
Project Download Banner
Displays a project download banner to let users access the latest project records and ensure they have up-to-date data.
Device Offline Banner
Displays an offline banner to alert users when the device is out of signal range, letting them know their work may not upload and could remain pending on the server.
Outcome & Conclusion
The redesigned Gen 5 Streetlight Mobile App was successfully released and delivered to our utility customers. The transition went smoothly, and I gathered valuable design and user experience feedback, which continues to guide product improvements. As my first mobile redesign at TerraGo, it provided valuable experience working on a core product and collaborating with diverse teams. I'm thankful to everyone who helped bring the vision to life.
Impact and Results
92%
Initial User Adoption Rate
Quick user adoption with minimal training required
1.85x
Operational Productivity
Reduced confusion and improved task completion efficiency
78%
Training Cost Savings
Minimized the need for in-person training and travel
