UX makeover: BAR website
The University of Toronto's Bio-Analytic Resource for Plant Biology website receives around 60,000 visits per month and contains dozens of widely cited visual analytics tools. However, the layout of the page had not been updated since its initial launch in 2005.
Many users complained that they couldn’t find what they were looking for. All the links were text-based, and each item had to be hovered over in order to see a thumbnail image. We clearly needed to update the website to reflect modern standards in web design.
Each of the tools are now depicted as individual tiles with a thumbnail image for quick recognition. Clicking on them opens additional information as a modal popup. In the upper right corner there is a search box with autocomplete so users can search for tools by name. Users can also find what they are looking for via the dropdown menus at the top. News and other announcements are highlighted in a dedicated box near the top of the page.
After updating the site I co-wrote two book chapters with my PhD supervisor, Nicholas Provart, about the tools and data available at the BAR:
Jamie Waese and Nicholas J. Provart. The Bio-Analytic Resource for Plant Biology. Book chapter in: Methods in Molecular Biology - Plant Genomics Databases, Aalt-Jan van Dijk ed., Springer, 2017. ISBN 978-1-4939-6658-5
Jamie Waese and Nicholas J. Provart. The Bio-Analytic Resource: Data visualization and analytic tools for multiple levels
of plant biology. Current Plant Biology Volumes 7–8, November 2016, Pages 2-5.
Category UX Design
Date March 2016
A new landing page for the BAR. A search box with autocomplete in the upper right corner makes it much easier to find things.
Visual analytic tools are depicted as tiles with a thumbnail image for quick recognition.
Original text based Bio-Analytic Resource for Plant Biology home page.