Crime Scene Investigation

Story

Joe works as Detective in the Crime Scene Unit (CSU), which is a part of the SPD

Detective Bureau's Forensic Investigations Division in Smallville City Police Department.

He usually begins his shift by checking out his Case list. He chooses the Case, which he

currently work on, checks and update information about it. Some information is stored in

Police database, and some information on the case is conducted on paper (such as

Reports, Notes etc.). Therefore, Joe has lots of paper work to do, which is boring and

takes a lot of time. When Joe needs to find some specific information on the Case he must

look through lots of papers, which also steals his precious time, which he could spend

investigating crimes.

Joe does some investigation activities, than adds some new Evidence / Suspect

info / interrogation of suspect’s records when he is back to Police station. He would like

very much to have simple application on his smartphone or tablet, so he could record,

update and overview crime cases he responsible of, even from remote locations.

Application would enable CSI professionals and police officers to glance at their

current cases and get more detailed information and status of every case. App would

contain structured information of every case, including evidence list, crime scene

information, suspect profiles and witnesses records. It enables to upload pictures and

video related to the case. New Lab researches also can uploaded to corresponding case.

When enough evidence collected and suspect can be charged with a crime, the

Case is referred to court. Officer change case status and paste all materials to District

Attorney.

In addition, if Joe could see statistic of his solved/unsolved cases as simple graphic

feature of this app, it would greatly motivate him to improve his efficiency.

Copyright/Trademark

Persona

______________________________________________

______________________________________________________________________________________

J oe We st SPD Detective

ABOUT

37 years old Divorced 12 years of experience working in Smallville PD

WORS WITH

Crime scenes, Witnesses, Evidence, Police Lab, Property Clerk

• Responsible for forensic investigations of all homicides and

sexual assaults, as well as other serious crimes

• Processing of a crime scene

• Collect and catalogue evidence

• Prosecution of criminals and their apprehension

• I have to make sure all possible evidence are collected and all

witnesses interviewed

• Proper crime scene investigation

• Efficient reporting and recording of crime cases even from remote

locations

JOB RESPONSIBILITIES

MAIN GOALS

PAIN POINTS

NEEDS

• Application which can provide fast access to information about

each of my cases including evidence and Lab research

• I need to know background and crime history (if it exists) of all

participants of my crime cases

• I need to be able to transfer easily all information about the

case to the District Attorney when I have enough evidence to

identify the perpetrator of the crime and convict them at trial

• No quick case overview

• Evidence, Lab research, Crime scene materials, suspects and

witnesses’ information are stored in different places. As a result,

investigation of a crime and evidence analysis takes a long time

• Lots of paper work to do

“I like to solve Case quickly in order to

prevent criminals from making even more

harm.”

User Experience Journey

Mindset

Actions

Touch points

What is on the Persona’s mind while taking the actions of their journey? How do they feel each step of the journey?

What actions and activities does the Persona take while going thru the journey to achieve their goal?

What touch points does the Persona have? (Tools, channels, devices, conversations, and so on.)

Got identity of suspect, let’s get him!

It’s second robbery incident this week

I wonder if they are connected?

Hope there will be video record this time

No direct evidence from last incident

There is a witness, hope he can identify suspect

Have to finish Report of last week crime incidents

At last! Some solid evidence - fingerprints

Yay! Got perfect picture of suspect from camera

Check if there are injured or victims

Record amount and description of what was stolen

Get video records from cameras

Interview witnesses

Search for fingerprints and collect evidence

Check suspect profile

Go to Police station, make a Report

Pass evidence to the Lab for study

Identify suspects

Check fingerprints in Police database Declare the Wanted list of suspects

Apprehend suspects and charge them with the crime

Go to the crime scene

24/7 Shop that was robbed

Paper Report / Records

Witness Crime scene Shop cashier Police station

Desktop

Police Laboratory

Video record

Paper Notebook

Again paperwork

Evidence

Police database

Current User Experience Journey Duration of the Journey: 1 week

