InfDes – OSUPD Project

Working with OSUPD to visualize a shooting incident that happened on OSU Campus in 2010. The incident is visualized and animated by using the victims testimonies and police records. OSU design students and professors visualized the incident by creating 3d animations, motion captures and information graphics. The final work will be used in police trainings. I work on the information design of the project.

May 17th – Week 1:

Create idea board and visual references: Examples of 2D & 3D infographics

Work on the incident, highlight main points

Start saving fonts and color palette

*Consider the mood of the work, it is formal, will be used for training.

Location: Maintainance building

Timeline Data:

1.Shooting      2. Police Check       3. SRT check

3:30 A – Suspect arrives, talks to 3 people outside the building [OUTSIDE]

Walks inside shooting happens

3:32 A – 1st 911 call inside the building

3:33 A – 2nd 911 call outside the building OSUPD arrives the area

3:47 A – Police checks the suspect and victim (All of them stand out of the room 107)

3:51 A – building locked down SRT is called to check the building

3:54 A – Victim 1 is dead. Suspect and victim 2 transported to Medical Center

4:35 A – SRT arrives –> 6:15 A searching the building

4:48 A – SRT checks 1st floor 

5:02 A – First floor clean

Footage notes: 07:57 timeline needs to be cleaned up, 09:42 move text to up

Q. Should we see the overall timeline steps through the video as a seperate layer in order to track the 

Week 2 – May 24th:

Focus on timeline and infographics.

Top view details: Overall mapping of incident area (Parking lot, eyewitness stand point and building diagram to show the area details)

İncident details: Infographic for shooting details. (The bullet angles, shooting times and victims, etc.)

Timeline & Infographic Process

The main challenge that I have gone through is the adaptation to motion design. I realize the mindset is slightly different between still and motion design. I realize that I focus on the still images rather than considering the motion aspect of the project. The requirements and opportunities between them are different even if the final frame is going to be the design I create in the first place. Firstly, motion carries the layering to a different level in terms of giving the information partially and sequentially. Secondly that layering process has a critical role in timing. The sequencing should be timed carefully in order to give the information in an ideal time frame, not too fast or too slow but in a way that audience could follow readily. Motion enhances the opportunity of communicating the information in a convenient but more effective way.

Design process of different scenes resulted in different learning challenges. The infographic below designed in order to show the number of students and employees in Ohio State University, that Police Department of the university is in charge of. Each police officer is approximately responsible from 1,010 students and 890 employees. I aimed to show the drastic difference between the campus population by grouping the information using the color codes and icons. The ideal representation is designed after different trials such as visualizing the exact numbers. However, considering the scale and size visualizing the ratio of university population to one police officer, resulted in a better representation of numbers.


Infographic1.jpgGraph 1. Infographic Design to visualize the number of employees and students each OSU police officer is responsible from.

Another challenge is the timeline (graph 2 & 3) which is a great opportunity to explore the linear sequencing, critical and overlapping events that are happening Besides I aimed to sort the right amount of information in a linear form. Organization of a 2-hour event on a single surface requires a linear design with a start and end. I used line and color to create the main timeline structure and build the event timeline by writing the exact timing of critical points, also support the design by using time indicator, icons and graphic elements.

infographic2Graph 2. Detailed timeline
ShootingGraph-05.pngInfographic2timline-05.jpgGraph 3. Summarized version of timeline that is animated through the video in order to show the sequence of incidents


The shooting takes place less than 2 minutes and officers respond to crime scene immediately. Therefore, the representation is supposed to show the fast and intense rise of action and chain of events in a short time period.

Lastly I worked on a shooting diagram (graph 4.) in order to show the exact gun fire points. N. Brown (suspect) fired the gun 3 times around point 1 area and then fired 3 more times around the point 2 area. He was chasing after H. Wallington. According to the officer reports he shot Wellington in the second point and after chasing him until outside of the room, he shot himself.

ShootingGraph-05.pngGraph 4. Shooting diagram




Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s