Upload
nicole-jiang
View
40
Download
0
Tags:
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