Expasy, the Swiss Bioinformatics Resource Portal, as designed by its users

1Databases, software tools and on-line services are essential resources in the daily work of most life scientists. They are key to the long-term preservation of scientific data and the reproducibility of life science studies. As on-line bioinformatics usage spread and diversified, portals offering single access points were created and later on, structured catalogues were proposed. In this landscape, the ExPASy portal pioneered. It was created in 1993 referred to as ‘the Expert Protein Analysis System’ with a primary focus on protein knowledge. It was the first life science website - and among the 150 very first websites in the world. In the past 27 years, the portal has evolved. It was redesigned several times and the penultimate version was released in 2011, when it became the ’ExPASy SIB Bioinformatics Resource Portal’, a catalogue of bioinformatics resources. As detailed in SIB Swiss Institute of Bioinformatics federates a Swiss bioinformatics community now close to 800 scientists. In this context, hundreds of cutting-edge resources are developed and made available to the life science community. Among those, twelve key resources—the so-called SIB resources—receive specific support from the Institute and form the SIB Resource portfolio that ranges from specialised knowledge bases such as UniProtKB/Swiss-Prot (part of the UniProt consortium), neXtProt, STRING and Bgee, to online tools such as SWISS-MODEL and SwissDrugDesign.

2In this article, we describe the latest version of Expasy together with its redesign process that relied on rules of User-Centred Design (UCD). UCD combines User Research (UR), which addresses the question ‘Who is the target audience?’, with User Experience (UX), which addresses the question ‘How does the user interact with the application?’. Originating from the computer industry, UCD is emerging in science, as its value has been acknowledged. Expasy was improved to maintain access to SIB’s high-quality scientific resources and to offer up-to-date and accurate information on each of them, with a more efficient and easier-to-use search engine. Additionally, a networked organisation of resource descriptions was implemented, to broaden the scope of the initial search and explore the diversity of the SIB resources. The last new aspect to the portal is the involvement of resource providers in the content update of Expasy as a crucial step toward guaranteeing quality information. With this approach, the new version focuses specifically on resources developed by or in collaboration with SIB groups, in contrast with previous editions.

3Expasy is an extensible and integrative portal including >160 databases and software tools developed by SIB groups. It covers a wide range of fields in life sciences and biomedical research, spanning genomics, proteomics, structural biology, evolution, phylogeny, systems biology and medicinal chemistry. Expasy is an essential tool for a large variety of users, from beginners interested in discovering bioinformatics, to advanced scientists looking for specific biological answers. Table 1 illustrates three examples of typical users of the portal (so-called personas, see below) and their corresponding use-cases. Given its usefulness for the life science community, Expasy has undergone a major overhaul in 2020. The new user interface is the result of in-depth work with users to meet their needs and expectations. Its content is a long-term commitment of the resource provider community to describe each resource accurately and in a standardised manner.

4Figure 1 shows the homepage of the new Expasy portal, including its new logo. A search bar is directly accessible from the top of each page. A filter panel is proposed on the left side of the page. It reflects the categories defined to filter the resources (see definition below). All resources are listed as cards with the resource's name, a short description, type (database and/or tool) and categories.

5The portal provides a single search bar allowing simultaneously two types of search: a ‘regular search’ and a ‘cross-resource search’. The results are displayed jointly on one page.

