1
PALANTIR MOBILE Real-time police dispatch service on iOS and Android devices. Palantir mobile improves situational awareness by providing access to organization’s information to the palm of your hand. I carried out the entire redesign for the Android version of Palantir Mobile. My work included the interface re-vamp for pre- existing services and new features such as geo- tagging, reporting, and barcode scanning. I also produced the front end for the client database library and web management portal. I supervised and iterated on designs alongside the mobile developerss and ensured the product progress authenticy. The design process was finished within a month in June 2014 and was launched in August 2014. Sketch, Illustrator, Android IDK, LESS/CSS ROLE TIME FRAME TOOLS The product received amazing feedback from our clients and it was featured during Palantir’s monthy company-wide sync and later the Grace Hopper Conference. POST LAUNCH Q 1 W 2 E 3 R 4 T 5 Y 6 U 7 I 8 O 9 P 0 A S D F G H J K L Z X C V B N M ?123 STRUCTURE BREAKDOWN SAMPLE MOCKS TO BEGIN (OLD VERSION) STATISTICS DESIGN ITERATIONS DESIGN HOURS THE REVAMP MAP Login Map Search Settings Messages Reports The Android version of Palantir Mobile was made during hack week and its UI needed A LOT of polishing. In addition to the revamping the pre-existing UI, features such as reports, geo-location, and barcode scanning were designed and implemented. · Cleaner, more spatial distribution · Bigger action button, ease of access · Relevant tab icons · Cleaner data organization · Notification Update · Android-theme layout · Dark theme with high contrast · High contrast, easy for reading · Android-like search/nav integration · Cleaner view VIEW REPORT MAP TEAM FILTER MAP CONTACT AGENT REPORTS OVERVIEW LOGIN NAVIGATION SEARCH RESULT CREATE REPORT LOGIN NAVIGATION SEARCH RESULT CREATE REPORT MESSAGES NEW RECIPIENT REPORTS MULTI-SELECT 3+ 40+ MONTHS TO COMPLETION 1.5 SUPERVISION/QUALITY ASSURANCE 50+ MOCK SCREENS 50+ CHALLENGES · The app was to strictly align with Android design guideline and Palantir · Primary users: mid-age police officer, with limited training to technology · “Fat finger problem” is highly common · App requires to have high visual contrast, ease of navigation and clean · Primary devices: Nexus 5, Moto X GENERAL · Identifying users on map as a pin Users are pinned by team colour and initial, when selected, the border highlights and the pin centers Three buttons on top for ease of access; Teams differ by colour assignment; Drop down option to avoid excessive scrolling Team member list show as a drop down, instead of repetitively zoom into the map to identify user Icon added beside team filter for ease of access; filter behaves similarly to team pins · Team filtering · Handling high density pinning · Intergrating geo-location for report search MAPS · Breaking down information · Creating the report layout · Submit, and multi-select options · Fat finger problem · Ease of recognition and navigation The information database is web based. As a result, information presented is extremely clustered. Breaking down information by section and identity section category, create visual breakdown and increase convenience when searching. Report is a new component to Palantir Mobile. It is meant to replace the current pen and paper style report card. Clean and logical data input flow; High visual contrast and reasonable font sizing; Example input to ensure correctness Easy-access submit buttons - planted at the top and bottom of the application. Shorten search time. Multi-select increase the convenience for batch editing as this is the common workflow. Spacing out actionable items to avoid fat finger problems. Creating more padding, gap, and incorporate colours to create visual and physical difference. Mixing orders of actionable items to prevent fundemental mistakes. Call to actions are easy to find; report content are easily recognized and therefore filled. United all Android actions to same purpose for submission, edit, or delete. Search for report template in alphabetical order. Web portal formatted in Android style; Better distinguishment between sections, content, actionable items. Restyling was difficult to achieve as it is web based and there were lack of classes for styling. Content hierachy is identified with different styling applied. Links are highlightred with thicker font size, visited items are properly coloured to prevent confusion. Actionable content and buttons are enlarged for visibility and convenience. Colours are used to create visual visibility. · Style reformatting · Identify key content · Call of action visibility REPORTS MOCK GALLERY NICOLE JIANG 2014 Palantir Mobile Thanks for reading! SEARCH

Documentpm

Embed Size (px)

Citation preview

PALANTIR MOBILEReal-time police dispatch service on iOS and Android devices. Palantir mobile improves situational

awareness by providing access to organization’s information to the palm of your hand.

I carried out the entire redesign for the Android

