To address the needs of mobile users, we also undertook extensive development of a mobile-friendly interface for DrugBank. Users visiting the homepage (https://go.drugbank.com) on a mobile device such as a smartphone or tablet, are greeted with a similar view as on desktop, but with a condensed single dropdown menu box in the top right corner denoted by three horizontal lines (Figure 1E). Clicking this menu shows a series of additional dropdown menus that match those displayed in the desktop version. When viewing a DrugCard, a web page that displays a specific drug's information within DrugBank, the user is presented with a similar layout as seen on a desktop. However, the side navigation bar is replaced by a floating ‘NAV’ bar that pops out when the user clicks on it (Figure 1F). This navigation bar behaves in the same manner as on desktop; clicking a section will scroll the drug card to that section and expands any subsections within the navigation bar itself; which can also be clicked (Figure 1G).
