WorkAbout MeLeisureResume

Case Study Overview

Client

Mayor's Office of the City of Bloomington.

Problem Space

I worked on the transparency initiative with the goal of creating a transparent government ecosystem for the residents of the City of Bloomington.

Solution

I proposed a solution of an extension of the B-Clear Data portal into Community Kiosks strategically placed around the city.

Outcome

The City of Bloomington started a granted application to attain funding to implement community kiosks.

Design Process

Design Process

During this year long process, I utilized my design process as shown here. Because of the length of the project, I attempted to utilize Agile methodologies to break up the work in more manageable chunks.

While the community kiosks were not taken all the way to launch, my research and recommendations have been presented to the City of Bloomington and a grant application has been submitted to pursue kiosks at this time.

During the first half of the this process, I maintained a blog for milestones that go more into depth on specific points of the process. You can find that here.

Research

During my research, I utilized 6 different methods to better understand the problem space of transparency in government. You can see below the procedures and insights for each of these methods.

Procedure

The secondary research consisted of listening to and reading different podcasts, videos sources, and articles which discuss transparency in different contexts. These contexts included workspaces, government, history, and relationships to name a few.

Insights

The press help keep a transparent system accountable
Transparency helps create a more egalitarian culture
The power within a democracy should be housed within the people.

Procedure

My literature review looked at different papers that looked at the relationship between government transparency, government communication, and community trust and confidence with the government.

Insights

Transparency and constituent trust in the government do not have a direct relationship; however there is a notable in-direct relationship.

Procedure

The survey consisted of 39 questions that included short answer, multiple choice, and select all that apply questions.

It was distributing utilizing official government communication channels such as Backdoor, official social media pages, and email lists. In total, the survey had 54 participants.

The survey data was analyzed utilizing affinity diagramming.

The survey constructions was done jointly with my colleagues Shikhar Mangla, Tingting Hu, and Payoshni Kulkarni.

Insights

Getting things done in an official capacity within a government structure is a long process.
The residents define transparency as, “The ability for any citizen to easily access the same information that's available to elected officials and staff, and to trust that deliberations and decisions are made in public view.”
The residents feel that the Mayor’s office is failing at being transparent and honest about the unhoused population.

Procedure

For my exemplar study, I collected 3 different exemplars to look at how different levels of government are working towards transparency. My exemplars included 2 city websites and 1 state department website. All exemplars collected were from the same state as the City of Bloomington.

Insights

Transparency shouldn’t shy away from redundancy.
Transparent data is easy to read and understood.

Procedure

I constructed a journey map of the experience that a government employee might have while trying to post the data collected to the B-Clear data portal the City of Bloomington currently has.

This was primarily constructed on assumptions to better understand the workload implications of any designed soution.

Insights

Posting the data in the way the current form to the public is a lot of work.

Procedure

I interviewed the Deputy Mayor of Bloomington and the Innovation Director of Bloomington about their current practices, desires, and definitions of transparency.

These interviews were conducted along with my colleagues Shikhar Mangla, Tingting Hu, and Payoshni Kulkarni.

Insights

The mayor's office wants all of the data collected by city departments to be published.
The mayor's office doesn't want the data to feel like a "need in a haystack" situation.
The mayor's office defines transparency as "sharing what the government has with the residents in a usable and digestible way so that they can give recommendations to the government."

Major Takeaways

From my research I found the following takeaways which helped direct the prototyping process:

Transparency Definition

Governmental Transparency has the following qualities:
1. Ease of access of data
2. Readability of data
3. Public decision making
4. Ability to provide feedback in a meaningful way.
Transparency is mutually desired.

Both the mayor's office and the residents of the City of Bloomington want governmental transparency in a meaningful way. The residents specifically want more transparency about policies affecting the unhoused population.
Transparency has many benefits.

Government transparency policies help promote trust between residents and government officials, build an egalitarian community, and builds understanding of governmental processes.

Design Principles

Based off of my research I came up with three design principles that I believed should utilized during the design process.

Discoverable
Inclusive
Approachable

Design Goals

To accompany my design principles I also came up with two goals I wanted to address with my design.

Include the unhoused population in the governmental process
Increase the ease of access to information

Prototyping:

First Iteration

After analyzing the information presented to me during my research, I was passionate about the idea of a community kiosk as the solution. At first, I felt that this idea was unlikely to be taken and applied by the City of Bloomington. I decided to pursue it despite this because I wanted to deliver to the City of Bloomington something that I believed attainable if they were willing to invest in it.

Sketching

To start my prototyping, I started sketching out ideas.

At first, I started with the "obvious" design around a kiosk (bottom right) in order to get it out my system so that I could push for more innovative ideas.

I then moved on to other ideas such as integrating the kiosks into the the public transit system and art instillation type kiosks.

Throughout the prototyping process I would frequently return to sketching as a means of understanding the important functions of the design.

Community Kiosk Sketches

Digital Modeling

I further explored the different forms for the community kiosks by modeling them in Blender.

While modeling, I tested out variations on the forms that I was considering. I also sought feedback for each of my forms from my colleagues and other individuals who are residents of the City of Bloomington.

Community Kiosk Digital Modeling

Major Takeaways

Through this process, I decided to include two different forms the Bus Stop Kiosk and the Park Kiosk in order to reach a wider audience. This decision was brought about through the following major insights.

