PROJECT TEAM & BACKGROUND  |  RESEARCH  |  ITERATIVE DESIGN  |  USER TESTING |  IMPLEMENTATION DETAILS

Design
Methodology


Paper
Prototypes


VB Prototype 1

VB Prototype 2

VB Prototype 3

VB Prototype 4

VB Prototype 5

VB Prototype 6

VB Prototype 6

Screenshots | Explanation

Screenshots

MetroViz: Category Selected, Summary Table

start page

 

MetroViz: Multiple Metrics Selected, Data Table Shown

MetroViz with Line graph

 

MetroViz: Bar Graph, Data Table Hidden, Right Click Menu

MetroViz with bar graph

 

MetroViz: Input Interface

MetroViz with bar graph

 

MetroViz: Change Interface

MetroViz with bar graph

Explanation

MetroViz: Main Interface

After a rigorous process of designing, testing, and redesigning, we arrived at our final version of MetroViz. The main interface is the data visualization and analysis part of our original design architecture. It allows users to browse or search for metrics, create line and bar graphs, view saved graphs, print graphs and data tables to add to briefing books, and export data to Excel for more complex analysis. We feel the interface meets our primary goal of allowing quick visualization of metrics, to find glaring issues, inconsistencies or even just interesting information for further analysis and attention at CitiStat meetings. However, due to the short time-frame of the project, ideal features were not able to be implemented but we recommend implementing in future iterations. These features include: tooltips, zooming and panning, contextual help, additional graph types such as pie charts or bar and line combos, trendlines, login / security options.

Input Interface

Our research has shown that DPW workers often need to collect data for CitiStat templates that doesn't come directly from the Foreman system. The input interface was created to aid city workers in inputting this additional data into a central database. Data from the Foreman System is automatically pulled in to this central storage area to create the backend for the main or MetroViz interface. It was meant to eliminate the need to switch programs by entering data directly into the input interface, replacing the need for the CitiStat template. However, if viewing the data in an Excel sheet is desired, MetroViz allows users to export data and graphs to Excel.

The input interface allows users to select a metric and add new monthly data, as well as edit existing entries. Using the same tree browser as MetroViz, a user can easily tab through the different metrics to enter in a slew of data, or use the search function to find a specific metric quickly and easily.

Change Interface

From our contextual inquiries we found that making changes to the CitiStat template was often a tedious and time-consuming process. Although changes occurred very rarely, we wanted to design a better way to make these template changes. The change interface allows users to add new metrics or edit many different attributes of the existing metrics. Editable attributes include name, description, type of metric, unit of measure, as well as DPW specific information such as project and task codes. We predict the interface would only be used by authorized users, after changes have been agreed upon to appease all parties involved. to eliminate inconsistencies and false

See Our Solution for more details on our final prototype.

Links to Data


© Carnegie Mellon University, Masters of Human-Computer Interaction, CitiStat project: Peter Centraf, Lisa Edelman, Lorrianne Nault, Matt Sharpe, Adrian Tang