version of Palantir Mobile.

My work included the interface re-vamp for pre-

existing services and new features such as geo-

tagging, reporting, and barcode scanning. I also

produced the front end for the client database

library and web management portal. I supervised

and iterated on designs alongside the mobile

developerss and ensured the product progress

authenticy.

The design process was finished within a month

in June 2014 and was launched in August 2014.

Sketch, Illustrator, Android IDK, LESS/CSS

ROLE

TIME FRAME

TOOLS

The product received amazing feedback from

our clients and it was featured during Palantir’s

monthy company-wide sync and later the Grace

Hopper Conference.

POST LAUNCH

Q1

W2

E3

R4

T5

Y6

U7

I8

O9

P0

A S D F G H J K L

Z X C V B N M

?123

STRUCTURE BREAKDOWN

SAMPLE MOCKS

TO BEGIN (OLD VERSION)

STATISTICS

D E S I G N I T E R AT I O N S

D E S I G NH O U R S

THE REVAMP

MAP

Login Map Search SettingsMessages Reports

The Android version of Palantir Mobile was made during

hack week and its UI needed A LOT of polishing.

In addition to the revamping the pre-existing UI, features

such as reports, geo-location, and barcode scanning

were designed and implemented.

· Cleaner, more spatial distribution

· Bigger action button, ease of access

· Relevant tab icons · Cleaner data organization

· Notification Update · Android-theme layout

· Dark theme with high contrast · High contrast, easy for reading

· Android-like search/nav integration

· Cleaner view

V I E W R E P O R T

MAPT E A M F I LT E R

MAPC O N TACT A G E N T

REPORTSO V E RV I E W

L O G I N N AV I GAT I O N S E A R C H R E S U LT C R E AT E R E P O R T

L O G I N N AV I GAT I O N S E A R C H R E S U LT C R E AT E R E P O R T

MESSAGESN E W R E C I P I E N T

REPORTSM U LT I -S E L E CT

3+ 40+M O N T H S T O

C O M P L E T I O N

1.5S U P E RV I S I O N / Q UA L I T Y

A S S U R A N C E

50+M O C K

S C R E E N S

50+

CHALLENGES

· The app was to strictly align with

Android design guideline and Palantir

· Primary users: mid-age police officer,

with limited training to technology

· “Fat finger problem” is highly common

· App requires to have high visual

contrast, ease of navigation and clean

· Primary devices: Nexus 5, Moto X

GENERAL

· Identifying users on map as a pinUsers are pinned by team colour and initial,

when selected, the border highlights and

the pin centers

Three buttons on top for ease of access;

Teams differ by colour assignment; Drop

down option to avoid excessive scrolling

Team member list show as a drop down,

instead of repetitively zoom into the map to

identify user

Icon added beside team filter for ease of

access; filter behaves similarly to team

pins

· Team filtering

· Handling high density pinning

· Intergrating geo-location for report search

MAPS

· Breaking down information

· Creating the report layout

· Submit, and multi-select options

· Fat finger problem

· Ease of recognition and navigation

The information database is web based.

As a result, information presented is

extremely clustered. Breaking down

information by section and identity

section category, create visual breakdown

and increase convenience when

searching.

Report is a new component to Palantir Mobile. It is

meant to replace the current pen and paper style

report card.

Clean and logical data input flow; High visual contrast and

reasonable font sizing;

Example input to ensure correctness

Easy-access submit buttons - planted at the top and

bottom of the application. Shorten search time.

Multi-select increase the convenience for batch

editing as this is the common workflow.

Spacing out actionable items to avoid fat finger

problems. Creating more padding, gap, and

incorporate colours to create visual and physical

difference.

Mixing orders of actionable items to prevent

fundemental mistakes.

Call to actions are easy to find; report content are

easily recognized and therefore filled. United all

Android actions to same purpose for submission,

edit, or delete.

Search for report template in alphabetical order.

Web portal formatted in Android style;

Better distinguishment between sections,

content, actionable items. Restyling was

difficult to achieve as it is web based and

there were lack of classes for styling.

Content hierachy is identified with different

styling applied. Links are highlightred with

thicker font size, visited items are properly

coloured to prevent confusion.

Actionable content and buttons are

enlarged for visibility and convenience.

Colours are used to create visual visibility.

· Style reformatting

· Identify key content

· Call of action visibility

REPORTS

MOCK GALLERY

NICOLE JIANG2014

Palant ir Mobi le

Thanks for reading!

SEARCH