Form should support and emphasize Function
‍‍
The form should be similar enough to other information installations to encourage engagement. The features available shouldn't distract from the primary purpose of the design while demonstrating principles/values of the City of Bloomington.
Logistical decisions are needed to finalize the form.
‍‍
Finalizing the form of the design requires other factors such as location to be determined. Budget and maintenance plans will need to be determined as well.

Prototyping:

Second Iteration Location Selection

Taking the insights from the previous round of prototyping, I moved forward by taking density maps from the City of Bloomington's existing data portal to analyze possible locations that would help reach the most people.

City of Bloomington Density Maps

I started by looking at different density maps prepared by Bloomington Transit as part of their 2019 route optimization report available here. I pulled the population density map, the employment density map, and the zero-vehicle household density map.

Combined Density Map

City of Bloomington Layered Density Map using Population Density, Employment Density, and Zero-Vehicle Household Density.

Bus Stop Kiosk Locations

Locations for the bus stop kiosk were selected by looking at bus stops that fell within or near red areas of the combined overlay map. These areas indicate a higher population of individuals that would be inclined to utilized the transit system and where they would be located at either end of their bus route. The following bus stops were selected:

1. 1st and Walnut (R 7 & 1)
2. Rodgers and Rockport (R 2S)
3. 11th and Summit (R 2N)
4. Walnut and 19th (R 1N)
5. Rhorer Rd at Clear Creek (R 1S)
6. High and Covenantor (R 4 & 5)
7. Kingston and Longview (R 8)
City of Bloomington Bus Stop Kiosk Location Map. Bus Stop Kiosk locations layered over a black and white layered density map.

Park Kiosk Locations

Locations for the park kiosks were selected by considering the impact of each park via social justice and through population density. Two of the five parks selected were picked as a means of bringing the unhouse population back into the governmental process and to demonstrate a desire to be transparent about policies concerning the unhoused population. This was done in response to specific feedback given in the survey. The remaining three locations were picked based on population density and usage. The following parks were selected:

1. Park Ridge East Park
2. Twin Lakes Sports Park
3. Bryan Park
4. People's Park
5. Seminary park
Park Kiosk Locations on a Parks and Rec Black and White map.

Design Solution

Kiosk Installations

Making B-Clear Accessible

The installation of community kiosks as a means for residents to access B-Clear Data Portal helps make public data more discoverable and accessible.

Inclusive Pilot Locations

The pilot locations were selected in order to be inclusive by reaching a wider range of the resident population of Bloomington. A few locations were specifically selected to welcome the unhoused population into the governmental process.

An Engaging Form

The two different styles of kiosk were designed to encourage interaction by telegraphing their purpose but also making them feel approachable. Both styles feature rounded corners to prevent injury of children and residents.

Park Kiosk photoshopped into People's park
Bus Stop Kiosk photoshopped into the 1st and Walnut 7 & 1 Bus Stop

Kiosk User Interfaces

Bus Stop and Park Kiosk User Interface - City Maps

Shared features

The user interface is designed to help users not only discover data and information, but also related events going on in the community.

I've increased inclusiveness by placing a "suggested events" panel that will suggest local events based on the information you are looking at. This invites residents to attend committee meetings and festivals that they may be interest in.

To make information that is popular discoverable, the 3 topics tabs on the right of the interface are generated based on data and information that is most popularly looked for at that specific kiosk location.

In contrast, to make the information presented approachable the first 2 tabs on the left are static and are based on the type of kiosk and the location of that kiosk.

Bus Stop Kiosk User Interface - Doublemaps/City Maps

Bus Stop Kiosk Features

The bus stop kiosks default to a view of the Bloomington Transit Doublemaps with the bus routes that apply to that bus stop already viewable. This feature helps the approachability of the kiosks by presenting information people are already looking for.

Park Kiosk User Interface - Neighborhood Data & News/City Maps

Park Kiosk Features

For park kiosks, the primary landing page is the "neighborhood news & data". This is to increase the discoverability of new and important information that is relevant to residents in the area of the kiosk.

Another unique feature of the park kiosk's is the time stamp at the bottom of the neighborhood news and data page. This time stamp has the current time and the the time for sunset because most parks close at sunset. This is to extend the accessibility of immediately useful information available at the kiosk.

Public Outreach

In addition to the design a brochure and PSA video were created to mock up introducing the community kiosks to the public. Both introduce the kiosks and their function. The brochure, which is meant to educate on the types of information a resident can access, has information about where to find the kiosks and what the different topic icons represent. The PSA video is a more casual introduction which educates the public on how to use the kiosks and what the purpose of them is.

Reflections

I found this project to be both professionally and personally fulfilling. I got a chance to exercise all the skills that I have built up over the course of the Indiana University Human Computer Interaction design program while also being able to work with and contribute to the local government of the City of Bloomington, my home for the last several years.

I found the process of this project to be enlightening. While I attempted to implement a process that resembled agile, I am not completely sure I succeeded in using this model due to my own inexperience with it. In contrast, working with the City of Bloomington was illuminating in concerns to working with a client. I regret that the initiative that we were working on with the City of Bloomington was more exploratory because I would have like the experience of working with a budget.

I think what I learned from the experience of this process was the ability to self direct towards a deadline. It was also excellent practice in deciding which steps are needed to progress the project further. For a couple of the research methods, the experience of working through the government approval structure was also good in terms of better understanding how to allot enough time for navigating those approval processes.

Contact Me