Category Users What we did Platform Project scope Project cost
Enterprise, Software-as-a-Service (SaaS) Scientists Redesign Web 5 screens $3,000

ChemBank from the Broad Institute: A web application sample from the portfolio of consultants Hagan Rivers and David Rivers of Two Rivers Consulting Corporation, a user interface/user experience design firm located near Boston, Massachusetts.The Broad Institute asked us to help them improve the usability of their Software-as-a-Service (SaaS) ChemBank web application, which is used by scientists searching for specific chemical compounds and assays. We redesigned the user experience for five key screens from the application that could be used as templates to improve usability throughout the product. We worked with the team to create a new system for forming large, complex queries and presenting them in a way that is easy to use. We delivered our designs as a set of HTML files, complete with CSS and supporting images.


ChemBank from the Broad Institute: A web application sample from the portfolio of consultants Hagan Rivers and David Rivers of Two Rivers Consulting Corporation, a user interface/user experience design firm located near Boston, Massachusetts.

BEFORE (Thumbnail above)

It's nice to feel "welcome" but the scientists who use this web application expect the user interface to get them moving on what they need to do.

Looking at the original screen, you would have no idea what you could expect to do here.

AFTER

This user experience needed to be all about searching-many types of searching. So the user interface is intended to present each type of search with help text to help users better understand the differences between them.


ChemBank from the Broad Institute: A web application sample from the portfolio of consultants Hagan Rivers and David Rivers of Two Rivers Consulting Corporation, a user interface/user experience design firm located near Boston, Massachusetts.

BEFORE

Users had to construct a query in XML. This is an experience that is not unlike being dropped off at Home Depot and being told to buy everything needed to build a house from scratch.


ChemBank from the Broad Institute: A web application sample from the portfolio of consultants Hagan Rivers and David Rivers of Two Rivers Consulting Corporation, a user interface/user experience design firm located near Boston, Massachusetts.

AFTER

Not only are users' choices for search spelled out in this user interface design, but it's much easier to debug the criteria because the user can logically follow each condition.


ChemBank from the Broad Institute: A web application sample from the portfolio of consultants Hagan Rivers and David Rivers of Two Rivers Consulting Corporation, a user interface/user experience design firm located near Boston, Massachusetts.

BEFORE

Is the user searching for a Compound, or is this a Compound Search (with multiple conditions)? Both constructs exist in the user experience, yet it's difficult for users to gain a foothold. In SaaS user experiences, it's important to make users' required actions self-evident.


ChemBank from the Broad Institute: A web application sample from the portfolio of consultants Hagan Rivers and David Rivers of Two Rivers Consulting Corporation, a user interface/user experience design firm located near Boston, Massachusetts.

AFTER

Yes, this user interface still requires expert knowledge in searching with SMILE, but the screen redirects less sophisticated users to the right place, and allows more technically inclined users to save (and build upon) their previous searches.