Product Design | 2015

Pasalo: Managing Infrastructure Issues in Guatemala

How can we bridge communications between civilians and municipalities to address water infrastructure issues?

How can Guatemala bridge the gap between civilians and municipalities to flag and address infrastructural issues in need of maintenance and attention?

Though there was a beta in production, the redundant color schemes and mixed functionality made the process of reporting and responding cumbersome. The lack of differentiation and specialization across the desktop, tablet, and mobile products for all types of users in the system (resolvers, QC, delegators, administrators, etc.) creates visual clutter and work- flow confusion. Event statuses, app flows and functionality, color coding, and iconography all lacks one global standard within the application, and is instead separate (and sometime conflicting) between user types. Simpilfying the organization and clarifying the consistency of the desktop application design can streamline the work-flow for the most feature-intensive uses of Pasalo.

The current state of the system

The existing Pasalo application before we started working on it was a mix of non-native patterns and redundant colors. Without a global standard, the system created work ow confusion among the many different types of users.

Persona workshops

We held a workshop with the client to create 4 target personas who would use Pasalo. While the application was first used by Guatemala’s water infrastructure company, Champion Software hopes to white-label Pasalo for other event-based issue tracking software. The personas helped keep the diversity of future potential users in mind.

Defining required features by user group and device

Given the complexity of the system, I interviewed the Pasalo users to split the features of the enterprise application across three device mediums, each focused on the actions central to that user role.

Core Workflow

I worked with the Product Manager to white-board the core workflow.

Understanding the information hierarchy of the Pasalo system

Through multiple meetings with the team and their users, we began to clarify the task management and resolution process to reduce redundant work and find the simplest possible flow between user types. We also created one, global color scheme that would be consistent regardless of user type.

Wireframes and prototype

After extensive reviews, I created mid-fidelity mocks in Sketch and prototyped in Invision to demonstrate functionality and connections between the screens. Simplifying the organization and clarifying the consistency of the desktop application design helped streamline the workflow for the most feature-intensive uses of Pasalo. Ultimately, the final product of this engagement was the fully interactive Invision prototype, which was passed to the client's development team to implement.

Wireframe of the Delegator's admin panel, which assigns tasks to be fixed within certain areas