6Expasy allows users to search for resources by name, keyword, category or description. When a user, for example, types ‘virus’ in the search bar, this results in a list of virus-related databases and software tools, such as V-pipe, ViralZone, OpenFlu or COVID-19 Scenarios. We will refer to ‘regular search’ in the rest of the article to designate this type of search. All the resource-specific information is stored in a relational database back-end and queried using Elastic Search (https://www.elastic.co/elasticsearch/,), with fuzzy search or approximate string- matching search enabled. Resources are linked one-to-the-other through ontology-based terms. As a result, they form a network of seamlessly connected resources (more details below).

7In addition to the regular search, Expasy offers a ‘cross-resource search’, which allows to query a subset of web-accessible databases in parallel. Although most databases offer their own search functionality, the simultaneous query of a set of databases from a single hub is a convenient option. In this way, search results may include resources unknown to the user, yet relevant and potentially useful. This functionality, already introduced in the previous version of ExPASy, has been revised with the help of the respective web service providers. It now includes 19 SIB databases, such as ENZYME, MyHits, STRING, UniProtKB, ViralZone, PROSITE and SWISS-MODEL Repository (see Table 2). In addition to the default behaviour (i.e., full-text search), the search engine automatically recognises certain types of formatted data, such as UniProtKB accession numbers, PDB IDs, or Ensembl IDs. As a result, it sends the query only to resources that support the specified query type. This not only optimises search time, but also provides more relevant results.

8Figure 2 shows the result page obtained with ‘COVID-19’ as input in the search box. This page consists of two parts:

9Top: the cross-resource search result (full-text mode)

10Bottom: the regular search result (resource names, keywords, categories and descriptions).

11In the above example, the cross-resource search indicates that ‘COVID-19’ was found in two entries in Cellosaurus and 3078 entries in UniProtKB. By clicking on the number of hits, the user is redirected to the query results in the respective databases. In case no result is returned (e.g. the format is not supported, or a resource server is temporarily down), an error icon replaces the number of results (see Figure 2, top). The regular search indicates that 19 resources relate to COVID-19, such as PROSITE, SWISS-MODEL Repository, ViralZone, Nextstrain, GlyConnect, SIB COVID-19 Integrated Knowledgebase (https://covid-19-sparql.expasy.org/), to name a few.

12Clicking on a card on the home page or on the result page shows the detailed view of the corresponding resource.

13Figure 3 shows a detailed view of ViralZone, a web resource for all virus genera and families. Overall, the following information describes each resource:

14Name

15Description

16Type of resource (software tool and/or database)

17Categories (Genes & Genomes, Genomics, Metagenomics, Transcriptomics, Proteins & Proteomes, Evolution & Phylogeny, Evolution biology, Population genetics, Structural Biology, Drug design, Medicinal chemistry, Structural analysis, Systems Biology, Glycomics, Lipidomics, Metabolomics or Text mining & Machine learning)

18Optional presentation video

19URL

20SIB group operating the resource

21Licence terms

22Keywords of type:

23○ ‘What you can do with this resource?’

24○ ‘Browse these keywords in Expasy’

25Resources of interest for the user shown as cards

26Clicking on a keyword in the right box triggers a new query matching that keyword. Keywords in the old ExPASy were not standardised or following any commonly used ontology (those keywords will be designated as ‘in-house keywords’ in the rest of the article). In the new version, keywords comply with EDAM, a comprehensive ontology of well-established concepts in bioinformatics and computational biology. EDAM applicability to searching, categorising and automatic handling of resources has been validated by implementations in eSysbio (https://nels.bioinfo.no/), Bio-jETI and EMBOSS, demonstrating its relevance to resource catalogues. The ontology is actively developed, maintained and supported by a team of specialists. The four sub ontologies of EDAM are used: Operation, Topic, Data and Format. In EDAM, ‘Operation’ is ‘A function that processes a set of inputs and results in a set of outputs’. Thus, all EDAM terms of the ‘Operation’ type are displayed in the box ‘What you can do with this resource?’. By clicking on one of the EDAM terms in this box, the user can retrieve all resources that perform the same task. ‘Topic’, ‘Data’ and ‘Format’ define, respectively, the domain of application, the type of information and the data format used or output by the resource. Those terms are shown in the box ‘Browse these keywords in Expasy’. The list of resources that share at least one EDAM term of the ‘Topic’ type is indicated in the ‘You might also be interested in’ section, which allows the user to explore SIB resources (see Figure 3, bottom, for details).

27The redesign process started in 2019. Its aim was to improve user-friendliness, visual identity and content, as well as its responsiveness on mobile devices. Additionally, we seized the opportunity to change the casing of the word ExPASy to Expasy to distinguish it from the original purpose of the website (the study of proteins) while keeping a world-renowned brand in bioinformatics. We followed a UCD approach for the redesign, anticipating that optimised user interfaces and efficient organisation of information are more conducive to scientific discoveries. Yet, professionals usually tend to wrongly assume that end-users share the same view and behave in a similar way in a given situation. In reality, the development of high scientific quality resources used to their full potential and performing adequately, must include end-users in the design process from the very beginning. With this in mind, the redesign of Expasy was carried out through four developmental phases that are described below (see Figure 4 for an illustration of the process).

28In User Experience (UX), the preliminary phase is essential for making informed decisions. To this end, we first assessed the old ExPASy according to usability, usage statistics of the website as well as user behaviour. We also evaluated a series of well-established portals in the world of life sciences, the so-called ‘competitors’.

29This preliminary phase allowed us to gain significant insight into best practices and user experience improvement according to the following four criteria: usability, usage, user behaviour and benchmarking. The outcome of our evaluation is summarised in Table 3.

30Overall, we identified two major usability issues in the old ExPASy website (Figure 5). Firstly, users did not distinguish search types (Figure 5A). Prior to launching a search, the user was expected to select the type of search (regular or cross-resource) from a drop-down menu. Our analyses and user tests showed that very few users were aware of this option. As a consequence, users typically ran the default search (cross-resource search in 77% of cases, according to the server logs). Secondly, the website was not responsive, that is, not optimized for mobile devices (Figure 5B). Not only did this lead to very few users accessing the platform through mobile devices (around 6%), it also penalised indexing by the major search engines.

31The study of the old ExPASy usage figures were based on Google Analytics spanning the year 2018. Overall, we observed a bounce rate of 50% which is considered as good. A bounce is when the user opens a single page on a website and exits without triggering any other action. There was an almost exclusive use of the website through desktops (94%), a huge number of acquisitions by direct access (32%), an average number of acquisitions by organic (search engine) searches (56%), and a slightly lower acquisition by referral from other, external websites (21%). Usage figures are comprehensively provided in Supplementary File S1.

32A close look at the user behaviour flows revealed the low level of navigation between resources. From this observation we identified the need for further development to support navigation and exploration. Supplementary File S1 also highlights this trend.

33Benchmarking is an efficient way to analyse user interfaces and community standards. In this work, we targeted well established websites to (i) evaluate ongoing practices in the field of bioinformatics, (ii) benefit from the familiarity factor, (iii) validate or disprove assumptions and (iv) assess the added value of Expasy compared to other bioinformatics portals. For this study, we focused on four portals:

34The EMBL-EBI website (https://www.ebi.ac.uk/)

35The NCBI website (https://www.ncbi.nlm.nih.gov/)

36The bio.tools portal (https://bio.tools/)

37The Biocatalogue (https://www.biocatalogue.org/)

38The details of this benchmarking can be found in Supplementary File S2. Examples can be found in Table 3.

39The analysis of the old ExPASy usage numbers as well as the user behaviour flows led to the creation of personas, that is, fictional characters, which are stand-ins for the different Expasy user types with characteristics, needs and expectations. Creating personas helps software developers to (i) assess the extent of different needs and expectations, and (ii) optimize the user experience. Three personas were created: a bioinformatician, a junior, and a senior biologist (Supplementary File S3 represents the personas and illustrates to what extend the outcome of the study supports the features of each persona).

40Finally, the new Expasy was drafted as a wireframe as shown in Figure 6. A wireframe is a visual guide that represents the skeleton of a website. It depicts the layout of the user interface elements and their interactions. It lacks typographical style, colour or graphics, as the main focus is functionality, behaviour and content. In other words, it focuses on what a screen does, not on its appearance. A wireframe is employed in user tests, allowing for early feedback on products. Usually, a wireframe is iteratively enhanced at each user test to produce an optimised prototype used by developers for implementation.

41The first wireframe consisted of (i) a single search bar, performing the two types of search in parallel (regular and cross-resource search) with no prior selection from a drop-down list, (ii) a homepage showing all resources listed as small cards, with a short description and additional information (website, contact, type, etc.), (iii) different types of filters (categories, resource type, etc.) to explore SIB resources according to various criteria, (iv) a detailed view of each resource providing the user with more information, and a ‘You might also be interested in…’ section allowing to broaden the scope to other SIB resources.

42At this stage, the pending issues were:

43What information should the cards contain?

44What information should the detailed views contain?

45How to ensure links between resources with common features?

46Which filters should be applied?

47Which resource categories should be used to cover the diversity of SIB resources?

48How to monitor revision and long-term update of resource description?

49For the elaboration phase, we organised an interactive workshop, which brought together 17 members of the SIB community, including PIs of major SIB resources, software developers, scientists, communication and training specialists. Indeed, the SIB community brings together both the developers or providers of the resources, and the Expasy end-users. Furthermore, the workshop aimed to ease the adoption of the future version of Expasy, which is crucial for the long-term revision of resource descriptions, and more generally to sustainable content quality.

50Various exercises were carried out during the workshop, and their outcome was processed in order to refine the wireframe.

51More specifically, the audience unanimously confirmed the following prerequisites:

52A unique search box performing the two search types (regular and cross-resource search),

53The exclusion of citations, contact and website icon in the resource detailed view, and a clear description of the resource purpose,

54The replacement of in-house keywords by EDAM terms,

55The only indispensable filter is by category.

56The field of bioinformatics evolves rapidly, therefore, through a ‘card-sorting’ exercise, the categories and sub-categories were updated, as shown in Table 4. At the end of the workshop, a new version of the wireframe was released and validated by the participants. This wireframe, resulting from a consensus of the SIB community, was then proposed to a set of external users.

57The iterative phase is about meeting the users, showing them the wireframe and improving it based on their feedback. Five users were recruited either through a mailing campaign across the authors of scientific articles citing Expasy or in person at various scientific meetings. It was established that testing a wireframe on no more than five users is sufficient to identify the major usability issues (65–85%). In practise, the redundancy of user feedback is such that all important issues are brought out with the first five users and very few new ones arise when more users are consulted. The ‘law of diminishing returns’ applies. Conversely, testing a wireframe on a single user is risky: a single person may perform actions by accident or in an unrepresentative manner and this may skew the test results. During the tests, users were asked to navigate the old ExPASy as well as different versions of the wireframe. Simultaneously, they were invited to compare and comment on the diverse user experiences. To avoid the anchoring bias, the different versions of the website were submitted in a random order. Here are some examples of exercises proposed to the users:

58Find a database collecting expert curated knowledge about glycan bindings of human pathogens

59Retrieve all the resources belonging to the ‘Evolutionary Biology’ category

60Retrieve information on the MSH6 gene. In which tissue is this gene expressed in human?

61At the end of the iterative phase, the outcome that led to the final wireframe version (Figure 7) was the following:

62Overall, the users liked the unified search box and confirmed their unawareness of the regular search in the old implementation.

63The added value of Expasy lies in the classification of the resources by category. Besides, users preferred the panel on the left, over the initially proposed dropdown menu at the top.

64The result page, with its two types of results (Figure 7C and D), was well understood. More specifically, in the cross-resource search results, the users appreciated the classification of results by category and the short description of each queried database.

65The implementation phase spans stages from the revision of the pre-existing ExPASy content to the development of the new product before going live.

66To update the pre-existing data, we started by removing decommissioned resources as well as non-SIB resources. In the old ExPASy, in-house keywords were used to describe each resource main features. Manual mapping of those keywords to EDAM terms was performed and applied to each resource. The mapping result was then sent to the resource providers along with additional information such as the long and short descriptions, the contact email or the URL. Each of the resource descriptions was reviewed and enriched by the resource providers. A total of 154 resources were re-evaluated before the new Expasy implementation went live.

67As for the development of the new release, a few key points had to be considered:

68Knowing that about 49% of global internet traffic can be attributed to mobile devices (source: https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/worldwide, October 2020), Expasy needed to be responsive, not only to attract more mobile device users, but also to improve indexing by the major search engines,

69Work on the Search Engine Optimization to increase the number of newcomers via organic searches,

70Update the visual identity (new stylesheet, new logo),

71Ensure the redirection of about 5000 URLs to keep existing users,

72Provide an administration interface to add/update/delete resources, open to resource providers and administrators only.

73To increase speed of development and ensure user satisfaction, we opted for an agile methodology (https://agilemanifesto.org). In software development, agile refers to discovering requirements and developing solutions through a high level of engagement of cross-functional teams, enabling early delivery and continuous improvement. Eleven people (developers, business analysts, product owner, SEO expert, user interface designer, graphic designer, system administrators) participated in the implementation phase, and the new Expasy went live on 15 October 2020. The resource providers were granted access to the Expasy administration interface and provided with a video tutorial. As of January 2021, 15 new resources have been added, and 50 have been updated. Involving resource providers in the continuous content update of Expasy is crucial for ensuring accurate and relevant information. With this procedure, along with the yearly update reminder sent to resource providers, we have optimised access to up-to-date and reliable data.

74The new version of Expasy was released in October 2020. Since then, an increase of 15% in the number of daily users, compared to the same period last year, is observed. The traffic from mobile devices has increased from 6 to 10%. In the future, the SIB community will strive to provide more resources to Expasy users while ensuring that pre-existing information remains up to date. The new version of Expasy was intended as an evolving web application with a growing number of high-quality interconnected resources that forms a solid ground on which the life science community can stand. The portal is a gateway to bioinformatics, available to expert users, beginner researchers, teachers, students and more. The new version of Expasy aims to create a satisfactory user experience. Our user-centric approach was successfully applied in all phases of development and will remain our strategy in future implementations.

75Expasy is available at www.expasy.org. This website is free and open to all users and there is no login requirement.