Case study

Abcam

E-Commerce for scientists

Background

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.


My responsibilities

  • Design leadership & strategy
  • Design workshops
  • UX/UI design
  • Prototyping & validation

The science bit

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.

Discovery & definition

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.

Ethnographic insights

  • Researchers are driven people working on tight budgets. They must find significant results in the shortest possible time.
  • The admin of finding reagents and supplies is squeezed into short slots around pre-booked lab time.
  • The computer in a lab is often relegated to a corner. Many researchers ate lunch whilst browsing products.
  • Most experiment planning was still carried out in notebooks.

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.



01.

Search: Pre-filter for precision

Observations

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.

  • You could add two or more search terms in the search field to reduce options, but nothing in the UI suggested it was possible, so this behaviour was rarely observed.
  • The search feature only matched on text in the product name or description, so could bring back irrelevant results - a cell line sample rather than the antibody that binds with it, for example.

The problem

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?

Solutions

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.

Filter suggestions

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.

Entity pages

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.


02.

Compare: Surface relevant data

Observations

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.

  • The product cards were tall and difficult to scan, making comparison difficult, and reducing the number of results visible at once.
  • The left-hand column had become unmanageable for users. With difficult interactions, only 23% of users ever added a filter and opted to scroll through pages of results.
  • We observed ping-pong navigation between the results view and the product page, and lots of scrolling to find relevant information.

The problem

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?

Solutions

Table layout

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.

Summary panel

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.


03.

Choose: More trustworthy content

Observations

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).

  • To be trusted, the images must be accompanied by contextual information regarding the experiment in which they were produced.
  • Published citations were regarded as essential to trust Abcam’s claims of reactivity and specificity. But researchers were spending a lot of time reading the detail of citations before realising they weren't relevant.

The problem

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?

Solutions

Image & citation metadata

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.

Content filters

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.


04.

Buy & Share: Tracking accurate conversion

Observations

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.

  • The existing e-commerce platform focused on buying. and although researchers could save a basket of items in a session cookie, they couldn’t share it, so researchers were resorting to other methods.
  • Most non-purchasers shared a list of product pages by copying the URL. As a result our funnel metrics were missing a large number of journeys and our existing conversion rate was distorted.
  • The shared URLs didn't contain size or delivery information, so researchers were accustomed to specifying these manually.

The problem

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?

Solutions

Tracking shares as conversions

We facilitated the share intent with a custom copy interaction. This was counted as a conversion to rebalance our metrics.

Share menu

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.


Outcomes

Validated Prototype

A user-validated prototype that demonstrated the potential of a biological data model to revolutionise the search experience.

Shift in organizational Thinking

Despite not being fully implemented, the project influenced Abcam’s appreciation for a data model that closely mirrors the biological domain.

Increased Awareness

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.


What I learned

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.


Get in touch

Want to work with me to create amazing products? Drop me a line


More case studies

Airline app

Product design・How I set a new course for the design of a companion app for an airline.

Read the case study

Fixing design in squads

Design ops・How we made design work in mixed discipline teams when we were short on headcount.

Read the case study