joanne
magbitang

fall 18, new york city → stockholm → london → palo alto → washington

it me

In progress —

I extensively travelled for 4 months as a product design intern at Palantir, working closely with clients and coworkers overseas to quickly iterate and ship features on Dossier and Gaia, our collaborative report-writing and map modules, respectively.

*Most of my work are NDA-protected. If you want to learn more, shoot me a message.

the suite

I worked on Palantir Gotham (PG), which houses a suite of analytic products that are focused on a bottom-up approach to answering big data questions — making PG a popular platform for investigatory workflows. The different features and modules included in PG output their own analytical pieces, such as objects, maps, tables, documents, and graphs.

Specific questions or points of interest guide the analysis (vs. top-down analysis aim to find patterns in bulk data)

dossier

Most of our PG clients delivered formal reports, which were heavily audited before being published. Dossier aimed to bridge this gap between building analytical pieces in PG and augmenting them with written, actionable reports.

Video taken from Palantir Gotham's Titan Release.

I worked with a team comprised of a tech lead, two developers, and my mentor and product manager, part-time.

anatomy

Dossier has a homepage which includes all the dossiers available for the user's investigation, along with its metadata (such as document labels—which I also designed, user tested, and shipped with one of the developers on my team!)

Dossier homepage, filtering by document labels

The actual documents are called dossiers, complete with classification and permission settings, which dictate who and what pieces can enter the dossier.

main challenges

  1. Dossier was difficult to integrate within our users' workflows due to it falling short on report-formatting, such as citations.
  2. A huge lack of consistency and configurability with inserting various pieces within PG (networks, graphs, objects) into a Dossier.

I. sourcing and citations

Collaborating closely with our early adopters, I focused on designing various low-hanging fruit features for easier adoption of Dossier in their day-to-day workflows. This included focusing on automating tasks such as citations.

“We're looking for automation: getting properties and their sources, appendices—and whatever else is the same every single time—into Word.”

— Client on the barriers of adopting Dossier

As formal report writers, our clients needed a way to easily source all their pieces in PG—and sometimes all the way to the property- and value- level of a single object. These reports could include up to more than 1000 citations, which they manually format by copy-pasting.

Design for highlighting to cite freeform text in Dossier, directly linking to a PG object

Hovering to show footnote's source

The end result was an early adopter group going from being testers of our product to becoming champions of Dossier in their organization. With formatting and automation tasks out of the way, users were able to seamlessly do their report-writing in Dossier and minimally format it in Word for final delivery.

Sourcing by property level, with an option to export as footnotes on Word, PDF, etc.

II. insert commands

To fully make Dossier a canvas of analytical pieces and hypotheses, we needed to improve its ability to tie in together the different outputs of features and modules within PG.

“Collaboration can be encouraged by Dossier, and I'm a big believer in turning PG into an institutional knowledge base.”

— Client on adopting Dossier to keep reports and collaborations within PG

This problem obviously encompassed cross-platform discoverability, but for easier developer hand-off and adoption from stakeholders, I decided to scope the project into various versions. I started with improving prompts and discoverability within a dossier.

Flowchart showing all possible pieces and insertion mechanisms into a dossier, narrowing it down to two mechanisms—drag and palantdrop and using the @insert menu

To consolidate all these workflows and shortcuts, I created a flowchart for all possible piece insertions and the different ways they can be inserted into a dossier. The result was,

  1. Aiming for a robust insert menu that allowed for both freeform and focused search for all pieces and piece types that can be inserted in Dossier.
  2. Adding contextual prompts after the insert command, @ so the user knows where the insert menu is querying from.
  3. Keeping visual consistency between different insert menu modes (especially if a specific piece type filter was chosen).

Final design—a freeform search "g" showing an entry point for pieces to insert (e.g. Graph, relevant objects), and mentioning dossier collaborators

Due to more urgent features (such as sourcing and citation), this work was postponed. Nonetheless this was my first project at Palantir, and I'm satisfied to have decomposed a systematic design problem so early on.

gaia

Lastly, I worked on Gaia (maps) for my last few weeks at Palantir, where I researched and created early designs for extending our map visualization features.

map visualizations

Working on another large analytical artifact, I improved maps by putting together new map visualizations for our Gaia module.

presentation vs. analysis

Working with various clients who heavily use our map visualization features, an important lesson I learned were the two main uses of map visualizations — presentation and analysis.

  1. Presentation focused on seeing trends at a glance of a map visualization. These visualizations often involved visuals that are hard to read granularly, such as gradients.
  2. Analysis focused on hunting for specific data points or values. These encompassed visualizations with points, distinct shapes and/or lines.

Contrasting presentation and analytic map visualizations

visual math

I focused on presentation-type map visualizations, dealing with multiple colours and varying intensities. The biggest challenge with controlling these visualizations is knowing what the variables are, and how they affect your visualization.

To start off, these visualizations often compare densities of something. A frequency. A point's property value. When densities are in play, users would want to tend to focus on clusters that show extreme low or high. But there is a cost to beauty. These polished gradients and vibrant clusters are controlled by variables that change based on statistical distribution equations—which smooth your gradients and weigh your clusters accordingly.

You thought teaching math was hard. Try making someone *implicitly* understand the math.

Another improvement made was the control of colour. Colour stops are an important feature when fine-tuning the semantics of map visualization. This also allowed for the user to easily map what values the colours corresponded to without having to provide multiple fall-off points, decluttering the UI.

Colour stops to indicate fall-off values

Moreover, I researched on more accessible palettes (read: I will never stop playing with and raving about Cubehelix) to provide out of the box for our users. My palettes of choice became Cubehelix for print, Viridis for digital, and ColorBrewery for choropleths (especially for qualitiative and divergent sets).

Colour palettes I suggested for our map generators


Improved mental model of heatmap controls

This was a very fun project to end off my internship, and having colocated with a new team in Washington, D.C. It was exciting to come back to my data visualization roots, combining statistics and visual design knowledge in a product. Moreover, I was able to experience more facets of the PG product, and Palantir as an organization.

thanks to

Ashley Einspahr, Andy Elder, Alexis Le Dantec, Ryan Beiermeister, Matt Bango, and the PG designers for your guidance. Rhys Brett-Bowen and Paul Thoren for the great jams and your developer chops.

And Kevin Ng, my mentor, work best friend, and introversion coach.












write joannemagbitang@gmail.com
connect in/joanne-magbitang
tweet @joannemagbits