ChemPlanner
ChemPlanner is a web application that helps chemists explore new ways of
making chemistry faster and more efficiently.
My role
UX strategy and design from kick off until product launch.
Problem
Finding creative ways of synthesizing molecules is a long process.
Chemists have to search for reproducible information through vast
amounts of literature, look up papers and put pieces together one step
at a time.
We wanted to offer a system that complements the chemists' knowledge
and helps them consider alternative approaches. At the same time, we
wanted to inspire the confidence required to determine what steps
could produce the best possible drug.
We launched a web application that uses reactions from chemical
databases to predict end-to-end synthetic routes. The chemists can
explore the routes to unlock ideas and design more innovative while
still reliable routes faster.
User groups
We designed for two user groups: discovery chemists and process
chemists. Both are involved in the process of developing drugs but
have different goals. While discovery chemists are interested in
making small quantities that are pure enough for testing, process
chemists try to optimise the results finding cheaper, safer and more
scalable routes.
Initial research
The project started with a stakeholder workshop and subject matter
experts interviews. Together we defined the scope of the project and
identified user pain-points. The first milestone was to create a
proof-of-concept and understand the reactions of the researchers to
the proposed solution.
I did secondary research to learn more about the current practices and
the questions the chemists ask themselves during the process.
Documenting research learnings
We organized interviews with chemists working at academia and
corporations to learn more about the challenges of the current process
and the participants' reactions to our proposed concept.
Low confidence on the feasibility of the solutions
How to calibrate the feasibility and reproductivity of the routes
suggested by the system?
Lack of accessible experimental information
Skepticism towards predicted data
How does the system work in the background?
What is the justification for the predicted reactions?
Key findings from user research
Generating ideas
Even though we were a distributed team, we worked closely together. We
conducted several workshops to define an end to end solution that
would fit within the chemists workflow and we followed up with remote
design reviews and feature definition sessions. We continued running
user research sessions throughout the process.
Early design exploration sketches
Known vs predicted reactions
A synthetic tree in ChemPlanner is made of known and predicted
reactions. We played with iconography and colour to help users scan
which reactions are predicted and which are found in the literature.
Predicted reactions take longer to generate than literature reactions;
in order to provide users with results earlier we decided to display
first syntheses made of known reactions while predictions were
generated in the background.
A synthetic tree made of known reactions only
Users would often prioritize known reactions over predictions - once
predictions have been completely generated users are able to turn off
the predicted results.
Switching between known results and predictions
Browsing alternative solutions
ChemPlanner selects the most optimal solution based on overall yield
and price but users can modify the routes by browsing alternative
reactions. For each transformation there could be a large number of
alternatives, so we developed a grid view to allow users to scan
through the different options.
To further assist on this process we planned a feature to narrow down
the number of options by flagging the ones that look more feasible.
This would allow them to compare how various alternatives change the
overall solution. However, due to project priorities this feature was
not developed.
A prototype that shows how the features in the alternatives panel help
compare different solutions
Assessing the feasibility of the solutions
As we learned from user research, the reasoning behind the results is
extremely important to help users assess the potential feasibility of
the routes. The chemists have quick access to the data used to
generate each transformation. These examples also give information of
procedures previously used in similar transformations.
Literature examples for each reaction are displayed below the synthetic
tree leaving enough screen real estate to focus on the examples but also
allowing to easily crosscheck the examples with the reaction by just
scrolling up.
The amount of examples behind a result could be extremely large. As
important as offering the data, was to offer ways to analyse it. We
included facetted browsing of literature examples to help users
analyse the most common conditions and bring down the examples to
manageable numbers based on their preferred options.
We explored different ways of enabling facetted browsing. We aimed to
offer a simple solution but the logic behind turned out to be quite
complex. This image shows an example used to communicate this logic
using real life scenarios.
These and other decisions needed to be documented and made accessible
to anybody in the distributed team. I was highly involved throughout
the development phase, I created annotated designs and other
documentation to facilitate the communication and worked closely with
business analysts, developers and QA engineers.
ChemPlanner finally went live and has since then been awarded with
several industry innovation awards.
Takeaways
This was the first time I worked on a product all the way from
kick-off to release and I was lucky to have the opportunity to work on
an exciting project alongside very experienced people. We were a new
and distributed team and we faced many challenges but were proactive
and learned to overcome them. Eventually we worked out a very clearly
defined process.
The most important takeaway I got from this project was learning to
deal with risk, both from a product perspective and design point of
view. Setting goals, understanding stakeholder motivations, not
relying on a single design methodology but on the most appropriate to
achieve the project goals, doing early technical analysis... If I look
back I would have approached some things differently, but I am happy
to keep the extremely valuable insights that I learned.