Got enough evidence to convict suspect at trial

Declare the Wanted list of suspects

Apprehend suspects and charge them with the crime

Police Laboratory

Police database

Point of View

Joe West, the Detective in Smallville Police

Department needs a way to record, update and

quickly overview all information about his every Case

(even from remote locations) so than he could

concentrate on investigation process.

Mock Up A Design for the application was created using the Prototyping kit. In my Application, I

used Split Screen Layout.

Master Page (on the left side) contains Cases that is being investigated by

detective. It shows short information about the Case, such as ID, short description,

classification, Status, date and address of the Crime.

Detail Page (on the right side) contains more detailed information about the Case.

Information grouped and structured with Icon Tab Bar. Each Tab contains corresponding

amount of information, which can displayed when you switch tabs.

Copyright/Trademark

Incident Overview Tab displays Case overview.

Attachments Tab displays different attachments files related to selected Case, such as

Photo, images, video files, text protocols.

Notes Tab displays Notes, done by Detective while Investigation process.

Copyright/Trademark

Related Persons Tab contains detailed information about Persons involved in the Case,

which divided by following groups: Suspects, Witnesses and Victims. By clicking on

person, listed here, you will navigate to that person’s Profile page, which contains all

available information about that person.

Copyright/Trademark

Lab Research Tab contains information about Evidence, which was found at Crime scene

and transferred to Police Laboratory for research. Pictures of such evidence and Lab

research results displayed here.

Study Link to my Study:

https://standard.experiencesplash.com/home/projects/2a33d5721f68a3ca0ba5978c/resear

ch/participant/3f977e3fa23f1d370babfba0

Link to my PROTOTYPE (Suspects and Witnesses Details pages added):

https://standard.experiencesplash.com:443/api/projects/2a33d5721f68a3ca0ba5978c/prot

otype/snapshot/latest/index.html#/1457943756613_S0

SAP Web IDE App Navigation I exported my App Project from BUILD tool and used mock-data for my CSI app as

recommended. For better understanding, I will explain names of my application’s pages:

Master Page - 1457943756613_S0, Detail Page - 1457943756614_S1, Witnesses Details

Page - 1459764455802_S3, Suspects Details Page - 1460103352977_S4. Here I will

demonstrate and explain navigation from Involved persons Tab of the Detail Page

(1457943756614_S1) to Suspects Details Page (1460103352977_S4).

Therefore, in order to connect those two screens, we need to choose navigation area of

the Details Page (in my case, it is Column List Item, which I highlighted with yellow color).

Then, on the right side in Web IDE, I chose Events Pane and selected one of existing

Copyright/Trademark

Event handlers from the controller: _onPressNpsapmColumnListItem145975868611106M.

This event handler triggers navigation to Suspects Details Page, which we will see when

we Go to Code in the corresponding controller.js file.

As we can see in code, this event handler triggers navigation to 1460103352977_S4 -

Suspects Details Page.

SAP Web IDE App Implementation

I will demonstrate the implementation of additional Tab Filter (Reports Tab) and will add

Feed Input Control, which will serve as Create & Send Report feature.

1. Open Detail Page (1457943756614_S1) in Layout Editor

2. From the Controls tab on the left, drag&drop new Icon Tab Separator, after that drag&drop

new Icon Tab Filter

Copyright/Trademark

3. In Properties Pane on the right, I

changed Icon and Icon Color, so it would

more correspond to Reports Tab. I also

removed Text and Count of the Tab Filter

using Properties Pane.

4. From the Controls tab on the left, I dragged Feed Input Control and dropped it under the

corresponding Icon Tab Filter (my new-added Report Tab). After that, I have chosen Feed

Input Control by clicking on it and made changes in Properties Pane on the right (such as:

changed default icon and default text).

5. After that, I Saved changes and Run my CSI project in Preview mode with mock-data,

which I made. All changes saved successfully and we can see new customized Tab Filter

with Feed Input control in it, displayed in Preview mode.