
Entity search
Search matched on biological entities as well as text in the product description. We visually differentiated entities from text strings to make it clear how we were matching results.
Abcam is a pioneering producer of high-quality antibodies widely respected in the research community. The company has grown explosively thanks to an uncompromising attitude to producing reliable antibodies, commbined with a next-day delivery model.
After 20 years of trading online, Abcam's customers were experiencing difficulties locating the best products for their experiments due to the overwhelming number of filters, hard-to-find citations and a data model that didn’t accurately reflect the biological relationship between products.
I led a team of 3 designers, one researcher and a set of SMEs seconded from areas of the business. Our process was grounded in a culture of rigorous discovery and problem definition, ideation and validation.
Antibodies are Y shaped proteins that stick to antigens on proteins, cells, parasites, viruses, fungi and bacteria. Their utility has become ubiquitous in bioscience research. Antibodies can be used to diagnose infection, treat the infection, or measure the effectiveness of a medication or vaccine without experimenting on a human or animal. Bioscience researchers are usually interested in exploring the properties of a biological target - a collective word for whole proteins, antigens and binding areas.
There are tens of thousands of protein targets, with isoforms (different configurations of the same protein), other modifications. Each target has a name and a shorthand code. Not every scientist agrees on the name, so most proteins have a list of synonyms tied together with ID numbers by standards organisations like Uniprot.
Antibodies can be Primary (sticking directly to the antigen), secondary (sticking to the primary antibody to make them easier to observe). They can be conjugated (mainly dyes), polyclonal or monoclonal
Each target is linked by metabolic pathways - chains of events concerning many proteins and constituent parts that make biological functions - the processes that keep all living things alive. The same protein can be explored in different research fields, and scientists might use different experimental applications (experimental techniques) to test their hypotheses.
It should probably go without saying that this mind-boggling landscape of entities, relationships and properties does not easily fit into the average off-the-shelf e-commerce platform data model.
We interviewed 34 researchers from various levels in private and public organisations, and ran a diary study with scientists to discover contextual problems and unmet needs. We uncovered a lot of detail about the context of the decisions made during the antibody buying journey. we were able to expand on our original stories and put together a vision for the ideal antibody buying journey.
We described the buying journey in terms of the researcher's JTBD, rather than page-by-page, which enabled us to break out of the constraints of the existing flow. We identified four key steps of the journey: Search, Compare, Choose, Buy & Share. After organising our user needs into these four problem spaces, we undertook rigorous two-week design sprints with subject matter experts, which we repeated three times. As our confidence in the overall concept grew, we delved deeper into the details of each step, refining the design and making it more comprehensive.
Once synthesized, we re-wrote the insights as user stories, combined them with the business requirements that we could validate with the research, and plotted them on a story map. The map allowed us to scope a meaningful MVP.
We set out to reduce the time scientists spend planning, searching for and validating products so they could spend more time doing research. For each step of the process, we framed problems and focused problem statements around the obstacles to finding the most effective reagent for the experiment, in the shortest possible time.
When Abcam's website was in it's infancy, searching for a target would return a manageable list of antibodies. After 20 years of expanding their product lines, each target search now brings back hundreds of options from multiple categories.
Scientists are time short. They need to find the best quality products that are compatible with their experiment in the shortest possible time. They feel overwhelmed with results and filters. They use other websites, phone, email or chat to shortcut the process. How might we design a search interface which gets them to compatible options with the least possible friction?
Search matched on biological entities as well as text in the product description. We visually differentiated entities from text strings to make it clear how we were matching results.
Our concept introduced filters in a step-by-step flow before showing the results. We were able to suggest relevant filters algorithmically, in categories prioritised by their relevance in the model.
We created landing pages for every biological entity to enhance awareness of additional product lines, pathways, and adjacent targets. It gave researchers a Wikipedia-style way of navigating between entities.
The existing search results layout was well past a usable tipping point. With more filter categories and product lines added every week, filters were difficult to find in stacked vertically scrolling boxes.
Researchers approach search with different experimental needs and variables. Their informational needs can’t be efficiently met through text-based search alone. Customers aren’t finding the decision making content they need on the search results page. How might we show a list of products in a way that helps them to find the perfect product for their needs?
We made product data more scannable by showing a more space efficent, table layout. The columns would adapt to show the primary points of comparison for each product type and provided an easy way of sorting products.
The quick view side panel reduced the ping-pong navigation between results and product data, allowing researchers to quickly browse down a list of products.
Antibodies are supplied in small vials of clear liquid. You can’t differentiate them with an image of the product. Instead, researchers need to see citations and charts of experimental data that prove the specificity of the antibody (i.e. how accurately it binds to a specific target).
Customers aren't finding the information they need to make a decision about a product quickly. They find it hard to assess the overall offering. The product detail structure is currently weighted towards primary antibodies but we need to accomodate more product types. HMW create a more flexible approach that fits experimental needs whilst enhancing the findability of our products?
We added in-depth contextual data to citations and images. The additional propeties enabled us to reprioritise the content contextually. This reduced the amount of time a researcher would need to spend browsing for relevant information to validate the product.
If the researcher hadn't specified the application up front, images and reference could easily be filtered later. We could track these actions to tailor the default view to the most "popular" images or citations.
We discovered in the interviews that many researchers don’t have purchase power and had to request a purchase through a requisitions system or through their lead researcher.
Customers approach search with different experimental needs and variables. Their informational needs can’t be efficiently met through a standard interface. Customers aren’t finding the decision making content they need on the search results page. How might we show a list of products in a way that helps them to find the perfect product for their needs?
We facilitated the share intent with a custom copy interaction. This was counted as a conversion to rebalance our metrics.
We enriched the existing share functionality with a share panel. We discovered a potential network effect which would encourage more registrations, allowing us to differentiate and understand the relationship between non-purchasers and purchasers.
A user-validated prototype that demonstrated the potential of a biological data model to revolutionise the search experience.
Despite not being fully implemented, the project influenced Abcam’s appreciation for a data model that closely mirrors the biological domain.
The project highlighted the need for user-centred design in e-commerce platforms, especially in specialised fields such as scientific research.
Despite the robustness of our approach the team faced a significant change in direction. The technical team unilaterally decided on an off-the-shelf solution from Adobe that, while not fitting all the user requirements highlighted by the prototype, provided a perceived quicker route to deployment. This decision ended up as a false economy regarding the highly specialised features that customers were asking for. It pointed to the need for more clarity in defining strategic outcomes between the technical and product teams. The technical team expected a simple re-platforming based on current requirements, whilst the business expected a step change in the user experience to justify the investment.
This exceptionally specialist project was a pleasure to work on. Whilst I'm disappointed it hasn't yet been fully realised, I enjoyed engaging with bioscientists, who turned out to be excellent collaborators on the design. We solved problems well outside the usual domain of an e-commerce team, by involving them in every stage of design thinking. Thanks to this project, I feel my role has permanently evolved from problem solver to facilitator.
I struggled to engage the engineering organisation in the design process. Historically, the engineering team had worked in a silo. They were accustomed to scoping a full set of requirements and wanted to wait until all the design questions were answered before scoping. This disconnected the design from the build, and the implementation risk ballooned. In future I'll ask more questions about the organisational set up before embarking on projects of this size.
Despite the difficulties in the technical project, I was happy with the outcomes of the design process. By fostering an appreciation for the value of specialised data models and user-centric design, my team set the stage for future developments that could further solidify Abcam’s leadership in the market. Abcam’s new search design a is a testament to the enduring value of a design process that is deeply informed by the user's perspective, an approach that ultimately leads to a more intuitive and effective product, even if the path to implementation takes unexpected turns.
Want to work with me to create amazing products? Drop me a line
Product design・How I set a new course for the design of a companion app for an airline.
Design ops・How we made design work in mixed discipline teams when we were short on headcount.