IBM Smarter Cities
A map-based interface for mobile monitoring and troubleshooting of events across multiple city utilities or services.
The design process
Review user and market research
My background as a data and information systems analyst in the public sector gave me special insight into the problem space. Our team worked closely with project stakeholders to understand the user needs and system/resource constraints.
Ideation and sketching
Our team brainstormed ways to use incoming IOT data to intuitively monitor events and information across an entire city and its various departments, utilities, and services. We sketched and whiteboarded data visualizations and interactions.
Working closely with our stakeholders and experts, we narrowed our scope to a set of visualizations and interactions that would comprise the new interface. The primary features are:
- Touch-based map interface
- Lens metaphor to expose more detail on areas of the map
- Different lenses reveal different data
- Lens interactions alter lens contents
- Lenses are draggable, resizable, and can be fully or partially layered
- Docked toolbar on screen edge from which to drag lenses and access records or dashboards
Wires and mocks
Please note the designs below are visual adaptations of my original designs. Some features are not publicly accessible yet, and so I am only showing what IBM has publicly shared. More designs may be released as IBM makes them public.
Interactive lenses expose information about focused areas on a map.
More detail can be accessed via the docked toolbar (e.g., dashboards, records, or related data.)