Revolutionizing global science discovery with NASA mission software
PIXLISE is a data analysis tool used by a small NASA science team to search for life on Mars. It struggled to exceed 20 users, but scientists knew it had the potential to change the world.
As the sole designer, I partnered with science and product teams to design the public-facing website from 0 to 1, generate all technical content, and craft the product’s initial deployment and messaging strategy for growth. Design fully implemented in Spring 2023.
As the sole designer, I partnered with science and product teams to design the public-facing website from 0 to 1, generate all technical content, and craft the product’s initial deployment and messaging strategy for growth. Design fully implemented in Spring 2023.
Role: Lead Designer
Skills: UX/UI Design, Information Architecture, Content Strategy, UX Research, Copywriting, Visual Design
Client: NASA Jet Propulsion Laboratory (PIXL Science Team)
Duration: 10 weeks
PROBLEM
PIXLISE is complex and inaccessible to most of the world
Previously, PIXLISE’s front page contained basic overview information, failing to communicate PIXLISE’s immense potential to fuel science discoveries beyond NASA.
Further, my research into this problem space uncovered skill and workflow gaps that plague the efficiency of research labs. I witnessed our growth strategy evolve the product roadmap to serve grander needs of the entire science community, enabling universal scientific discovery!
Challenge
SOLUTION & IMPACT
Enabling all labs and scientists to use PIXLISE
A refreshed public website committed to product literacy, addressing common lab challenges, and the product’s first-ever deployment flow allowed PIXLISE to be accessible to all geoscientists.
When users enter the site, they are able to: quickly survey complex features and potential use cases, understand PIXLISE’s value to their lab, and take steps to deploy powerful software the very same day.
In other words...
Turning our attention to other scientists, we transformed a tool for a singular mission into a research swiss army knife.
STEP 1: GRASP COMPLEX FEATURES IN SECONDS
Depth interviews with PIXLISE users only scratched the surface of the tool’s breadth and flexibility.
The new site captures PIXLISE’s unique value proposition and hundreds of unique features and benefits under 3 core functions: Workflow, Quantification, and Investigation.
Depth interviews with PIXLISE users only scratched the surface of the tool’s breadth and flexibility.
The new site captures PIXLISE’s unique value proposition and hundreds of unique features and benefits under 3 core functions: Workflow, Quantification, and Investigation.
STEP 2: REIMAGINE SCIENCE COLLABORATION
Generative inverviews with labs further highlighted the importance of tools supporting interconnected workflows.
The new site validates lab science challenges and highlights novel collaboration perks. It further forefronts the importance of science community with accessible guides and forums.
Generative inverviews with labs further highlighted the importance of tools supporting interconnected workflows.
The new site validates lab science challenges and highlights novel collaboration perks. It further forefronts the importance of science community with accessible guides and forums.
STEP 3: STREAMLINE ONBOARDING & ADOPTION
Collaborative efforts with science and engineering teams revealed inefficient onboarding, spanning weeks.
The new site replaces lengthy 1:1 demos with tiered options and a PIXLISE Trial, reducing onboarding to minutes and freeing the team to ship more groundbreaking features.
Collaborative efforts with science and engineering teams revealed inefficient onboarding, spanning weeks.
The new site replaces lengthy 1:1 demos with tiered options and a PIXLISE Trial, reducing onboarding to minutes and freeing the team to ship more groundbreaking features.
Explore the final prototype here.
OPPORTUNITY
Mars science tools are useful for Earth scientists too
PIXLISE was designed to help scientists investigate the geological history of Mars in rock samples collected from the planet. Despite this specific use case, PIXLISE’s functions are applicable (and potentially revolutionary) to all elemental geoscience workflows.
The PIXLISE product team at NASA Jet Propulsion Laboratory approached me to distill its capabilities into a compelling story to engage a new world of users.
RESEARCH
Crash course in the product, existing users, business, and competition
With research, I grew a deep understanding of PIXLISE’s capabilities and uncovered how the Mars use case and overarching NASA mission objectives differentiate PIXLISE from market software in a favorable way.
INFORMATION ARCHITECTURE / TAXONOMY
Diverse, nonlinear workflows demand detailed content organization
There’s no one “happy path” in scientific investigation. Through 15+ interviews and demos with scientist users, we were initially overwhelmed with the high variation in the features used and the ways they are utilized.
I identified patterns between these nuggets of information through prototyping artifacts and reviewing them with the product team and scientist experts. At last, I devised a comprehensive organization of product feature information with seven levels of granularity.
Product Values ✨
At the highest level, PIXLISE is characterized by flexibility, speed, and innovation.
The clear, structured taxonomy translated gracefully into the Landing and Product page wireframes, and is a huge improvement to the 4 cards on the site previously.
INFORMATION ARCHITECTURE / USER JOURNEY
Lab challenges illuminate a plan for deploying PIXLISE
Despite a limited access to our target user, interviewing the University of Western Ontario’s XRF lab validated a need for PIXLISE on Earth and helped us empathize with research lab scientists, who face distinct workflow struggles we were previously unfamiliar with.
Insight 💡
Workflow agility, robust export functionality, and instrument-software compatibility are critical to addressing lab scientists’ hardware bottlenecks.
PIXLISE already had the features to address these user needs. However, new users may not be convinced right away that PIXLISE can even work with their lab’s tech stack, data, or research objectives.
I scaffolded this uncertainty by creating a tiered deployment plan.
I scaffolded this uncertainty by creating a tiered deployment plan.
First, try PIXLISE with sample data. Then, secure PIXLISE for your lab when you know it’s a good fit. Later, experience PIXLISE at peak performance with cloud-parallelized computing. We simplified PIXLISE adoption even more with an ever-present “Try PIXLISE” button on the global navigation and a concise and engaging call to action and community metrics to end every page on the site.
INFORMATION ARCHITECTURE / STORY
Weaving product function into a narrative
I found an opportunity to showcase PIXLISE’s unique history beyond its awesome features. In the Mission page, we highlight the Mars story as an additional reason to love PIXLISE. PIXLISE’s “mission” statement strategically follows its origin story and continued presence in NASA’s flagship Mars 2020 mission.
This completes the arc of the public PIXLISE experience:
Show off product features first, reinforce with community resources, and seal the deal with an otherworldly mission statement.
IDENTITY
Refreshed design system reflects new product values
The visual design reflects the sophistication and quality of the revolutionary tool, while maintaining a tone of warmth through its mission to support the science community.
Working with the product team, we scaled this identity into a design system for implementation.
Visual Design Rationale 🧐️
The design system retains the dark look of the UI. We highlight with PIXLISE’s recognizable yellow spot color, now coexisting with an additional poppy vermillion, inspired by Mars. An energetic type duo ties it all together: the geometric yet approachable sans serif Faktum and the clean monospace variation of GT America.
The design system retains the dark look of the UI. We highlight with PIXLISE’s recognizable yellow spot color, now coexisting with an additional poppy vermillion, inspired by Mars. An energetic type duo ties it all together: the geometric yet approachable sans serif Faktum and the clean monospace variation of GT America.
COMMUNICATION DESIGN
Optimizing visuals for a science audience
In early iterations, I relied solely on product screens to visualize PIXLISE benefits. Although great for demonstrating how a scientist might use PIXLISE, these failed to communicate abstract product benefits, such as “real-time collaboration” or “open-source web access.”
In later iterations, using lighter backgrounds afforded a refreshing differentiation from the product UI. Simple illustrations helped convey higher-level concepts and high-res geography photos supplemented context and atmosphere.
Finally, I designed microinteractions to reduce cognitive load as users learn about this complex tool.
︎ With every refresh, the landing page shifts to reflect PIXLISE’s impact.
︎ Survey product features quickly by clicking on the informational cards.
︎ Easily navigate between the three core product functions: Workflow, Quantification, and Investigation.
︎ Immediately grasp tool functionality by switching between an isolated panel view and an in-context workspace view.
Interact with the final prototype here.
REFLECTION
Learnings and next steps
Despite the ambiguity of our target user and high level of content complexity, I designed a product’s growth strategy and public interface in 10 weeks. My greatest breakthrough was learning to be wrong, so we can get it right together.
More learnings:
Writing is design. Balancing precision, concision, and accuracy with something more “punchy” and “marketable” was hard and required its own iterative process.
Asking good questions is good, but prototyping wrong solutions is better. I had to confront my perfectionism in the face and build out some terrible artifacts before they started to become clear. The goal is to move the needle forward.
Design creates access. Working with technical stakeholders helped me contextualize the importance of design in a high-complexity setting. Seeing design’s ability to bridge connections, disciplines, workflows, and understanding within just a few months made the challenges along the way so worthwhile.
Writing is design. Balancing precision, concision, and accuracy with something more “punchy” and “marketable” was hard and required its own iterative process.
Asking good questions is good, but prototyping wrong solutions is better. I had to confront my perfectionism in the face and build out some terrible artifacts before they started to become clear. The goal is to move the needle forward.
Design creates access. Working with technical stakeholders helped me contextualize the importance of design in a high-complexity setting. Seeing design’s ability to bridge connections, disciplines, workflows, and understanding within just a few months made the challenges along the way so worthwhile.
If given more time and money, I’d:
Access more Earth labs. It was challenging extrapolating findings with limited access to our target user. In an ideal world, I would interview and test with more earth scientists to validate site success.
Build out guides. PIXLISE is not easy to learn and user support is necessary to troubleshoot and adapt to software changes. I’d love to continue working with users and PIXLISE developers to build user-friendly guides for user autonomy.
Be more hands-on with deployment.
Through this experience I realized I enjoy working with eng stakeholders to ensure ideas are grounded in reality. If afforded more time I’d love to be more involved with designing the back-end for PIXLISE’s sustained growth.
Access more Earth labs. It was challenging extrapolating findings with limited access to our target user. In an ideal world, I would interview and test with more earth scientists to validate site success.
Build out guides. PIXLISE is not easy to learn and user support is necessary to troubleshoot and adapt to software changes. I’d love to continue working with users and PIXLISE developers to build user-friendly guides for user autonomy.
Be more hands-on with deployment.
Through this experience I realized I enjoy working with eng stakeholders to ensure ideas are grounded in reality. If afforded more time I’d love to be more involved with designing the back-end for PIXLISE’s sustained growth.
Presenting the website to the Mars 2020 PIXL science team was the most gratifying moment of my career to date. I got to see scientists react to my process and get a glimpse of the positive impact design can have on scientific inquiry. This project reinforced my belief in the necessity of human-centered design.
2024 Update—
Now, I’m working on strategic visual communication solutions for science/engineering at NASA JPL, see here︎︎︎
2024 Update—
Now, I’m working on strategic visual communication solutions for science/engineering at NASA JPL, see here︎︎︎
Thanks for reading!
